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


body{ margin:0; padding:0; font-family: 'Titillium-Regular';}
.clear{ margin:0; padding:0; clear:both; height:5px;}
#headerbg{ margin:0; padding:20px 0 0 0; background:url(../images/footerbg.jpg) left top repeat; height:380px; width:100%; position:relative;}


#main-wrapper{ margin:0 auto; width:1000px;}

.header{ margin:0; padding:0; height:100px;}

.logo-wrapper{margin:0; padding:0; width:300px; float:left;}

.nav-wrapper{margin:0; padding:0; width:700px; float:left;}



.banner-wrapper{ margin:0; padding:5px 0 0 0; width:1000px; height:518px; background:url(../images/banner-bg.png) left top no-repeat;}

.slider{ margin:0 0 0 5px; padding:0; width:990px; height:390px;}


.tab-list{ margin:0px; padding:0; width:243px; height:100px; border-right:5px solid #fff; list-style-type:none; display:inline-block; margin-left:-3px;}


.scrolltabs{ margin:10px 0 0 0; padding:0; width:630px;}
.scrolltabs li { margin:0 11px 0 0; padding:0; width:200px; height:90px; background-color:#999; list-style-type:none; display:inline-block;}


.item {
	width:243px;
	height:100px;	
	border-right:6px solid #fff;	
	margin:0;
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:243px;
	height:100px;
	background:url(../images/trans-bg.png) left top repeat;
	color:#fff;
	font-weight:bold;
	/* fix it at the bottom */
	position:absolute;
	left:0;
	/* hide it by default */
	display:none;
	/* opacity setting */

}

.item .caption a {
	text-decoration:none;
	color:#ed3237; font-family: 'Titillium-Semibold';
	font-size:27px; text-shadow:1px 1px #000;
	/* add spacing and make the whole row clickable*/
	padding:5px; text-align:center;
	display:block;}
	
.item .caption p {
	padding:0px 5px;	
	margin:0; text-align:center; font-family:Verdana, Geneva, sans-serif;
	font-size:12px; line-height:15px;
}

.item img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}


.photo{ margin:0; padding:0; list-style:none;}
.photo li{ margin:0 4px 7px 0; padding:1; border:1px solid #ccc; padding:1px;  list-style-type:none; display:inline-block; width:131px; height:131px; }



.left-wrapper{ float:left; margin:0; padding:0; width:630px; margin-right:30px;}
.right-wrapper{  float:left; margin:0; padding:0; width:300px;}
.col1{ margin:0 30px 0 0; padding:0; width:300px; float:left;}
.col2{ margin:0 30px 0 0; padding:0; width:630px; float:left;}
.col3{ margin:0 30px 0 0; padding:0; width:960px; float:left;}
.col{ float:left; margin:0 40px 0 0;  padding:0; width:450px;}


.title{ font-size:25px; color:#383838; font-family: 'Titillium-Regular'; line-height:30px; margin:0; padding:0 0 10px 0; letter-spacing:0px;}

.title span{ font-size:25px; color:#cc0000; font-family: 'Titillium-Regular'; line-height:30px; margin:0; padding:0;letter-spacing:-0.9px;}

.subtitle{ font-size:22px; color:#cc0000; font-family: 'Titillium-Regular'; line-height:30px; margin:10px 0 0 0; padding:0;letter-spacing:0px;}

.border{width:960px; margin:0px 0px 10px 0px; padding:0px; float:left; border:1px solid #F00; }


.subtitle2{ font-size:18px; color:#313131; font-family: 'Titillium-Semibold'; line-height:20px; margin:5px 0 0 0; padding:0;letter-spacing:0px;}


.para{ font-size:14px; color:#383838; line-height:25px; font-family: 'ambleregular'; margin:10px 0 0px 0; padding:0; text-align:justify;}

.content-list-regular{ margin:5px 0 0 0; padding:0; list-style:none;}
.content-list-regular li{ background:url(../images/yes2.png) 0px 9px no-repeat; line-height:25px; font-size:14px; margin:0; padding:0 0 0 20px; font-family: 'ambleregular'; color:#383838; list-style-type:none;}


.map{ margin:0;  border:2px solid #ccc; padding:2px; width:620px; }




#pro-content_wrapper{ float:left; margin:0; padding:0 0 0 15px; width:630px; font-family: 'Titillium-Regular';}

.pro-title{margin:0; padding:00px 0 0px 0px; /*height:65px;*/  font-size:25px; font-weight:normal; color:#313131; line-height:30px; width:630px; float:left;}

.pro-title span{margin:0; padding:0 0 0px 0px; /*height:25px;*/  font-size:16px; /*border-bottom:1px dashed #cccccc;*/ font-weight:normal; color:#929292; line-height:45px; width:630px; float:left;}

.pro-page_subtitle { margin:00px 0 15px 0; padding:0 0 0px 0px; height:40px; border-bottom:1px dashed #cccccc; font-size:20px; font-weight:normal; color:#3f3f3f; line-height:35px;font-family: 'Titillium-Semibold';}

.pro-left-box{ float:left; margin:20px 0 0 0 ; padding:0; width:250px; height:250px; border:2px solid #ccc; padding:2px;}

.pro-right-box{ float:left; margin:20px 0 0 20px ; padding:0; width:350px;  }

.pro-wide-box{float:left; margin:15px 0 0 15px ; padding:0; width:610px; }

.thumbnail{ float:left; margin:0; padding:2px; width:150px; height:120px; border:1px solid #ccc;}

.pro-feature_list{ margin:0; padding:0 0 0 0;}
.pro-feature_list li{ list-style:square; margin:0 0 0 15px; padding-left:5px; padding-bottom:5px; color:#383838; line-height:22px; font-size:14px; font-family: 'ambleregular'; }








































.main-wrapper{ margin:0 auto;  width:1000px; padding:0px;}

.fullwidth{margin:25px 0 0 0; padding:0; position:relative; bottom:0; width:100%; background:url(../images/footerbg.jpg) left bottom repeat; height:250px;}
.footer-left{ margin:0 45px 0 0; padding:0; width:300px; float:left;}

.footer-right{ margin:0; padding:0; width:655px; float:left;}

.fullwidth h1{ font-size:25px; font-family: 'Titillium-Regular'; line-height:30px; color:#ff3812; border:none; /*border-bottom:1px dashed #ff3812;*/ padding-bottom:5px;}

.fullwidth p {font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:22px; color:#fff; text-align:justify; margin:5px 0; padding:0px;}


.fullwidth h2{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#ff3812; border:none; padding-bottom:5px; font-weight:normal;}

.fullwidth h2 span{ color:#fff;}


.testimonial{ margin:-20px 0 0 0; padding:21px; width:610px; background:url(../images/test-bg.png) left top no-repeat; float:left; height:105px; overflow:hidden;}
.testimonial p {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:18px; color:#fff; text-align:justify; margin:5px 0; padding:0px; width:560px;}
.testimonial p span {font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:30px; color:#ff3812; text-align:justify; margin:5px 0; padding:0px;}


.footer-links{ margin:-30px 0 0 0; padding:0; height:50px; width:610px; float:left;}
.quicklinks { margin:0; padding:0; list-style:none; float:left;}
.quicklinks li{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:18px; color:#ff3812; margin:0; padding:0 11px; border-right:1px solid #868686; list-style-type:none; display:inline-block; }

.quicklinks li a, a:link{ text-decoration:none; color:#868686;}
.quicklinks li a:hover{ text-decoration:none; color:#fff;}

.footer-links p {font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; color:#ff3812; text-align:justify; margin:0px 0 0 0; padding:10px 0 0 10px; width:560px;}

.footer-links p a, a:link{ text-decoration:none; color:#ff3812;}
.footer-links p a:hover, a:visited, a:active{ text-decoration:none; color:#fff;}