/* 
    Document   : logico
    Created on : Jul 30, 2009, 4:24:35 PM
    Author     : bmilakovic
    Description:
        Purpose of the stylesheet follows.
*/
/* NORMALIZATION START */
html, body, p{
    display:block;
}

p{
    margin-top:1em;
    margin-bottom:1em;
}

ul ul {
    margin-top:0;
    margin-bottom:0;
}

ul { 
    margin:1em 0;
    margin-left:40px;
    padding-left:0;
}
/* NORMALIZATION END */

html, body{
    margin: 0;
    padding: 0;
    background: #fff032 url(../images/back.png) repeat-y top left;
    font-family: Arial, Helvetica, sans-serif;/*Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}

#site-container{
    width: 975px;
    margin-left: auto;
    margin-right: auto;
}

#header{
    position: relative;
}

#header-pic{
    height: 177px;
}

html>body #header-pic{
    background: url(../images/header.png) no-repeat top center;
}

* html #header-pic {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/header.png', sizingMethod = 'crop' );
}

#header a:active, #header a:focus{
    outline: 0;
}

#top-links, #recommendation{
    position: absolute;
}

#top-links{
    top: 7px;
    left: 630px;
    z-index: 10;
}

#top-links ul, #files-menu ul{
    list-style-image: url(../images/dot.png);
}

#top-links a{
    color: #073776;
}

#top-links a, .files-menu-link{
    text-decoration: none;
    font-weight: bold;
}

#top-links a:hover, #files-menu a:hover{
    text-decoration: underline;
}

#recommendation{
    color: #ae2b30;
    font-size: 13px;
    font-weight: bold;
    top: 10px;
    left: 770px;
    text-align: center;
}

#menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 980px;
    height: 127px;
}

#menu a{
    width: 180px;
    height: 30px;
    display: block;
    position: relative;
}

.m1, .m2, .m3, .m4, .m5{
    float: left;
}

.m1{
    width: 190px;
    height: 118px;
    margin-top: 2px;
}

.m2{
    width: 220px;
    height: 122px;
    margin-top: 10px;
}

.m3{
    width: 202px;
    height: 120px;
    margin-top: 40px;
}

.m4{
    width: 187px;
    height: 100px;
    margin-top: 18px;
}

.m5{
    width: 170px;
    height: 125px;
    margin-top: 7px;
}

html>body .m1{
    background: url(../images/menu1.png) no-repeat top left;
}

* html .m1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu1.png', sizingMethod = 'crop' );
}

html>body .m2{
    background: url(../images/menu2.png) no-repeat top left;
}

* html .m2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu2.png', sizingMethod = 'crop' );
}

html>body .m3{
    background: url(../images/menu3.png) no-repeat top left;
}

* html .m3 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu3.png', sizingMethod = 'crop' );
}

html>body .m4{
    background: url(../images/menu4.png) no-repeat top left;
}

* html .m4 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu4.png', sizingMethod = 'crop' );
}

html>body .m5{
    background: url(../images/menu5.png) no-repeat top left;
}

* html .m5 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu5.png', sizingMethod = 'crop' );
}

html>body .m1-over{
    background: url(../images/menu1-over.png) no-repeat top left;
}

* html .m1-over {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu1-over.png', sizingMethod = 'crop' );
}

html>body .m2-over{
    background: url(../images/menu2-over.png) no-repeat top left;
}

* html .m2-over {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu2-over.png', sizingMethod = 'crop' );
}

html>body .m3-over{
    background: url(../images/menu3-over.png) no-repeat top left;
}

* html .m3-over {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu3-over.png', sizingMethod = 'crop' );
}

html>body .m4-over{
    background: url(../images/menu4-over.png) no-repeat top left;
}

* html .m4-over {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu4-over.png', sizingMethod = 'crop' );
}

html>body .m5-over{
    background: url(../images/menu5-over.png) no-repeat top left;
}

* html .m5-over {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/menu5-over.png', sizingMethod = 'crop' );
}

.m1 a{
    margin-top: 37px;
}

.m2 a{
    margin: 47px 0 0 14px;
}

.m3 a{
    margin-top: 30px;
}

.m4 a{
    margin-top: 35px;
    padding-bottom: 20px;
}

.m5 a{
    margin-top: 30px;
}

.clear-float{
    clear: both;
}

#left-column, #main-content, #right-column{
    float: left;
}

#left-column, #right-column {
    height: 480px;
}

#main-content{
    width: 528px;
    height: 456px;
    padding: 24px 35px;
    padding-bottom: 0;
}

#main-content-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.main-content-text, .track1-down{
    height: 290px;
}

#main-content-text{
    float: left;
    overflow: hidden;
}

.main-content-text, .main-content-text-sub{
    width: 500px;
}

.main-content-text-how{
    width: 380px;
}

.main-content-text-sub, .track1-down-sub, .main-content-text-how, .track1-down-how{
    height: 400px;
}

/* vertical track */
#track1 {
    float: left;
    margin-left: 10px;
}

#track1-down {
    width: 10px;
}

.track1, .track1-sub{
    background: url(../images/scroll-back-up-200.png) no-repeat top left;
}

.track1-down, .track1-down-how, .track1-down-sub {
    background: url(../images/scroll-back-down-200.png) no-repeat bottom left;
}

/* vertical track handle */
#handle1 {
    width: 10px;
    height: 10px;
    background: url(../images/scroll-handle.png) no-repeat top left;
    cursor: move;
}

html>body .main-content{
    background: url(../images/content-back2.png) no-repeat top left;
}

* html .main-content {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/content-back2.png', sizingMethod = 'crop' );
}

html>body .main-content-sub{
    background: url(../images/content-back-empty.png) no-repeat top left;
}

* html .main-content-sub {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/content-back-empty.png', sizingMethod = 'crop' );
}

html>body .main-content-why{
    background: url(../images/content-back-why.png) no-repeat top left;
}

* html .main-content-why {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/content-back-why.png', sizingMethod = 'crop' );
}

#main-content-text-why-up{
    width: 500px;
}

#main-content-text-why-up, #main-content-text-why-left, #main-content-text-why-right{
    font-size: smaller;
    height: 175px;
    text-align: center;
    overflow: hidden;
}

#main-content-text-why-left, #main-content-text-why-right{
    float: left;
}

#main-content-text-why-left{
    margin-top: 15px;
    width: 202px;
}

#main-content-text-why-right{
    width: 298px;
    margin: 10px 0 0 25px;
}

.text-why-title{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

html>body .main-content-how{
    background: url(../images/content-back-how.png) no-repeat top left;
}

* html .main-content-how {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/content-back-how.png', sizingMethod = 'crop' );
}

#left-column, #right-column, #banners-right{
    width: 171px;
    padding: 0 15px;
}

#left-column{
    position: relative;
    padding-right: 0;
}

#right-column{
    padding-left: 0;
    position: relative;
}

#copyright, #version{
    text-align: center;
    font-size: 10px;
}

#copyright{
    clear: both;
    height: 30px;
}

#news-headline{
    width: 64px;
    height: 19px;
    margin-left: auto;
    margin-right: auto;
}

html>body #news-headline{
    background: url(../images/news-title.png) no-repeat top left;
}

* html #news-headline {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/news-title.png', sizingMethod = 'crop' );
}

#news{
    height: 185px;
    overflow: hidden;
}

.news{
    margin-bottom: 10px;
}

.news-date, .news-content-container{
    float: left;
}

.news-date{
    width: 53px;
    height: 39px;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
}

html>body .news-date{
    background: url(../images/news-back.png) no-repeat top left;
}

* html .news-date {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/news-back.png', sizingMethod = 'crop' );
}

.news-content-container{
    width: 118px;
}

.news-title{
    font-weight: bold;
}

.news-content{
}

#boy-sitting{
    height: 116px;
}

html>body #boy-sitting{
    background: url(../images/boy-sitting-left.png) no-repeat top left;
}

* html #boy-sitting {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/boy-sitting-left.png', sizingMethod = 'crop' );
}

#banners-left{
    padding-top: 15px;
}

#banners-right{
    position: absolute;
    bottom: 0;
    right: 0;
}

#banners-left a, #banners-right a, .gallery-link{
    text-decoration: none;
}

#banners-left a:active
, #banners-left a:focus
, #banners-right a:active
, #banners-right a:focus
, .gallery-link:active
, .gallery-link:focus{
    outline: 0;
}

.gallery-link{
    cursor: pointer;
    width: 80px;
    height: 20px;
    display: block;
    position: relative;
    
}

html>body .gallery-link{
    background: url(../images/gallery-link.png) no-repeat top left;
}

* html .gallery-link{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/gallery-link.png', sizingMethod = 'crop' );
}

html>body .gallery-link-over{
    background: url(../images/gallery-link-over.png) no-repeat top left;
}

* html .gallery-link-over {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/gallery-link-over.png', sizingMethod = 'crop' );
}

#august{
    position: absolute;
    top: 120px;
    left: 0;
    width: 230px;
    height: 196px;
}

html>body #august{
    background: url(../images/august-right.png) no-repeat top left;
}

* html #august{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/august-right.png', sizingMethod = 'crop' );
}

a img {
    border: 0 none;
}

.files-menu-link{
    text-transform: uppercase;
    color: #f15e22;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 3px;
}

ul .files-menu-link, .text-why-title{
    color: #073776;
}

#files-menu ul{
    margin-top: 0px;
    margin-bottom: 0px;
}

#files-images-right{
    position: relative;
}

#files-images-left{
    height: 260px;
    width: 200px;
    position: absolute;
    left: -5px;
    bottom: 0;
}

html>body #files-images-left{
    background: url(../images/avgust-left.png) no-repeat top left;
}

* html #files-images-left{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/avgust-left.png', sizingMethod = 'crop' );
}

#files-images-right div{
    height: 488px;
    width: 190px;
    position: absolute;
    top: -8px;
}

html>body #files-images-right div{
    background: url(../images/bears-penciles.png) no-repeat top left;
}

* html #files-images-right div{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src ='view/parts/images/bears-penciles.png', sizingMethod = 'crop' );
}

.files-menu-seld{
    background: #f15e22;
    color: white;
}