@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background-color: #336;
}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header {padding:0; margin:0 auto; }
.white_bg {
	height:90px ;
	padding:0;
	margin:0;
	background: url(images/head.jpg) no-repeat; 
}
.block_header {
	margin:0 auto;
	width:952px;
	padding:0;
	border:none;
    
}
.block_header h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:15px 0 0 5px;
	margin:0; 
    
}
.block_header h2 span { font: normal 13px Arial, Helvetica, sans-serif; color:#989898;}
.block_header h3 { font: bold 30px Arial, Helvetica, sans-serif; color:#00cfeb; padding:20px 0 30px 15px; margin:0;}
.block_header h3 span { font: normal 11px Arial, Helvetica, sans-serif; color:#989898;}


/* logo */
#logo-left {
	float:left;
	width:300px; height: 30px;
	
}
#logo-left h1{
	font: bold 30px Arial, Helvetica, sans-serif;
	padding:7px 0 0 5px;
	margin:0;
}

#logo-right {
	float:right;
	width:300px; height: 30px; font-weight: bold; padding: 12px 5px 0 0;}

/* menu */	
.menu {padding:0; margin:0; width:952px; }
.menu ul { text-align: left; padding:5px 0; margin:0; list-style:none; border:0; }
.menu ul li { float:left; margin:0; padding:5px 5px 0 3px; border:0; }
.menu ul li a { float:left; margin:0; padding:10px 0; color:#ffff00; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold;}
.menu ul li a span { padding:6px 6px; background:none; }
.menu ul li a:hover { color:#00cfeb; font-size:0.8em;}
.menu ul li a:hover span { color:red;}
.menu ul li a.active { color:red; }
.menu ul li a.active span { color:red;}

/*-----  Index Portfolio  -----*/
/*.header_text {  width:945px; margin:0 auto; padding:0 7px 30px 0; height:362px; background: url(images/slider_bg.gif) top no-repeat; border: solid yellow;}*/

.header_text {  width:945px; margin:0 auto; padding:0 7px 0px 0; height: 363px; background-color: #09C; }
#index_portfolio { float: left; width:100%; margin:0; padding:0;}

.index_port_item { float: right; overflow: hidden; cursor: pointer; position: relative; height: 360px;}
.index_port_item img { margin:8px 0 0 0; padding:0; float:none;}
#index_portfolio .index_port_item a { width: 100%; height: 347px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 347px; float: left; position: absolute; display: block; }

#index_portfolio .index_port_item .caption { position:absolute; top:287px; padding:20px; margin:0 0 0 65px; background:url(images/overlay.png);}
#index_portfolio .index_port_item .caption h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#3cdcf7; padding:0; margin:0; }
#index_portfolio .index_port_item .caption p { font:normal 12px Arial, Helvetica, sans-serif; color: #dbdbdb; margin: 0; padding:0;}

/*FBG*/
.FBG {
	margin:0;
	padding:0;
	border-top:1px solid #336;
	background:#336;
}
.FBG .FBG_resize h2 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#999;
	padding:5px 0 0 3px;
	margin:0;
	border-bottom:1px solid #36C;
	text-decoration: none;
}

.FBG .FBG_resize a {
	
	text-decoration: none;
}

.FBG p {
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	padding:5px 5px;
	margin:0;
	color: #CCC;
}
.FBG img { float: left; margin:5px 10px; padding:0; }
.FBG_resize {
	width:932px;
	margin:0 auto;
	padding:10px 0 10px 15px;
	border-left: 2px solid #09f;
	border-right: 2px solid #09f;
}
/****Recent **/
.Recent  {
	width:278px;
	height: 110px;
	float:left;
	padding:5px 0;
	margin:0 20px 0 9px;
	border: 1px solid orange;
}
/********** block index **********/
.body {
	margin:0;
	padding:0;
	background-color:#336;
}


#description {
	width:947px;
	border-left: 2px solid #09f;
	border-right: 2px solid #09f;
	/*margin-top: 0;
			margin-right: auto;
			margin-bottom: 0;
			margin-left: auto;*/
			margin: 0 auto;
	padding: 3px 0 0 0;
			}
			#description p {
	marginp: 0;
	padding: 3px;
	color: #FFF;
	margin: 0;
	font: normal 13px Arial, Helvetica, sans-serif;
			}


.body_resize {
	width:947px;
	margin:0 auto;
	padding:10px 0 0 0;
	border-left: 2px solid #09f;
	border-right: 2px solid #09f;
	
}

.body_resize_awning {
	width:947px;
	border-left: 2px solid #09f;
	border-right: 2px solid #09f;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

.body_resize h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#999;
	padding:4px 0 4px 1px;
	margin:0;
	background-color:#336;
	text-decoration: none;
}
/*.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e;}*/
.body_resize p {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#999;
	padding:0 0 4px 3px;
	margin:0;
	line-height:0.9em;
	background-color: #336;
	
}
.body_resize a {
	color:#CF0;
	text-decoration:none;
}
.body_resize img {
	float:left;
	margin:5px 10px 10px 5px;
	padding:0;
}
.body_resize img.floated { float:left; margin:3px 2px; padding:0;}
.body_resize h3 {

	padding:0 
	margin:0 ;
	font: normal 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #336;
	color: #999;
	margin: 0;
}
.body .body_resize .left  {
	width:285px;
	height: 270px;
	float:left;
	margin:0;
	padding:10px 10px;
}
	
.contact_left  {
	width:285px;
	float:left;
	margin:0;
	padding:10px 10px;
	background-color: #336;
	
} 

.contact_right  {
	width:580px;
	float:left;
	margin:0;
	padding:10px 10px;
	background-color: #336;
}

.awning  {
	float:left;
	padding:6.1px; 
	margin: 0;

}

.right  {
	width:591px;
	margin:0;
	padding:0 24px 0 0;
	float: right;
}
	
.right p {
	
	border: 1px solid orange;

}
.left .block_BG {
	background-color:#336;
	text-decoration: none;
}


.map {
	width:944px;
	margin:0 auto;
	padding:3px 0 0 4px;
	border-top: 2px solid #09f;
}

#movie {
	margin: 1px 92px 1px 95px;
}

/* footer*/

.footer_resize {
	width:952px;
	margin:0 auto;
	padding:10px 0 10px 0;
	background: url(images/head.jpg) no-repeat;
}
.footer {
	padding:0;
	margin:0;
	background:#336;
}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color: #FC3; padding: 0; margin: 0;text-decoration:none;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#FC3; text-decoration:none; padding:0; margin:0;  }
.footer p.leftt { text-align:left; width:40%; margin:0; padding:10px 0 0 5px; float:left; } 
.footer p.rightt { text-align:right; width:40%; margin:0; padding:10px 10px 5px 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none; background-color:#336;}
li.bg, .bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:10px 0; background:none; line-height:0;}


.body .body_resize .left .block_BG .clr { clear:both; background-color:#336; }