@charset "utf-8";
/* Westar Fire Protection CSS Document 
*
*  This stylesheet is divided into sections:
*
*  1. Global Styles
*  2. Home Page Styles
*  3. About Us Styles
*  4. Services Styles
*  5. Partners Styles
*  6. Projects Styles
*  7. Media Styles
*  8. Contact Us Styles
*  9. Subcontractor Styles
*  10. Error Styles
*
*/


/** =GLOBAL STYLES **/

	body {font-family: Arial, Helvetica, sans-serif; background: #12367d repeat-x url(../images/westar_layout5_slice.jpg);}
		.container {width:950px; height:100%; margin-left:auto; margin-right:auto;}
		.content_container {width:887px; margin-left:auto; margin-right:auto; padding-bottom:20px;}
		
		#header{height:130px;}
		#footer {height:70px; width:100%; padding-left:30px;}
		
		#logo {height:76px; padding-top:15px; margin-bottom:10px;}
			.logo {position:absolute; width:645px; height:76px; background:url(../images/westar_global_sprite.png) no-repeat 0 0;}
		
		#nav {width:892px;}
			#nav li {float:left;}
				#nav li a {display:block; width:148px; height:22px;}

						#nav li a.home {background:url(../images/westar_global_sprite.png) no-repeat -1px -102px;}
							#nav li a:hover.home {background:url(../images/westar_global_sprite.png) no-repeat -1px -124px;}
							#nav li a.homeactive {background:url(../images/westar_global_sprite.png) no-repeat -1px -124px;}

						#nav li a.about {background:url(../images/westar_global_sprite.png) no-repeat -1px -146px;}
							#nav li a:hover.about {background:url(../images/westar_global_sprite.png) no-repeat -1px -168px;}
							#nav li a.aboutactive {background:url(../images/westar_global_sprite.png) no-repeat -1px -168px;}

						#nav li a.services {background:url(../images/westar_global_sprite.png) no-repeat -1px -190px;}
							#nav li a:hover.services {background:url(../images/westar_global_sprite.png) no-repeat -1px -212px;}
							#nav li a.servicesactive {background:url(../images/westar_global_sprite.png) no-repeat -1px -212px;}

						#nav li a.partners {background:url(../images/westar_global_sprite.png) no-repeat -1px -234px;}
							#nav li a:hover.partners {background:url(../images/westar_global_sprite.png) no-repeat -1px -256px;}
							#nav li a.partnersactive {background:url(../images/westar_global_sprite.png) no-repeat -1px -256px;}

						#nav li a.projects {background:url(../images/westar_global_sprite.png) no-repeat -1px -278px;}
							#nav li a:hover.projects {background:url(../images/westar_global_sprite.png) no-repeat -1px -300px;}
							#nav li a.projectsactive {background:url(../images/westar_global_sprite.png) no-repeat -1px -300px;}
						
						#nav li a.media {background:url(../images/westar_global_sprite.png) no-repeat -1px -322px;}
							#nav li a:hover.media {background:url(../images/westar_global_sprite.png) no-repeat -1px -344px;}
							#nav li a.mediaactive {background:url(../images/westar_global_sprite.png) no-repeat -1px -344px;}

					
		#footer_navigation {height:25px; margin-top:10px; margin-left:-5px;}
			#footer_navigation li {float:left;}
				#footer_navigation li a {padding:5px; color:#fff; font-size:10px; font-weight:bold;}
					#footer_navigation li a:hover {color:#e51d34; text-decoration:none;}
					
		#spec_nav {height:25px; margin-bottom:6px;}
			#spec_nav li {float:right;}
				#spec_nav li a {padding:5px; color:#fff; font-size:11px; border-right:1px dotted #fff; display:block;}
					#spec_nav li a:hover {color:#999;}	
					
		#footer_spec_nav {float:right; width:150px; margin-right:-5px;}
			#footer_spec_nav li {float:left;}
				#footer_spec_nav li a {margin-left:5px;}
		
		#footer p {color:#fff; font-size:9px;}
		
		h1 {color:#11357d; font-size:24px;}
		h2 {color:#000; font-size:18px;}
		p {color:#333333; font-size:11px;}
		
		#cont_list li {color:#333333; font-size:11px; list-style:disc; margin-left:15px;}
		
		.button {position:absolute; margin-top:7px; width:68px; height:18px; background:url(../images/westar_global_sprite.png) no-repeat -4px -80px;}
			.button:hover {opacity:0.70; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

		.img_link:hover {opacity:0.70; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
		.home_link:hover {}
		
	#picture {height:303px;}
	
	#content {height:100%; background:#f2f2f2}
	
	#heading {padding:20px;}

/** =HOME PAGE STYLES **/

	#features {margin-top:5px; margin-bottom:5px;}
		#features td {border:1px solid #bdbdbd; height:150px;}
		
		#emergency {border:1px solid #bdbdbd;}
		
		.imgteaser {text-align:justify; margin:0; overflow:hidden; float:left; position:relative;}
		.imgteaser a {text-decoration:none; float:left;}
		.imgteaser a:hover {cursor:pointer;}
		
		.imgteaser a .more {position:absolute; right:0; bottom:0; font-size:.7em; color:#fff; background:#000; padding:5px 10px; filter:alpha(opacity=65); opacity:.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";}
		.imgteaser a:hover .desc{display:block; font-size:.7em; padding:10px 0; background:#111; filter:alpha(opacity=75); opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; color:#fff; position:absolute; bottom:0; left:0; padding:10px; margin:0; border-top:1px solid #999;}
		.imgteaser a:hover .desc strong {display:block; font-weight:bold; margin-bottom:5px; font-size:1.1em;}
		
		.imgteaser a .desc {display:none;}
		.imgteaser a:hover .more {visibility:hidden;}
		
		#home_text strong {color:#405d97; font-weight:bold; font-size:14px;}

/** =ABOUT US STYLES **/
	
	#content_about {height:100%; background:#f2f2f2; border:1px solid #a7a8ab;}
		#content_left {width:550px; padding:20px;}
		#content_right {position:absolute; width: 280px; margin-left:592px; padding-top:20px;}
			.management_pic {display:block; border:1px solid #a7a8ab;}
			.management_pic:hover {opacity:0.70; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
					
	#disclaimer {padding:15px;}
		#disclaimer h6 {color:#fff; font-size:10px; font-weight:100;}
			
/** =SERVICES STYLES **/

	#content_services {height:100%; padding:20px; background:#f2f2f2; border:1px solid #a7a8ab;}
	
		#serve_left {width:230px;}
		#serve_right {position:absolute; width:250px; margin-left:250px;}

/** =PARTNERS STYLES **/

	#content_partners {padding:20px; height:930px; background:#f2f2f2; border:1px solid #a7a8ab;}
	
		#part_left {width:300px; text-align:center;}
		#part_center {position:absolute; width:283px; margin-left:335px; text-align:center;}
		#part_right {float:right; width:200px; text-align:center;}

/** =PROJECTS STYLES **/

	#content_projects {height:1640px; padding:20px; background:#f2f2f2; border:1px solid #a7a8ab;}
		#projects_left {width:360px;}
		#projects_right {position:absolute; width:442px; margin-left:409px;}
			#proj {color:#333333; font-size:11px;}
					#proj_left {width:190px;}
					#proj_right {position:absolute; margin-left:210px; width:190px;}

/** =MEDIA STYLES **/

	#content_media {padding:20px; height:1050px; background:#f2f2f2; border:1px solid #a7a8ab;}
		#media_left {width:500px}
		#media_right {width:305px; float:right;}
		
			.media_img {width:150px; height:130px;}
			.media_text {width: 325px; float:right;}
			
	#content_tomb {text-align:center; padding:20px; height:1000px; background:#f2f2f2; border:1px solid #a7a8ab;}
	
		#tomb_left {width:300px; margin-top:15px;}
			.tomb_img {border:1px solid #a7a8ab;}
		.hoverbox{float:right; width:510px; cursor:default; list-style:none;}
			.hoverbox a {cursor:default;}
			.hoverbox a .preview {display:none;}
				.hoverbox a:hover .preview {display:block; position:absolute; top:-33px; left:-45px; z-index:1;}
				.hoverbox img {background:#fff; border-color:#a7a8ab; border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; width:150px; height:112px;}
				.hoverbox li {background:#eee; border-color:#a7a8ab; border-style: olid; border-width:1px; color:inherit; display:inline; float:left; margin:2px; padding:5px; position:relative;}
				.hoverbox .preview {border-color:#a7a8ab; width:300px; height:225px;}
				
/** =CONTACT US STYLES **/

		#comment_right {float: right; width:315px;}
		#comment {margin-left:2px; float:right;}
			#comment p {padding-left:10px; padding:5px;}
			#comment h6 {color:#000;}
		form {font:10px; background:#fff; border:1px solid #a7a8ab; padding:10px 20px; width:310px;}
		form ol {list-style:none ;margin:0; padding:0;}
			form li {padding:6px; background:#e1e1e1; margin-bottom:1px;}
				form li#send {background:none; margin-top:6px;}8=
		form label {float:left; width:70px; text-alight:right; margin-right:7px; color:#12367d; line-height:23px;}
		form input, form textarea {padding:4px; font:13px border:1px solid #a7a8ab; width:288px;}
			form input:focus, form textarea:focus {border:1px solid #a7a8ab; background:#e3f1f1;}
		.button2 {width:310px;}
		.button2:hover {color:#0066CC;}
		
		#contact_left {padding-top:0; width:270px;}

/** =SUBCONTRACTOR **/

		#content_sub {height:100%; padding:20px; background:#f2f2f2; border:1px solid #a7a8ab;}
					#sub tr {padding:0; margin:0;}
					#sub td {padding-left:6px; padding-top:2px; padding-bottom:2px;}
					
/** =ERROR Styles **/

	#error_page {height:400px;}