/* ========================
Bluechip Engineering
CSS by Guy Lillico
11-03-2009 
======================== */

@import url("reset.css");

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img	{
	border:none;
}

a	{
	text-decoration:underline;
	color:#3f1109;
}

	a:hover	{
		color:#184686;
		text-decoration:none;
	}

		a:hover img {
			filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
			}	


h1	{
	padding:0;
	margin:9px 0 14px 0;
	font-size:26px;
	font-stretch:expanded;
	text-transform:uppercase;
	color:#4c140b;
	font-family: Arial, Helvetica, sans-serif;
	line-height:26px;
}
	h1 img {
		margin:6px 0 0 190px;
	}

h2	{
	padding:0;
	margin:6px 0 16px 0;
	font-size:18px;
	color:#1f4171;
	font-family: Arial, Helvetica, sans-serif;
}
	h2 a {
		text-decoration:none;
	}

h3	{
	padding:0;
	margin:4px 0;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

	h3 a {
		text-decoration:none;
	}

h4	{
	padding:0;
	margin:3px 0;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}


html {
	margin:0;
	padding:0;
	background:#e4e1cc;
}

body {
	margin:0;
	padding:0;
	background:url('../images/body_bg.jpg') 0 0 repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d3c37;
}


.clear	{
	height:0;
	width:0;
	clear:both;
}

.main_container {
	position:relative; 
	margin:0 auto;
	width:940px;
}

	.header {
		height:334px;
		padding:0;
		margin:0;
		position:relative;
	}
		h1.logo {
			width:326px;
			height:143px;
			position:absolute;
			top:62px;
			left:41px;
			margin:0;
			display:block;
			z-index:100;
		}
			h1.logo a {
				background:url('../images/logo-trans.png') 0 0 no-repeat;
				width:326px;
				height:143px;
				text-indent:-9999px;
				display:block;
				margin:0;
				padding:0;
			}
	
		.nav	{
			height:30px;
			padding:1px 0 0 2px;
			margin:0 auto;
			width:890px;
			background:url('../images/nav_bg_left.gif') 0 1px no-repeat;
		}
			.nav ul	{
				margin:0;
				padding:0;
			}
				.nav li	{
					display:inline;
					list-style:none;
				}
				.nav li a	{
					font-size:14px;
					color:#fff;
					text-decoration:none;
					padding:0px;
				}
				.nav li a:hover	{
					text-decoration:underline;
				}
				#nav li, #main_menu li {
					/* applied to all list items in nav */
					float : left;
					line-height : 1.25em;
					margin:0;
					position : relative; /* required - used to position subs */
					height: 29px;
					background:#fff;
				
				}
				#nav li a {
					display : block;
					height: 29px;
					overflow: hidden;
					text-decoration : none;
					text-indent: -999px;
				}	
				
				#nav li a:hover { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }
				#main_menu li a:hover { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }
				#main_menu li a.cur img { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }
				
				/* images */
				#nav_home { background: url('../images/nav_home.gif') no-repeat 0 0; width:119px; }
				#nav_about { background: url('../images/nav_about.gif') no-repeat 0 0; width:154px; }
				#nav_services { background: url('../images/nav_services.gif') no-repeat 0 0; width:151px; }
				#nav_products { background: url('../images/nav_products.gif') no-repeat 0 0; width:160px; }
				#nav_projects { background: url('../images/nav_projects.gif') no-repeat 0 0; width:159px; }
				#nav_contact { background: url('../images/nav_contact.gif') no-repeat 0 0; width:145px; }
		
		.flash {
			margin-top:15px;
			width:940px;
			height:252px;
			text-align:center;
			background:url('../images/flash_placeholder_bg.gif') top center no-repeat;
			padding-top:17px;
		}
				
	.main	{
		width:904px;
		_width:940px;
		padding:0;
		margin:0;
		position:relative;
		padding:21px 0 14px 0;
	}
		.sidebar	{
			float:right;
			width:260px;
			padding:0; 
			margin:0 12px 0 0;
			_margin:0 7px 0 0;
		}
			.ivc {
				padding-top:24px;
				margin-left:60px;
			}
			
		.content {
			float:left;
			width:573px;
			padding:0 0 10px 26px; 
			margin:0;
			line-height:18px;
			font-size:13px;
		}
			.content p {
				margin:9px 0 12px 0;
			}
			.content li {
				color:#000;
				line-height:20px;
				background:url('../images/content_list_item.gif') 0 3px no-repeat;
				vertical-align:middle;
				padding-left:36px;
			}
				.content li ul {
					margin:9px 0 9px 13px;
				}
				.content li li {
					list-style-type:disc;
					background:none;
					padding-left:2px;

				}

			.intro_txt	{
				margin:0;
			}
				h2.subtitle_home {
					font-family:Tahoma, Arial, Helvetica, sans-serif;
					color:#582319;
					font-size:14px;
					font-weight:bold;
					margin:10px 0;
				}
					h2.subtitle_home span {
						color:#1f4171;
						font-size:17px;
						font-weight:bold;
						font-family:Tahoma, Arial, Helvetica, sans-serif;
					}
				.content_divider {
					border-top:1px solid #706d5e;
					width:100%;
					height:3px;				
				}
		.content_block h3 {
			margin-top:20px;
		}			

.bottom_container {
	margin:0;
	padding:0;
	width:100%;
	background:#6c6537 url('../images/bottom_bg.jpg') 0 0 repeat-x;
}

	.bottombar {
		padding:20px 9px 0 8px; 
		width:911px;
		margin:0 auto;
		
	}
		.capabilities {
			width:560px;
			height:311px;
			background:url('../images/capabilities_bg.jpg') 0 0 no-repeat;
			float:left;
			margin:0 0 20px 0;
			padding:11px 10px 6px 26px;
		}
			.capabilities h2 {
				background:url('../images/title_our_capabilities.gif') 0 0 no-repeat;
				width:181px;
				height:34px;
				text-indent:-9999px;
				margin:0 0 23px 0;
			}
			
			.capabilities li {
				color:#4d150b;
				font-size:12px;
				font-weight:bold;
				line-height:30px;
				background:url('../images/list_item.gif') center left no-repeat;
				vertical-align:middle;
				padding-left:36px;
			}
				
		.projects {
			width:256px;
			height:311px;
			background:url('../images/projects_bg.jpg') 0 0 no-repeat;
			margin:0 0 20px 0;
			padding:11px 14px 6px 26px;
			font-size:11px;
			line-height:16px;
			float:right;
		}
			.projects h2 {
				background:url('../images/title_recent_projects.gif') 0 0 no-repeat;
				width:181px;
				height:34px;
				text-indent:-9999px;
				margin:0 0 26px 0;
			}
				.projects h2 a {
					display:block;
					width:181px;
					height:34px;
				}
			.sidebar .projects	{
				background:url('../images/projects_side_bg.jpg') 0 0 no-repeat;
				float:none;
				margin-top:12px;
			}
	
			
			.project_thumb {
				float:left;
				margin: 0 14px 10px 0;
			}
				.project_thumb img {
					border:1px solid #588b9a;
				}
			.project_item {
				margin-bottom:18px;
				margin-top:3px;
			}
			.btn_more {
				display:block;
				float:right;
				background:url('../images/btn_more.gif') 0 0 no-repeat;
				vertical-align:middle;
				color:#FFFFFF;
				text-decoration:none;
				width:83px;
				height:18px;
				text-align:center;
				margin-right:7px;
			}
				.btn_more:hover {
					filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
					color:#658fca;	
				}
		.news_image	{
			float:right;
			margin:0 0 10px 15px;
		}
			.news_image	img {
				border:1px solid #000;
		}

.footer_container {
	margin:0;
	padding:0;
	width:100%;
	background:#08162a url('../images/footer_bg.jpg') 0 0 repeat-x;
	border-top:1px solid #030c19;
}
	.footer {
		width:900px;
		height:70px;
		margin:0 auto;
		font-size:11px;
		padding:10px 20px 20px 20px;
	}
		.foot_links	{
			padding:12px 0 0 10px;
			float:left;
			color:#7992b4;
			position:relative;
			padding-bottom:1px;
		}
			.foot_links a	{
				color:#7992b4;
				text-decoration:none;
				font-size:11px;
			}
				.foot_links a:hover	{
					color:#fff;
				}
			#footer_menu li {
				display:inline;
				padding:0 12px;
			}	
				.foot_links span.copyright	{
				color:#566c8b;
				margin:0;
				font-size:11px;
				display:block;
				position:relative;
				left:12px;
				top:8px;
				width:229px;
				height:18px;
				padding-bottom:1px;
				}
		.titan	{
			float:right;
			margin-top:7px;
		}

/*** Gallery Module ***/

.photo_thumb {
	float:left; 
	height:140px; 
	width:110px; 
	margin:5px 9px 8px 2px; 
	border:1px solid #CCCCCC; 
	padding:8px 6px 2px 6px; 
	text-align:center;
	line-height:14px;
	background:#faf9eb;
	font-size:11px;
}

	.photo_thumb img {
		border:1px solid #666666;
	}
	
.gallery_nav a:hover img {
	filter:none;
}	

.back_link {
	margin:5px 0;
}

	.back_link a,
	.content .content_backlink a {
		text-decoration:underline;
	}
		
/*** Shop Module 1.0 ***/

/* category */
.cats {
	margin:7px 20px 17px 0;
	width:100%;
	border:1px solid #d0ccb4;
	position:relative;
}

	.cats .cat_image {
		float:left;
		margin:10px;
	}
	
		.cats .cat_image img {
			border:1px solid #d0ccb4; 
		}	
	.cats .cat_details {
		margin:5px 5px 2px 5px;
		padding:0 3px;
	}
		.cats .cat_details h2 {
			margin:9px 0 2px 0;
		}	
	
/* list */

.product {
	margin:7px 20px 17px 0;
	width:100%;
	border:1px solid #d0ccb4;
	position:relative;
	padding-bottom:5px;
	overflow:hidden;
}

	.product .list_image {
		float:left;
		margin:8px;
	}
		.product .list_image img {
			border:1px solid #d0ccb4; 
		}	
	.product .list_details {
		margin:5px 6px 6px 3px;
	}
		.product .list_details h3 {
			margin:9px 0 2px 0;
		}	
	
/* view */

.product_img {
	float:right;
	margin-left:10px;
}
	.product_img img {
		border:1px solid #d0ccb4; 
	}	


.gallery_nav {
	margin-top:30px;
}

.content_backlink {
	margin-top:30px;
}
	.shipping_address {
		margin-top:10px;
	}

		.billing_address dl, .shipping_address dl {
			line-height:19px;
			border-bottom:1px dashed #cdc9b9;
			float:left;
			width:570px;
			padding-bottom:10px;
			}
			.billing_address dt, .shipping_address dt {
				font-weight:bold;
				float:left;
				clear:both;
				width:180px;
				}
			.billing_address dd, .shipping_address dd {
				float:left;
				width:380px;
				margin:0;
				}
	.billing_address {
		}
		.edit_billing_address {
			clear:both;
			}
	
	
.no_border {
	border:none;
	background:none;
}

/**
  Featured Products
*/

.title_featured {
	margin-top:19px;
}

.feat_prod_widget {
	margin-top:5px;
	padding-top:10px;
	width:100%;
}

.feat_prod {
	padding:5px 12px 10px 0px;
	margin:2px 11px 5px 0;
	width:257px;
	float:left;
	height:130px;
	overflow:hidden;
	}

	.feat_prod_img {
		float:left;
		padding-right:15px;
		margin-bottom:50px;
	}
	.feat_prod img {
		border:1px solid #999999;
	}
	.feat_prod_txt {
		font-size:11px;
	}