﻿@charset "utf-8";

/* layout */
html  
{
    margin-left:-1px; 
}

form 
{			
	margin:0;
	padding:0;
}

#pageWrap 
{
    padding:0;
    margin:0; 
    width:100%;
    float:left;
    background:url(images/pageWrap.jpg) no-repeat center top;
}

#header 
{						
    position:relative;
    margin:0 auto 0 auto;
    background:url(images/header.jpg) no-repeat left top;
    width:1000px;
    height:297px;
    z-index:3;				
}

#bcBackground 
{
    position:relative;
    width:1000px;
    margin:0 auto 0 auto;
    background:url(images/bcBackground.jpg) no-repeat left top;
    z-index:2;			
}

#bcHeader 
{
    position:relative;
    width:100%;
    z-index:3;
}

#bcFooter 
{
    position:relative;
    width:100%;
    min-height:450px;
    padding:35px 0 20px 0;
    z-index:3;
}

#boxMain
{		
    width:665px;
    margin:0 25px 0 28px;
    z-index:4;
    float:right;
}
#boxLeft {float:right; width:266px; background:url(images/boxLeft.png) no-repeat left 20px; padding:190px 0 0 0}

#footerWrap 
{
    position: relative;
    width: 100%;
    height: 274px;
    bottom: 0;
    z-index: 1;
    background:url(images/footerWrap.png) repeat-x left top;
}

#footer 
{	
    position:relative;
    width: 1000px;
    height: 260px;
    margin: 0 auto 0 auto;
    background:url(images/footer.png) no-repeat left top;
    z-index:4;
    padding:14px 0 0 0;
}

#headerLeft
{
    position: absolute;
    width: 1280px;
    height: 297px;
    right: 50%;
    top: 0;
    background: url(images/headerLeft.jpg) no-repeat left top;
    z-index: 1;    
}

#headerRight
{
    position: absolute;
    width: 50%;
    height: 297px;
    left: 50%;
    top: 0;
    background: url(images/headerRight.jpg) no-repeat 500px top;
    z-index: 1;    
}
    
/* end layout */

/* header */

#logo {position:absolute; top:73px; left:0px}

/* end header */

/* top menu*/

#menu 
{    
	position:absolute;
	top:245px;	
	right:0px;
	z-index:4;
}

.menuMain 
{
	list-style:none;
	margin:0 auto 0 auto;
	padding:0;
}

.menuMain li 
{
	list-style:none;
    padding:0 20px 0 0px;
    margin:0 10px 0 0;
    float:left;
    background:url(images/menuLi.png) no-repeat right top;
}

.menuMain li a 
{
	display:block;
	font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #e9e9e9;
	text-decoration: none;
	text-align:center;
    background:url(images/menuA.png) no-repeat left top;
	height:38px;
    line-height:38px;
	position:relative;	
	padding:0 15px 0 35px;
}
.menuMain li:hover {background-position:right bottom;}
.menuMain li:hover a {background-position:left bottom; color:#fff}



/* end top menu*/

/* bottom menu  */

#menuFooter	
{
	width: 590px;
	z-index:7;
	float:left;
    padding:0 0 15px 0;
}

.menuMainFooter	
{
	list-style: none;
	margin:0;
	padding:0;
}

.menuMainFooter li 
{
    float:left;
}

.menuMainFooter li a	
{
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 0 27px 0 0px;
    margin:0 25px 0 0;
    background:url(images/footerMenuA.png) no-repeat right 2px;
}

.menuMainFooter li.last a
{
    background:none
}

.menuMainFooter li:hover a
{
    text-decoration: underline;
}

/* end bottom menu  */

/* cs copyright */
#containerFooter {
	width: 590px;
	font-size: 11px;
	color: #373737;
	padding:0;
	float:left;
}
#containerFooter a {
	text-decoration: none;
	color:#373737;
}
#containerFooter a:hover {
	text-decoration: none;
	color:#595959;
}

/* end cs copyright */

/* footer */

#footerL, #footerR {float:left; height:260px; position:relative; color:#6b655c}
#footerL {width:623px; margin:0 0 0 30px}
#footerR {width:298px; margin:0; background: url(images/footerR.png) no-repeat left bottom; padding:0 0 0 42px}
.footerTitle {color:#fff; font-size:12px; margin:3px 0 50px 0; width:100%; float:left}
.footerText {float:left; width:550px; margin:0 0 10px 0; height:90px; font-size:12px; line-height:1.5em}


.icoFb {float:left; display:block; padding:0 0 0 30px; height:22px; line-height:20px; color:#b1b1b1; text-decoration:none; position:absolute; top:0px; right:40px; background:url(images/icoFb.png) no-repeat left top}
.icoFb:hover {background-position:left bottom; color:#b1b1b1; text-decoration:underline}

.footerAdress {width:285px; position:absolute; top:133px; left:44px; font-size:12px; color:#818181; line-height:2.2em}
.footerAdress a {color:#818181; text-decoration:none}
.footerAdress a:hover {color:#818181; text-decoration:underline}
/* end footer */

/* box */

#boxLeft h2 {float:left; width:263px; padding:0 0 19px 3px; background:url(images/leftH2.png) repeat-x left bottom; margin:0 0 10px 0; font-size:15px; color:#1f1f1f}
#boxLeft h3 {float:left; width:260px; margin:0 0 10px 0; font-size:12px; font-weight:normal; color:#202020; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#boxLeft h3 a {float:left; display:block; padding:4px 0 4px 23px; background:url(images/leftH3.png) no-repeat left bottom; color:#202020; text-decoration:none; width:237px}
#boxLeft h3 a:hover {background-position:left 5px; color:#202020}

.box01 {float:left; width:100%; margin:0 0 25px 0; padding:2px 0 25px 0; background:url(images/H1.png) repeat-x left bottom;}

.btn01 {float:left; display:block; width:190px; height:39px; line-height:39px; text-align:center; font-size:12px; color:#dfdfdf; background:url(images/btn01.png) no-repeat left top; text-decoration:none; margin:0 0 0 235px}
.btn01:hover {text-decoration:none; color:#fff; background-position:left bottom}

/* end box */
