@charset "utf-8";
/* Vulcan Fire Consulting CSS Document 
*
*  This stylesheet is divided into sections:
*
*  1. Global Styles
*  2. Home Page Styles
*  3. About Us Styles
*  5. Partners Styles
*  6. Projects Styles
*  7. Media Styles
*  8. Contact Us Styles
*
*/


/** =GLOBAL STYLES **/

	body {font-family: Arial, Helvetica, sans-serif; background:url(../images/vulcan_background_slice.jpg) repeat-x #e8dfdf;}
		.container {width:894px; height:100%; margin-left:auto; margin-right:auto;}
		
		h1 {color:#800000; font-size:24px;}
		h2 {color:#000; font-size:18px;}
		p {color:#000; font-size:11px;}
		
		.button {position:absolute; width:68px; height:18px; background:url(../images/vulcan_global_sprite.png) no-repeat 0 -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);}
		
		#cont_list li {color:#333333; font-size:11px; list-style:disc; margin-left:15px;}
		
		#header {height:165px}
		#footer {height:70px; padding-left:30px;}
		
		#logo {height:130px; margin-bottom:5px;}
			.logo {position:absolute; width:650px; height:130px; background:url(../images/logo.jpg) no-repeat 0 0;}
		
		#header_navigation {width:894px; margin-left:-1px;}
			#header_navigation li {float:left; padding:1px;}
				#header_navigation li a {display:block; width:147px; height:22px;}
		
					#header_navigation li a.home {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -124px;}
						#header_navigation li a:hover.home {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -102px;}
						#header_navigation li a.homeactive {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -102px;}
		
					#header_navigation li a.about {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -168px;}
						#header_navigation li a:hover.about {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -146px;}
						#header_navigation li a.aboutactive {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -146px;}
		
					#header_navigation li a.services {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -212px;}
						#header_navigation li a:hover.services {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -190px;}
						#header_navigation li a.servicesactive {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -190px;}
		
					#header_navigation li a.partners {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -256px;}
						#header_navigation li a:hover.partners {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -234px;}
						#header_navigation li a.partnersactive {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -234px;}
		
					#header_navigation li a.projects {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -300px;}
						#header_navigation li a:hover.projects {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -278px;}
						#header_navigation li a.projectsactive {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -278px;}
								
					#header_navigation li a.media {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -344px;}
						#header_navigation li a:hover.media {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -322px;}
						#header_navigation li a.mediaactive {background:url(../images/vulcan_global_sprite.png) no-repeat 0px -322px;}
						
		#spec_nav {width:894px; height:25px;}
			#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_navigation {height:25px; margin-top:10px; margin-left:10px;}
			#footer_navigation li {float:left;}
				#footer_navigation li a {padding:5px; color:#000; font-size:10px; font-weight:bold;}
					#footer_navigation li a:hover {color:#e51d34; text-decoration:none;}
					
		#footer_spec_nav {float:right; width:180px;}
			#footer_spec_nav li {float:left;}
				#footer_spec_nav li a {margin-left:5px;}
		
		#footer p {margin-left:15px; color:#000; font-size:9px;}
		
		#picture {width:890px; height:303px; background:#f2f2f2; border:1px solid #a7a8ab;}
		
		#heading {padding:20px;}

/** =HOME PAGE STYLES **/
	
	#features {margin-top:5px; margin-bottom:5px;}
		#features td {height:250px; padding-right:5px;}
				
	#content_home {height:100%; background:#f2f2f2; border:1px solid #a7a8ab;}	

/** =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 {margin-left:72px;}
			.management_pic a {width:134px; display:block; border:1px solid #a7a8ab;}
			
			.about_img {width:150px; height:130px;}
			.about_text {width: 380px; float:right;}
	
/** =SERVICES STYLES **/

	#content_services {padding:20px; height:580px; background:#f2f2f2; border:1px solid #a7a8ab;}
	
		#serve_left {width:250px;}
		#serve_center {position:absolute; width:250px; margin-left:302px;}
		#serve_right {position:absolute; width:250px; margin-left:604px;}

/** =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:100%; padding:20px; background:#f2f2f2; border:1px solid #a7a8ab;}
	
/** =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 **/

		#content_contact {height:350px; padding:20px; background:#f2f2f2; border:1px solid #a7a8ab;}
		#comment {float: right; width:315px;}
			#comment p {padding-left:10px; padding:5px;}
			#comment h6 {color:#000;}
		form {font:10px; background:#fff; border:1px solid #a7a8ab; padding:10px 20px; width:273px;}
		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;}
		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:250px;}
			form input:focus, form textarea:focus {border:1px solid #a7a8ab; background:#e3f1f1;}
		.button2 {width:273px;}
		.button2:hover {color:#0066CC;}
		
		#contact_left {padding:10px; padding-top:0; width:250px;}