@charset "utf-8";
/* CSS Document */

body { background-color:#1E7D99; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
body, ul, h1, h3 { margin: 0; padding: 0; }
a{text-decoration:none; color: #FFFFFF;}
a.standoutlink {text-decoration: underline; color: #1E7D99;}
a.standoutlink:hover {color: #FFFFFF;}

#bodyWrapper #headerWrapper { background-color: #1E7D99; height: 290px; }
#bodyWrapper #headerMain { position: relative; height: 289px; width: 960px; margin-left: auto; margin-right: auto; background: url(../images/gradient_hdr_bkg.png) repeat-y; }
#bodyWrapper #headerMain .logo { background: url(../images/logo_trans.png) no-repeat; position:absolute; width: 612px; height: 100px; left: 175px; top: 58px; }
#bodyWrapper #headerMain ul { position: absolute; list-style: none; left: 0px; top: 220px; width: 990px; }
#bodyWrapper #headerMain ul li { display: inline; float:left; margin-right: 24px; }
#bodyWrapper #headerMain ul li a { display: block; float: left; text-indent: -99999999px; }
#bodyWrapper #headerMain .homeButt a { background: url(../images/home_off.png) no-repeat; width: 160px; height: 40px; }
#bodyWrapper #headerMain .aboutButt a { background: url(../images/about_off.png) no-repeat; width: 170px; height: 40px; }
#bodyWrapper #headerMain .worksButt a { background: url(../images/works_off.png) no-repeat; width: 170px; height: 40px; }
#bodyWrapper #headerMain .blogButt a { background: url(../images/blog_off.png) no-repeat; width: 125px; height: 40px; }
#bodyWrapper #headerMain .contactsButt a { background: url(../images/contacts_off.png) no-repeat; width: 240px; height: 40px; }
#bodyWrapper #headerMain .homeButt a:hover { background: url(../images/home_on.png) no-repeat; width: 160px; height: 40px; }
#bodyWrapper #headerMain .aboutButt a:hover { background: url(../images/about_on.png) no-repeat; width: 170px; height: 40px; }
#bodyWrapper #headerMain .worksButt a:hover { background: url(../images/works_on.png) no-repeat; width: 170px; height: 40px; }
#bodyWrapper #headerMain .blogButt a:hover { background: url(../images/blog_on.png) no-repeat; width: 125px; height: 40px; }
#bodyWrapper #headerMain .contactsButt a:hover { background: url(../images/contacts_on.png) no-repeat; width: 240px; height: 40px; }
#bodyWrapper #contentWrapper { background-color: #000000; background: url(../images/contentbodybkg.gif) repeat;}
#bodyWrapper #contentWrapper .contentBdrTop { height: 42px;  background: url(../images/contentbdrtop.png) repeat-x;}
#bodyWrapper #contentWrapper .contentBdrBot { height: 42px;  background: url(../images/contentbdbot.png) repeat-x;}
#bodyWrapper #contentMain { position: relative; margin-left: auto; margin-right: auto; color: #FFFFFF;
	position: relative;
	padding-top: 50px;
	margin-top: 23px;
	width: 940px;
}
#bodyWrapper #contentMain h1 { font-size: 30px;}
#bodyWrapper #footerWrapper { background-color: #1E7D99; height: 96px; }
#bodyWrapper #footerMain { position: relative; height: 95px; width: 960px; margin-left: auto; margin-right: auto; }
#bodyWrapper #footerMain ul { position: absolute; list-style: none; left: 654px; top: 50px; width: 305px; }
#bodyWrapper #footerMain ul li { display: inline; float:left; margin-right: 24px; }
#bodyWrapper #footerMain ul li a { display: block; float: left; text-decoration: none; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#bodyWrapper #footerMain ul li a:hover { color: black}
#bodyWrapper #footerMain .copyright { position: absolute; left: 48px; top: 51px; font-size: 12px; }


/*setup active link - header*/
#homePage #headerMain .homeButt a {background: url(../images/home_on.png) no-repeat;}
#aboutPage #headerMain .aboutButt a {background: url(../images/about_on.png) no-repeat;}
#worksPage #headerMain .worksButt a {background: url(../images/works_on.png) no-repeat;}
#blogPage #headerMain .blogButt a {background: url(../images/blog_on.png) no-repeat;}
#contactsPage #headerMain .contactsButt a {background: url(../images/contacts_on.png) no-repeat;}

/*setup active link - footer*/
#homePage #footerMain .homeButt a {color: #000000;}
#aboutPage #footerMain .aboutButt a {color: #000000;}
#worksPage #footerMain .worksButt a {color: #000000;}
#blogPage #footerMain .blogButt a {color: #000000;}
#contactsPage #footerMain .contactsButt a {color: #000000;}


#homePage #contentMain {
 width: 630px; 
	padding-left: 332px;
	height: 200px;
}
#contentMain h3{
margin-top: 10px;
}
.headerBar {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/header_bar.gif) no-repeat;
	width: 954px;
	height: 51px;
	padding-left: 20px;
	padding-top: 5px;
}
.clear{clear:both; height: 0;}

#homePage .sideBoxWrapper{ position:absolute; left: 0px; top: 61px; }
#worksPage .sideBoxWrapper{ position:absolute; right: 6px; top: 61px; }
.sideBoxWrapper{ width: 312px;}
.sideBoxWrapper ul{margin:0; padding:10px 0 5px 40px; list-style:none;}
.sideBoxWrapper li {margin-bottom: 10px;}
.sideBoxWrapper a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none;}
.sideBoxWrapper .top{background:url(../images/sbtop.png) no-repeat;height: 10px;}
.sideBoxWrapper .content{background:url(../images/sbcontent.png) repeat-y;}
.sideBoxWrapper .bot{background:url(../images/sbbot.png) no-repeat; height: 10px;}

#aboutPage #contentMain {
 width: 955px;
}
#aboutPage #contentMain a {
 color: #1E7D99;
 text-decoration: underline;
}

#worksPage #contentMain {
  width: 630px; 
	padding-right: 332px;
	height: 400px;
}
#blogPage #contentMain {
 width: 955px;
}
#contactsPage #contentMain {
 width: 955px;
}
#contactsCfmPage #contentMain {
 width: 955px;
}

.links {font-size: 9px; text-align: center;}