/* MAIN ITEMS */

body {background:#e2e2e2 url('../img/body-bg.jpg') repeat-x top;font-family:trebuchet ms;}
#body-wrap{background:url('../img/bkg2.jpg') no-repeat top center;overflow:hidden;min-width:965px;}
#body-wrap.bg2{background:url('../img/bkg1.jpg') no-repeat top center;position:relative;}
#header{width:965px;clear:both;height:300px;margin:0px auto 0px auto;position:relative;height:122px;overflow:hidden;}
#content{width:965px;margin:0px auto 0px auto;clear:both;height:600px;position:relative;}
#footer{width:965px;margin:0px auto 0px auto;clear:both;height:200px;overflow:hidden;}
.red{color:#da0000;}
.pink{color:#c542c3;}


/* HEADER */

#header #main {list-style-type:none;margin:0px;padding:30px 0px 0px 0px;position:relative;overflow:hidden;float:left;}
#header #main li{display:block;float:left;position:relative;cursor:pointer;margin:0px;height:47px;}
#header #main li img.on{position:absolute;display:none;}
#header #main li img.off{position:absolute;display:block;}

#header #about {position:absolute;display:none;top:83px;left:9px;list-style-type:none}
#header #about li{
	float:left;margin:0px 15px 0px 0px;background:url('../img/about-sm-on.jpg') no-repeat;height:18px;
	padding:12px 5px 0px 5px;
	}
#header #about li a{text-transform:uppercase;font-size:12px;color:#454545;text-decoration:none;font-size:10px;}
#header #about li a:hover{color:#da0000;}

#header #portfolio {position:absolute;display:none;top:83px;left:120px;list-style-type:none;}
#header #portfolio li{
	float:left;margin:0px 15px 0px 0px;background:url('../img/about-sm-on.jpg') no-repeat;height:18px;
	padding:12px 5px 0px 5px;
}
#header #portfolio li a{text-transform:uppercase;font-size:11px;color:#454545;text-decoration:none;font-size:10px;}
#header #portfolio li a:hover{color:#da0000;}
#header #logo{float:right;margin-top:30px;}



/* CONTENT */

#text{display:none;}
#content p{color:#3f3f3f;}
#bgpic{width:1065px;margin:0px auto 0px auto;position:relative;}
#bgpic img{position:absolute;}

#bgpic.mission img{top:00px;left:170px;}
#bgpic.vision img{top:90px;left:290px;}
#bgpic.values img{top:200px;left:870px;}
#bgpic.services img{top:20px;left:300px;}
#bgpic.blog img{top:410px;left:60px;}
#bgpic.projects img{top:210px;left:400px;}

.content-box{padding-top:230px;height:285px;color:#3f3f3f;overflow:hidden;position:relative;}
.content-box h1{color:#da0000;font-size:30px;margin-bottom:5px;font-weight:normal;}
.content-box h2{font-size:16px;font-weight:normal;}
.content-box p{line-height:15px;margin-bottom:10px;}
.content-box p.limited{width:670px;text-align:justify;}
.content-box.vision {padding-top:80px;height:435px;}
.content-box.values {padding-top:80px;height:435px;}


/* CONTENT : MISSION */

.content-box.mission {padding-top:80px;height:435px;}
.mission-prev, .mission-next{margin-top:0px;display:block;text-decoration:none;color:#3f3f3f;height:14px;line-height:12px;padding-top:3px;}
.mission-prev:hover, .mission-next:hover{color:#da0000;}
.mission-prev{float:left;margin-left:160px;background:url('../img/arrow-left-off.png') no-repeat left center;padding-left:13px;}
.mission-next{float:right;margin-right:160px;background:url('../img/arrow-right-off.png') no-repeat right center;padding-right:13px;}
a.mission-next:hover{background:url('../img/arrow-right-on.png') no-repeat right center;}
a.mission-prev:hover{background:url('../img/arrow-left-on.png') no-repeat left center;}
.mission-prev img{float:left;margin:-4px 5px 0px 0px;}
.mission-next img{float:right;margin:-4px 0px 0px 5px;}
.mission-prev img, .mission-next img{display:block;}



/* CONTENT : DOWNLOAD */

.content-box.download {padding-top:80px;height:435px;}
.content-box.download ul {list-style-type:none;margin:80px 0px 0px 0px;padding:0px;}
.content-box.download ul li{width:196px;margin:0px 44px 0px 0px;padding:0px;float:left;}
.content-box.download ul li h3{font-size:16px;margin:0px 0px 5px 0px;font-weight:normal;}
.content-box.download ul li img {display:block;margin-bottom:5px;}
.content-box.download ul li a{}
.content-box.download ul li a.more{
	color:#3F3F3F;font-size:11px;background:url('../img/download/arrow-down.jpg') no-repeat center right;padding-right:10px;text-decoration:none;
	margin-right:4px;
	}
.content-box.download ul li a.more:hover{color:#da0000;}
#dlbox {margin-bottom:5px;width:196px;height:99px;position:relative;}
#dlbox  {width:196px !important;height:99px !important;}
#dlbox-prev{position:absolute;right:-15px;cursor:pointer;top:65px;}
#dlbox-next{position:absolute;left:-15px;cursor:pointer;top:65px;}


/* CONTENT : SERVICES */

#sthumbs{position:absolute;top:113px;}
#sthumbs a{float:left;margin-right:20px;cursor:pointer;opacity:0.3; filter: alpha(opacity = 30);}
#sthumbs a:hover{opacity:1; filter: alpha(opacity = 100);}
#sthumbs a.activeSlide{opacity:1; filter: alpha(opacity = 100);} 

.slarge{margin-top:230px;width:600px;background:none !important;}
#services-box{width:600px;overflow:hidden;}


/* CONTENT : BLOG */

.content-box.blog{padding-top:80px;height:450px;}
.content-box.blog div{width:390px;float:left;text-align:justify;}
.content-box.blog div h2{font-size:25px;}
#bc1, #bc2{position:relative;}
#bc1 a, #bc2 a{position:absolute;width:390px;height:450px;}


/* CONTENT : CONTACT */

.content-box.contact{padding-top:80px;height:450px;}
.content-box.contact div{width:390px;float:left;text-align:justify;}
.content-box.contact div h2{font-size:25px;}
.content-box.contact h1{color:#3f3f3f;}
.content-box.contact .text{margin-right:10px;margin-top:30px;}
.content-box.contact .text span{display:block;float:left;clear:both;width:100px;color:#00c0ff;line-height:20px;}
.content-box.contact .text a{color:#00c0ff;text-decoration:none;}
.content-box.contact .text a:hover{text-decoration:underline;}
.content-box.contact .text label{float:left;display:block;line-height:20px;}
.content-box.contact .text h3{font-size:17px;margin-bottom:10px;padding-top:25px;}
.content-box.contact form {overflow:hidden;width:438px;float:right;}
.content-box.contact form div{overflow:hidden;width:438px;background:url('../img/contact-bg.jpg') no-repeat top right;padding-top:85px;}
.content-box.contact form label{display:block;float:left;width:85px;height:26px;color:#969696;font-size:15px;line-height:26px;}
.content-box.contact form input{
	display:block;float:left;width:350px;height:23px;background:url('../img/contact-input-bg.jpg');border:0px;
	margin:0px 0px 15px 0px;padding:3px 0px 0px 3px;color:#969696;font-size:15px;line-height:15px;
	}
.content-box.contact form textarea{
	display:block;float:left;width:343px;height:72px;background:url('../img/contact-text-bg.jpg');border:0px;font-family:Helvetica Neue,Helvetica,Arial,Georgia,Verdana,Arial,sans-serif;
	margin:0px 0px 15px 0px;padding:5px;overflow:hidden;color:#969696;font-size:15px;line-height:17px;
	}
.content-box.contact form input#reset{width:55px;height:21px;float:right;background:url('../img/contact-reset.jpg');margin-right:10px;}
.content-box.contact form input#send{width:55px;height:21px;float:right;background:url('../img/contact-send.jpg');}



/* CONTENT : PORTFOLIO */

.content-box.portfolio{padding-top:80px;height:620px;position:static;}
.content-box.portfolio div.text{width:965px;float:left;text-align:justify;clear:both;line-height:15px;}
.content-box.portfolio div.text img{float:right;margin:0px 10px 0px 30px;}
.content-box.portfolio div.text span{display:block;}
.content-box.portfolio div.text h3{margin-bottom:10px;}
.content-box.portfolio div.text h2{margin-bottom:10px;margin-top:20px;}
.content-box.portfolio div.text a{
	display:block;margin-top:30px;font-size:12px;background:#da0000;text-decoration:none;float:left;color:#ffffff;
	padding:3px 10px 3px 10px;border:1px solid #da0000;
	}
.content-box.portfolio div.text a:hover{border:1px solid #000000;}
.content-box.portfolio div.text a.more{display:none;}
#timeline{cursor:e-resize;margin-top:20px;position:absolute;left:0px;overflow:hidden;}
#timeline .box{float:left;width:2596px;height:216px;}
#timeline .box img.line{float:left;}
#timeline .box a{position:absolute;padding:10px;}
.drag{margin-left:402px;margin-top:197px;}

.content-box.portfolio div.list{width:965px;float:left;text-align:justify;clear:both;}
.content-box.portfolio div.list ul{height:250px;padding:0px;margin:0px;list-style-type:none;}
.content-box.portfolio div.list ul li a{color:#414141;font-size:20px;line-height:31px;text-decoration:none;display:block;position:absolute;}
.content-box.portfolio div.list ul li a:hover{color:#da0000;font-style:italic;}



/* INTRO */

.intro-pic{text-align:center;padding-top:44px;padding-bottom:30px;}
.intro-name img{margin-top:30px;right:70px;position:absolute;float:right;}
.intro-name{text-align:center;font-size:30px;}
.intro-name span{font-size:40px;font-weight:bold;line-height:52px;}
.intro-quote{border-left:9px solid #bbbbbb;margin-left:135px;padding-left:10px;font-size:17px;line-height:21px;}



/* FOOTER */

#footer h5{text-align:center;background:url('../img/sitemap-bar.jpg') no-repeat center bottom;text-transform:capitalize;font-size:10px;padding-bottom:5px;margin:0px;cursor:pointer;}
#footer h5:hover{color:red;}
#footer .sitemap{margin-left:226px;display:block;overflow:hidden;height:150px;}
#footer ul{list-style-type:none;}
#footer ul li{float:left;margin:-0px 50px 0px 0px;padding:0px;overflow:hidden;}
#footer ul li ul{margin:0px;overflow:hidden;}
#footer ul li ul li{clear:both;margin:0px;padding:0px;}
#footer ul li ul li a{color:#8f8f8f;font-size:13px;text-decoration:none;line-height:17px;}
#footer ul li a.title{font-size:20px;color:#3f3f3f;text-decoration:none;padding:30px 0px 20px 0px;display:block;}
#footer ul li a.title:hover{background:url('../img/sitemap-bg-on.jpg') no-repeat center 7px;color:#da0000;}
#footer a:hover{color:#da0000;}


/* INTRO */