/* CSS Reset */



html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}



strong{ font-weight:bold;}



img{ vertical-align:top;}



.cl{ clear:both; height:1px; overflow:hidden;}







@font-face {



    font-family: 'TrebuchetMSRegular';



    src: url('../fonts/trebuc-webfont.eot');



    src: url('../fonts/trebuc-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/trebuc-webfont.woff') format('woff'),



         url('../fonts/trebuc-webfont.ttf') format('truetype'),



         url('../fonts/trebuc-webfont.svg#TrebuchetMSRegular') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'TrebuchetMSBold';



    src: url('../fonts/trebucbd-webfont.eot');



    src: url('../fonts/trebucbd-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/trebucbd-webfont.woff') format('woff'),



         url('../fonts/trebucbd-webfont.ttf') format('truetype'),



         url('../fonts/trebucbd-webfont.svg#TrebuchetMSBold') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'TrebuchetMSBoldItalic';



    src: url('../fonts/trebucbi-webfont.eot');



    src: url('../fonts/trebucbi-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/trebucbi-webfont.woff') format('woff'),



         url('../fonts/trebucbi-webfont.ttf') format('truetype'),



         url('../fonts/trebucbi-webfont.svg#TrebuchetMSBoldItalic') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'TrebuchetMSItalic';



    src: url('../fonts/trebucit-webfont.eot');



    src: url('../fonts/trebucit-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/trebucit-webfont.woff') format('woff'),



         url('../fonts/trebucit-webfont.ttf') format('truetype'),



         url('../fonts/trebucit-webfont.svg#TrebuchetMSItalic') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuBold';



    src: url('../fonts/ubuntu-bold-webfont.eot');



    src: url('../fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-bold-webfont.woff') format('woff'),



         url('../fonts/ubuntu-bold-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-bold-webfont.svg#UbuntuBold') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuBoldItalic';



    src: url('../fonts/ubuntu-bolditalic-webfont.eot');



    src: url('../fonts/ubuntu-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-bolditalic-webfont.woff') format('woff'),



         url('../fonts/ubuntu-bolditalic-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-bolditalic-webfont.svg#UbuntuBoldItalic') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuItalic';



    src: url('../fonts/ubuntu-italic-webfont.eot');



    src: url('../fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-italic-webfont.woff') format('woff'),



         url('../fonts/ubuntu-italic-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-italic-webfont.svg#UbuntuItalic') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuLight';



    src: url('../fonts/ubuntu-light-webfont.eot');



    src: url('../fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-light-webfont.woff') format('woff'),



         url('../fonts/ubuntu-light-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-light-webfont.svg#UbuntuLight') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuLightItalic';



    src: url('../fonts/ubuntu-lightitalic-webfont.eot');



    src: url('../fonts/ubuntu-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-lightitalic-webfont.woff') format('woff'),



         url('../fonts/ubuntu-lightitalic-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-lightitalic-webfont.svg#UbuntuLightItalic') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuMedium';



    src: url('../fonts/ubuntu-medium-webfont.eot');



    src: url('../fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-medium-webfont.woff') format('woff'),



         url('../fonts/ubuntu-medium-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-medium-webfont.svg#UbuntuMedium') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuMediumItalic';



    src: url('../fonts/ubuntu-mediumitalic-webfont.eot');



    src: url('../fonts/ubuntu-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-mediumitalic-webfont.woff') format('woff'),



         url('../fonts/ubuntu-mediumitalic-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-mediumitalic-webfont.svg#UbuntuMediumItalic') format('svg');



    font-weight: normal;



    font-style: normal;}



@font-face {



    font-family: 'UbuntuRegular';



    src: url('../fonts/ubuntu-regular-webfont.eot');



    src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),



         url('../fonts/ubuntu-regular-webfont.woff') format('woff'),



         url('../fonts/ubuntu-regular-webfont.ttf') format('truetype'),



         url('../fonts/ubuntu-regular-webfont.svg#UbuntuRegular') format('svg');



    font-weight: normal;



    font-style: normal;}











/* Generic Styling */



html {  }



body{

	background: url(../images/body_bg.jpg) repeat-x top center;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #4c4c4c;

}



#interior{background:url(../images/body_bg_int.jpg) repeat-x top center;}



#background_wrapper{ position:relative; width:100%; margin:0 auto; background:url(../images/wrapper-bg.jpg) no-repeat top center;min-height:1000px;}



#background_wrapper_int{ position:relative; width:100%; margin:0 auto; background:url(../images/wrapper-bg-int.jpg) no-repeat top center;min-height:1000px;}



	#wrapper{ position:relative; width:980px; margin:0 auto;}







/* Typography */



h1{ font-size:21px; color:#06113f; line-height:35px; font-weight:bold; font-style:italic; margin-bottom:15px; padding-right:20px;}



h2{ font-size:24px; font-weight:bold; color:#135c8e; line-height:30px; padding:30px 0 6px;}



h3{ font-size:18px; font-weight:bold; color:#135c8e; line-height:25px; padding:23px 0 10px;}



h4{ font-size:16px; color:#047fc4; font-family:UbuntuMedium; line-height:20px; padding:6px 0 10px;}



h5{ font-size:14px; font-weight:bold; color:#135c8e; line-height:16px; margin:15px 0;}







.uppercase{ text-transform:uppercase;}



.last_sidebar_widget225{ margin-bottom:50px;}



.last_sidebar_widget{ margin-bottom:50px;}



.last_sidebar_widget400{ margin-bottom:50px;}



.last_sidebar_widget500{ margin-bottom:50px;}







form{ overflow:hidden;}



	.textfield{ display:block; width:95%; border:1px solid #e0e1e7; color:#5196c5; font-size:10px; text-transform:uppercase; padding:5px; margin:8px 0; -webkit-border-radius: 5px;



-moz-border-radius: 5px; border-radius: 5px; behavior: url(css/pie.htc); }



	.textarea {display:block; width:95%; height:91px; border:1px solid #e0e1e7; color:#5196c5; font-size:10px; text-transform:uppercase; padding:5px; margin:8px 0; -webkit-border-radius: 5px;



-moz-border-radius: 5px; border-radius: 5px; behavior: url(css/pie.htc); }



	.submit{ float:right; background:url(../images/form-submit-bg.png) no-repeat center center; border:none; padding:10px 18px; color:#025793; font-family:UbuntuMedium; font-size:14px; cursor:pointer;}



	



.comment{ padding:10px 0 !important; margin:20px 0 !important; border-bottom:1px solid #06113F; border-top:1px solid #06113F; font-family:UbuntuLightItalic; font-size:15px;} 



.orange_hightlight{ color:#06113F; background:#ffad14; padding:0 4px;}



.blue_hightlight{ color:#ffffff; background:#06113F; padding:0 4px; }



ol li{ list-style-position:outside; list-style-type:decimal; margin:5px 0 5px 20px;}



ul li{

	list-style-position: outside;

	list-style-type: disc;

	margin: 5px 0 5px 20px;

}







/*------------------------



		Header



------------------------*/



#header{ position:relative; height:127px;}



	#logo{ display:block; float:left; margin:15px 0;}



	.slogan{

	display: block;

	clear: both;

	float: left;

	font-family: TrebuchetMSBold;

	font-size: 16px;

	color: #afd9f0;

	margin-left: 5px;

	text-shadow: 1px 1px 2px #06113f;

	filter: dropshadow(color=#06113f, offx=1, offy=1);

	behavior: url(css/pie.htc);

}

	#bbb{

		height:52px;

		float:left;

		padding-top:20px;

		margin-left:30px;

		margin-right:10px;

		width:250px;	

	}



	.top_info{ float:right; width:190px; padding-right:5px;}



		.top_info img{ float:left; }



		.top_info p{

	font-size: 18px;

	font-weight: bold;

	color: #ffffff;

	text-align: right;

	display: block;

	padding: 20px 0 10px 0;

}



		.phone{font-size:20px; font-weight:bold; color:#ffffff;text-align:right; display:block;}



	.main_nav{ position:absolute; bottom:-5px; right:0;}



		.main_nav li{ list-style-type:none; margin:0; float:left; padding-top:24px; height:28px; position:relative;}



		



			.main_nav li a{ color:#ffffff; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:11px; padding:15px 20px 13px 20px; margin:0 5px;}



			.main_nav li a.ON{ background:#226394; -webkit-border-top-left-radius: 7px;



-webkit-border-top-right-radius: 7px;



-moz-border-radius-topleft: 7px;



-moz-border-radius-topright: 7px;



border-top-left-radius: 7px;



border-top-right-radius: 7px; behavior: url(css/pie.htc);}



			.main_nav li .hover_effe.ON{ display:block;}



			.main_nav li:hover a{ background:#226394; -webkit-border-top-left-radius: 7px;



-webkit-border-top-right-radius: 7px;



-moz-border-radius-topleft: 7px;



-moz-border-radius-topright: 7px;



border-top-left-radius: 7px;



border-top-right-radius: 7px; behavior: url(css/pie.htc);}



			.main_nav li:hover .hover_effe{ display:block;}







/*------------------------



		Showcase



------------------------*/



#showcase{ position:relative; height:369px; background:#047fc4; border:7px solid #ffffff; margin:5px 5px 0; -webkit-box-shadow: 0px 0px 2px 2px #d0d0d0;



-moz-box-shadow: 0px 0px 2px 2px #d0d0d0; box-shadow: 0px 0px 2px 2px #d0d0d0; behavior: url(css/pie.htc); z-index:2; }



#showcase_int{ position:relative; height:304px; background:#047fc4; border:7px solid #ffffff; margin:5px 5px 0; -webkit-box-shadow: 0px 0px 2px 2px #d0d0d0;



-moz-box-shadow: 0px 0px 2px 2px #d0d0d0; box-shadow: 0px 0px 2px 2px #d0d0d0; behavior: url(css/pie.htc); z-index:2; }



	.flash{ position:absolute; top:-11px; left:-11px;}



	.showcase_content{ float:right; width:370px; padding:55px 10px 0 0;}



	.showcase_content_int{ float:right; width:370px; padding:35px 10px 0 0;}



		.showcase_nav{ margin-top:25px;}



			.showcase_nav li{

	font-weight: bold;

	font-size: 1.3em;

	color: #eaf4fb;

	list-style-position: inside;

	list-style-image: url(../images/blue-checkmark-bullet.png);

	margin-top: 15px;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 5px;

}



		.star{

	position: absolute;

	right: -80px;

	bottom: -10px;

}

.star-int{

	position: absolute;

	right: -50px;

	bottom: -40px;

}

		.star_int{ position:absolute; right:-40px; bottom:-30px;}







/*------------------------



		Main Body



------------------------*/



#main_body{ position:relative; width:975px; margin:0 auto; z-index:1;}



	.sidebar{ width:244px; float:left; position:relative;}



		.sidebar_form{ background:url(../images/sidebar-form-bg-long.png) no-repeat top left; height:480px; padding:0 15px;}



			.form_info{ color:#4686b7; display:block; font-size:12px; font-family:UbuntuRegular; padding:5px 0 10px 0; line-height:18px; }



		.sidebar_projects{margin-left:-25px;}



		.sidebar_widget{ padding: 5px 15px 5px;}



			.sidebar_nav{ margin-left:15px;}



				.sidebar_nav li{ list-style:inside url(../images/sidebar-nav-bullet.png); margin:5px 0; }



					.sidebar_nav li span{ color:#276ea4; text-decoration:none;}



			.sidebar_nav_int{ margin-left:10px;}



				.sidebar_nav_int li{ list-style:inside url(../images/sidebar-nav-bullet.png); margin:5px 0; }



					.sidebar_nav_int li span{ color:#276ea4; text-decoration:none;}



.testimonials{

	width: 600px;

	height: auto;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background-color: rgba(4,127,196,.75);;

	font-size:12px; 

	line-height:15px; 

	color:#ffffff;   

	padding:20px 15px 10px 30px;

	margin-bottom:50px;

}

.testimonials .quote {

	position:relative; top:-50px; left:-559px;

	float:right;

	margin:0px;

	padding:0px;

}

			cite{ padding-top:5px; display:block; line-height:20px;}



	.content{ width:731px; float:left;}



	.content-int{ width:731px; padding-top:15px; float:left;}



		.three_boxes{ background:url(../images/three-boxes-bg.png) no-repeat top left; height:309px;}



			.box{ width:215px; margin:28px 12px 0 16px; float:left;}



				.box_img{ border:4px solid #ffffff;}



				.box p{ color:#135c8e; font-family:UbuntuRegular; margin-bottom:10px;}



				.more{ color:#135c8e; font-family:UbuntuMedium; text-decoration:none;}



		.content_wrapper{ padding-left:30px; position:relative;}



			.schedule{ position:absolute; top:21px; right:0px; height:80px; width:200px; }



				.schedule a{ outline:none;}



			.content_wrapper p{ padding:10px 0 5px; margin:5px 0; line-height:20px;}



			.product_logo{ float:left; margin:0px 20px 20px -5px; display:block;}



			



			.home_list{margin-left:10px; margin-top:10px;}



			.home_list li{margin-bottom:10px; padding-left:5px; line-height:19px;}



			.home_list li span{font-weight:bold; color:#000000;}



			



			.int_list{margin:10px 0 15px 5px; float:left; width:300px;}



			.int_list li{margin-bottom:7px; padding-left:5px;}



		



			.view_gallery{float:right; margin:40px 0 0 0;}



			.view_gallery2{float:right; margin:-10px 0 0 0;}



			



			#thumbnails { padding-top:15px; margin-left:-3px; }



			#thumbnails p{margin-bottom:0; }



			#thumbnails img { background-color: #F0EFEF; padding: 5px; margin: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #e1dfdf; }



			



/* Contact page Form */







			#form{font-size:13px; margin:20px 0 10px 10px; font-weight:bold; color:#000000;}



				input[type=text].form-input {border:1px solid #b9b7b5; margin:8px 0; padding:2px 5px; font-weight:normal; }



				select.form-input {border:1px solid #b9b7b5; margin:10px 0; font-weight:normal;}



				input[type=radio].choose, input.radio.choose { width:15px; margin:10px 0; font-weight:normal;}



				textarea.form-input {border:1px solid #b9b7b5; margin:10px 0; width:380px; color:#000; font-weight:normal;}



				#cFormSubmit {background:url(../images/send.gif) top left no-repeat; width:96px; height:27px; display:block; text-indent:-9999px; line-height:0; font-size:0; margin:20px 0 0 285px; border:0;}







		



/*------------------------



		Footer



------------------------*/



#footer{ position:relative; clear:both; height:320px; background:#06113f url(../images/footer-bg1.jpg) no-repeat top center;}



	#footer_wrapper{ text-align:center; width:975px; margin:0 auto; color:#ffffff;}



	#footer_wrapper_gallery{ text-align:center; width:975px; margin:0 auto; color:#ffffff;}



		.footer_nav{ padding: 30px 0 35px 200px;}



			.footer_nav li{ display:inline; list-style-type:none; margin:0;}



				.footer_nav li a{ margin-right:10px; padding-right:10px; border-right:1px solid #ffffff; color:#ffffff; text-decoration:none;}



				.footer_nav li a:hover{ text-decoration:underline;}



				.footer_nav li.last a{ border:none; margin:0; padding:0;}





		.chamber{float:right; margin-top:-55px; margin-right:10px;}

		

		.bdyimg{

			border:solid #2f70a1 3px;

		}

		.foot_col1{

	float: left;

	width: 120px;

	font-size: 18px;

	font-weight: bold;

	margin-top: 20px;

		}

		.foot_col1 li {

			list-style-type:none;

			list-style:none;	

			text-align:left;

			list-style-position:inside;

			padding-left:0px;

			font-size:12px; 

			font-weight:normal;

		}

		.foot_col1 li a{

			color:#fff;	text-decoration:none; font-weight:bold;	

		}

		.foot_col1 li a:hover{

			text-decoration:underline;	

		}

		div.foot_col2 {

	float: left;

	width: 280px;

	margin-left: 200px;

	font-size: 18px;

	font-weight: bold;

	margin-top: 20px;

	text-align: left;

	margin-bottom: 30px;

		}

		.foot_col2 ul{

			float:left; width:300px; font-size:18px; font-weight:bold; 

		}.foot_col2 li {

			float:left;

			list-style-type:none;

			list-style:none;	

			width:130px;

			margin-left:0px;

			text-align:left;

			list-style-position:inside;

			padding-left:0px;

			font-size:12px; 

			font-weight:normal;

		}

		.SML{margin:0px 0 5px 0; float:left;}

		.SML a {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; font-size: 11px; }

		.SML a:hover{text-decoration:underline;}

		.design{float:left; font:bold 11px Arial,Helvetica,sans-serif; color:#ffffff;}

		.depot{float:left; margin-top:-22px;}

		.engine{float:left; font:bold 11px Arial,Helvetica,sans-serif; color:#ffffff;}

		div.footer_contact{

	float: left;

	width: 200px;

	margin-left: 150px;

	margin-top: 20px;

	text-align: left;

	margin-bottom: 30px;

	font-size: 18px;

	font-weight: bold;

		}	

		div.footer_contact p{

			font-weight:normal;

			font-size:12px;	

			line-height:20px;

		}

		div.copyright{

			float:right;	

		}

.showcase_content h1 {
  font-size: 18px;
}