HTML, BODY { background: #7faaca url(/img/bg01.png) repeat-x; }
BODY { padding: 0 0 30px 0; }
* HTML A { position: relative; }
UL { list-style: none; }

/* Layout */

#box01 { width: 995px; margin: auto; position: relative; }

#box02 { width: 968px; padding: 46px 0 0 0; margin: auto; }

#box03 { padding: 58px 23px 0 23px; height: 300px; background: url(/img/bg02.png) no-repeat; }
* HTML #box03 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg02.png', sizingMethod='crop'); }

#box03-b { padding: 58px 23px 0 23px; height: 300px; background: url(/img/bg02-b.png) no-repeat; }
* HTML #box03-b { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg02-b.png', sizingMethod='crop'); }

#box04 { min-height: 470px; background: url(/img/bg03.jpg); }
* HTML #box04 { height: 470px; }
.whitebg { background: url(/img/bg05.png) !important; }

#box04-a { margin: auto; width: 940px; height: 307px; padding: 20px 0 0 20px; background: url(/img/bg08.jpg) no-repeat; }

#box05 { padding: 20px 0 0 24px; height: 100px; background: url(/img/bg04.png) no-repeat; }
* HTML #box05 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg04.png', sizingMethod='crop'); }
#box05 DIV { position: relative; height: 100px; }

#logo { margin: 0; position: absolute; top: 19px; left: 40px; }
#logo A { display: block; width: 143px; height: 67px; background: url(/img/logo.png) no-repeat; cursor: pointer; }
* HTML #logo A { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png', sizingMethod='crop'); }

#boy { margin: 0; position: absolute; top: 30px; right: 0; width: 360px; height: 400px; background: url(/img/bg06.png) no-repeat; }
* HTML #boy { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg06.png', sizingMethod='crop'); }

#lang { margin: 0; position: absolute; top: 66px; left: 525px; }
#lang A { margin: 0 0 0 5px; }

P.descr { margin: 0; color: #fff; font-size: 13px; line-height: 16px; }
P.descr SPAN { display: block; }
P.descr SPAN.heading { font-size: 24px; color: #ffde01; font-weight: bold; font-style: italic; }
P.descr SPAN.txt { padding: 5px 0 0 0; }

#descr01 { position: absolute; top: 345px; left: 40px; width: 175px; padding: 179px 0 0 0; background: url(/img/img02.png) no-repeat;  }
* HTML #descr01 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/img02.png', sizingMethod='crop'); }
#descr02 { position: absolute; top: 345px; left: 270px; width: 170px; padding: 179px 0 0 0; background: url(/img/img03.png) no-repeat;  }
* HTML #descr02 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/img03.png', sizingMethod='crop'); }
#descr03 { position: absolute; top: 345px; left: 470px; width: 167px; padding: 179px 0 0 0; background: url(/img/img04.png) no-repeat;  }
* HTML #descr03 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/img04.png', sizingMethod='crop'); }

#front-info { position: absolute; top: 618px; left: 40px; width: 570px; }
#front-list { position: absolute; top: 460px; right: 35px; width: 318px; height: 395px; background: url(/img/bg07.png) no-repeat; }
* HTML #front-list { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg07.png', sizingMethod='crop'); }
#front-list DIV { position: relative; width: 318px; height: 395px; }
#front-list DIV P { margin: 0; font-size: 14px; line-height: 18px; }
#front-list DIV P.heading { position: absolute; top: 20px; left: 20px; font-size: 19px; font-weight: bold; font-style: italic; color: #fff; }
#front-list DIV P.item01 { position: absolute; top: 56px; left: 60px; color: #9fd3ed; }
#front-list DIV P.item02 { position: absolute; top: 113px; left: 60px; color: #abd48c; }
#front-list DIV P.item03 { position: absolute; top: 188px; left: 60px; color: #ffd8e5; }
#front-list DIV P.item04 { position: absolute; top: 244px; left: 60px; color: #babce3; }
#front-list DIV P.item05 { position: absolute; top: 320px; left: 60px; color: #f0a7a7; }

/* Cols */

.col { float: left; min-height: 1px; }
* HTML .col { height: 1px; }
.col01 { width: 370px; padding: 12px 18px 0 0; }
.col02 { width: 206px; padding: 12px 0 0 0; }
.col03 { width: 572px; padding: 0 30px 0 0; }
.col04 { width: 319px; }
.col05 { width: 576px; }

/* Content */

.head-content { line-height: 20px; font-size: 16px; color: #393c3a; }
.content { line-height: 16px; font-size: 13px; color: #fff; }

UL.listing01 { margin: 12px 0 0 0; padding: 0; }
UL.listing01 * { float: left; }
UL.listing01 LI { padding: 0 20px 10px 0; }
UL.listing01 LI.row { padding: 0 0 10px 0; }
UL.listing01 LI A { padding: 3px; background: #185415; }
UL.listing01 LI A:hover { background: #fff; }
UL.listing01 LI A IMG { width: 122px; height: 90px; }

/* Paging */

UL.pages { margin: 0; padding: 5px 0 0 0; display:none; }
UL.pages * { float: left; display:none;}
UL.pages LI { padding: 0 5px 0 0; }
UL.pages LI.back A { width: 7px; height: 11px; background: url(/img/ico_back.gif) no-repeat; }
UL.pages LI.back A:hover { background: url(/img/ico_back02.gif) no-repeat; }
UL.pages LI.next A { width: 7px; height: 11px; background: url(/img/ico_next.gif) no-repeat; }
UL.pages LI.next A:hover { background: url(/img/ico_next02.gif) no-repeat; }
UL.pages LI.item { padding: 3px 5px 0 0; }
UL.pages LI.item A { width: 5px; height: 5px; background: url(/img/ico_item.gif) no-repeat; }
UL.pages LI.item A:hover,
UL.pages LI.item A.active { background: url(/img/ico_item02.gif) no-repeat; }

/* Video container */

#front-video { margin: 12px 0 10px 0; padding: 3px; width: 313px; height: 197px; background: #185415; overflow: hidden; }

/* Footer */

#copyright { position: absolute; bottom: 16px; right: 28px; font-size: 12px; color: #fff; }
#copyright A { color: #a0ca85; text-decoration: underline; padding: 0 20px; }
#copyright A:hover { color: #fff; text-decoration: none; }
#copyright SPAN { color: #a0ca85; }

/* Subpage */

#subpage { width: 920px; padding: 20px; margin: auto; background: url(/img/bg03a.jpg) 24px 0 repeat; }
#subpage A { color: #ffde01; text-decoration: underline; }
#subpage A:hover { color: #ffde01; text-decoration: none; }
.subpage-b { background: #fff !important; color: #393c3a; }
.subpage-b A { color: #ed290a !important; }
.subpage-b H2 { color: #000 !important; }

/* Colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background:url(/img/colorbox/overlay.png) 0 0 repeat; }
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/ie/borderMiddleRight.png, sizingMethod='scale');}

.logos a {
	margin: 0 10px 0 10px;
}