body { color: #fff; background: #3f3f3f; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; padding:0; text-align: left; font-size: 11px; }

p, h1, h2, h3, li { text-align: left; }

a, a:link, a:active { color: #e5e5e5; }
a:visited { color: #ccc; }
a:hover { color: #fff; }

#main { display: block; padding:0; margin:0; width: 913px; }

#top { width: 100%; float: left; }
#top .logo { float: left; clear: none; margin: 0 0 0 5px; text-align: left; }
#top .info { float: right; clear: none; padding: 0 0 5px 0; text-transform: uppercase; text-align: right; font-size: 11px;}
#top .info p { text-align:right; }
#top .info p.address { border-left: 1px solid #ccc; padding-left: 8px; margin-top: 15px; }
#top .info p.admin { color: #ee9c00; text-align: right; background-color: #333; border: 1px solid #999; text-align: center; padding: 5px 0; }
#top .info p.admin a { color: #f9cd8a; font-weight: bold; text-decoration: underline; }
#top .sample_cart {
	float: right; width: 114px; margin: 20px 25px 0 0; padding: 5px;
	background-color: #CF4040; border: 1px solid white; min-height: 45px;
}
	#top .sample_cart h4 { margin: 3px 0; padding:0; font-size: 12px;}
	#top .sample_cart p { text-align: center; margin: 2px 0; padding: 0;}
	#top .sample_cart p a { font-size: 11px; font-weight: bold; margin: auto 2px; color: white; }
	
#top .file-wrapper {
	float: right; width: 130px; margin: 20px 25px 0 0; padding:0;
 }
	#top a.file_link { 
		float: left; padding: 5px 0; font-size: 12px; width: 100%; margin: 0 auto 4px auto;
		background-color: #333; color: #ee9c00; border: 1px solid #999;
	}

ul#nav { 
	display: inline; width: 100%; margin:0; padding:0; list-style: none; float: left; clear: both; height: 37px;  
	position: relative; z-index: 100;
}
ul#nav li { margin:0; padding:0; float: left; position: relative; }
ul#nav li a { padding: 0; margin:0; height: 35px; float: left;  }
ul#nav li a:hover, ul#nav li:hover { background-color: #CE1515; background-position: 0 10px; }
ul#nav li.home a { width: 184px; background: url('../images/nav_home.jpg') no-repeat; }
ul#nav li.about_us a { width: 182px; background: url('../images/nav_about_us.jpg') no-repeat; }
ul#nav li.featured_projects a { width: 182px; background: url('../images/nav_featured_projects.jpg') no-repeat; }
ul#nav li.products a { width: 181px; background: url('../images/nav_products.jpg') no-repeat; position: relative; cursor: default;}
ul#nav li.contact_us a { width: 184px; background: url('../images/nav_contact_us.jpg') no-repeat; }

ul#nav ul.top_drop { position: absolute; z-index: 100; top: 30px; left: 0; margin: 0; padding: 0; background-color: #ce1515; display: none; }
ul#nav li:hover ul.top_drop { display: block; }
ul#nav ul.top_drop li { width: 181px; height: 25px; position: relative; float: left; background: none; display: block; color: #fff; cursor: pointer; padding: 0; margin: 0; border-bottom: 1px solid #3f3f3f; }
	ul#nav ul.top_drop.about_us li { width: 182px; }
	ul#nav ul.top_drop.contact_us li { width: 184px; position: relative; }
ul#nav ul.top_drop li a { margin: 0; padding: 5px 0 0 10px; width: 171px; height: 20px; position: relative; float: left; background: none; cursor: pointer; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; text-align: left; }
ul#nav ul.top_drop li a:hover { border: 0; text-decoration: underline; }

#notification { width: 99%; border: 5px solid #f9cd8a; background-color: #ee9c00; color: #fff; font-weight: bold; padding: 5px 0; margin: 5px 0; font-size: 12px; float: left; clear: both;  }
#warning { width: 99%; border: 5px solid #FF6F6F; background-color: #ff0000; color: #fff; font-weight: bold; padding: 5px 0; margin: 5px 0; font-size: 12px; float: left; clear: both;  }
#errorExplanation { width: 99%; color: #fff; background: #ff0000; border: 5px solid #FF6F6F;  padding: 5px;}

.hide { display:none; }
.small { font-size: 9px; }

span.required_tag { color: red; font-size: 17px;  }
p.required_text { font-size: 14px; font-style: italic; text-align: center; }

#panes { width: 100%; margin:10px 0 0 0; float: left; padding:0; display: inline; }
#panes #pane { width: 296px; height: 418px; float: left; margin: 0 8px 0 0; padding:0; }
#panes #pane .top { width: 100%; height: 326px; float: left; }
#panes #pane .bottom { height: 85px; width: 100%; float: left; margin-top: 8px; background: #080808; }
#panes #pane .bottom ul { list-style: none; margin: 0; padding: 0; width: 100%; display: inline; float: left;}
#panes #pane .bottom ul li { text-transform: uppercase; float: left; width: 130px;  text-align: left; margin: 4px 6px 4px -4px; padding: 0 0 0 15px; }
#panes #pane .bottom ul li a { text-decoration: none; float: left; }
#panes #pane .bottom ul li:hover { background: url('../images/arrow.gif') no-repeat; background-position: 0 2px; z-index: 10; }
#panes #pane a img.top { border:0; }

#bottom { width: 100%; float: left; margin: 30px 0 25px 0; padding:0; position: relative; z-index: 2; }
#bottom #links { width: 606px; float: left; }
#bottom #links img { width: 195px; height: 46px; float: left; margin: 0 7px 7px 0; border: 0; }
#bottom a#quote { margin-top: 7px; float: right; background: url('../images/get_a_quote.jpg') no-repeat; width: 280px; height: 85px; }

#content { width: 100%; float: left; display: inline; margin: 15px 0 0 5px; min-height: 300px; }

#content #left_nav_wrapper { width: 277px; display: inline; float: left; }
#content ul#left_nav { z-index: 0; list-style: none; float: left; margin: 0; padding: 0; display:block ; position: relative; }
#content ul#left_nav li { position: relative; background-color: #c0c0c0; text-transform: uppercase;  margin: 10px 0; width: 145px; height: 32px;  text-align: left; display: block; }
#content ul#left_nav li a { color: #181818; font-size: 11px; height: 20px; width: 139px; padding: 9px 0 3px 6px; font-weight: bold; text-decoration: none; display: block; }
#content ul#left_nav li:hover, #content ul#left_nav li:hover a { background-color: #ce1515 ; color: #fff; }
#content ul#left_nav li.selected, #content ul#left_nav li.selected a { background-color:#ce1515; color: #fff; }

#content ul#sub_cat { list-style: none; float: left; margin: 0; padding: 0; display: inline; }
#content ul#sub_cat li { float: left; padding:0; margin: 10px 10px 0 0; text-transform: none; }
#content ul#sub_cat li a { display: block; }
#content ul#sub_cat img { border: 0; }

#content ul#dropdown_static { position: absolute; background-color: #ce1515; left: 155px; top: 0; margin: 0; padding: 0;}
#content ul#dropdown_static li { width: 110px; border-bottom: 1px solid #3f3f3f; float: left; font-size: 9px; color: #fff; background-color: #ce1515; position: relative; display: block; left: 0; margin: 0; padding: 5px; }
#content ul#dropdown_static li a { margin: 0; padding: 0; background-color: #ce1515; display: block; width: 95px; }

#content #right { width: 620px; float: right; margin: 5px 0 0 10px; min-height: 300px; text-align: left; }
#content h2 { width: 98%; font-size: 15px; text-transform: uppercase;  border-bottom: 2px solid #fff; text-align: left; margin:0 0 5px 0; padding:0;}
#content h3 { font-size: 14px; }
#content #right #description { width: 235px; float: left; margin:0; padding:0; }
#content #right #description p { margin: 4px 0; padding: 0; font-size: 10px; text-align: left; }

#content #right #products { width: 350px; float: right; margin: 0 0 0 15px;}
#content #right #products #product { width: 100%; float: left; padding: 0 0 20px 0; border-bottom: 1px solid #fff; text-align: left;  }
#content #right #products #product h3 { clear: both; font-size: 14px; text-transform: uppercase; margin:0 0 5px 0; padding:0; }
#content #right #products #product span { text-align: left; }
#content #right #products #product #details { float: left; width: 220px; margin: 0 0 0 20px; }
#content #right #products #product #details p { margin: 4px 0; padding: 0; font-size: 10px; display:block; }
	
/** ABOUT US, TESTIMONIALS, CONTACT US **/
.narrow { 
	width: 715px; font-size: 14px; text-align: left; margin-top: 15px;
}
	.narrow p { clear: both; }
	.indented p { text-indent: 20px; }
	.tall p { line-height: 175%; }

.about_us p { 
	line-height: 150%; margin: 20px 10px; 
	font-size: 14px; 
}
.testimonials p { font-size: 16px; margin: 18px 10px; width: 715px; text-align: left; clear: both; }

h3.half { width: 440px; text-transform: uppercase; margin: 10px auto; text-align: left;}

	.profile {
		float: right; margin: 0 0 0 10px; padding: 20px 0; text-align: left;
	}
	img.contact_img { float: left; border: 1px solid white; }
	.contact_info { float: left; margin: 0 0 0 10px; width: 250px; }
		.contact_info h4 { font-size: 14px; padding: 0; margin: 0; float: none; font-weight: bold; }
		.contact_info p.contact_position, .contact_info p.contact_email { margin: 4px 0; padding: 0;}
		.contact_info p.contact_position { font-size: 13px; font-style: italic;}
		.contact_info p.contact_email { font-size: 12px; }
	/*.contact_info { line-height: 150%; }*/
	
.contact-us-left { float: left; font-size: 15px; margin-left: 10px; width: 410px;}
.contact-us-right { float: right; width: 470px; }

/** Product Images & Sample Button **/
.product_images_and_sample {
	width: 110px; float: left;
}
	ul.product_images {
		width: 100%; margin: 0; padding: 0; float: left;
		list-style: none; display: inline; 
	}
		ul.product_images li { float: left; width: 50px; padding: 0; margin: 3px 5px 0 0; }
			ul.product_images li.odd { margin: 3px 0 0 5px; }
		ul.product_images li img { width: 50px; border: 1px solid white; }
			ul.product_images li.first { width: 100%; margin: 0;}
			ul.product_images li.first img { width: 110px; }
		
	ul.list_product_files {
		width: 100%; margin: 0; padding: 0; list-style:none; display: block;
	}
		ul.list_product_files li {
			width: 100%; line-height: 300%;
		}
		ul.list_product_files li a, ul.product_samples li a.product_sample {
		  padding: 5px; margin: 10px 0 0 0; 
			background-color: #ce1515; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-weight: bold; 
		}
			ul.product_samples li a.product_sample { margin-left: 5px; }
	
	a.sample_request {
		width: 103px; background-color: #CF4040; border: 1px solid white; float: left;
		margin: 3px 0 0 0; padding: 3px 4px; 
		font-size: 11px; text-transform: uppercase; text-decoration: none; color: white;
	}
		a.sample_request:hover {
			background-color: #ce1515;
		}
		ul.product_samples {
			text-align: left; float: left; clear: right; margin: 0; padding: 0; list-style:none;
		}
			ul.product_samples li { line-height: 250%; }
			ul.product_samples li a { text-decoration:none; }
/**END Product images & samples **/

#content input, #content textarea { border: 1px solid #000; }
#content input[type="checkbox"] { border: 0; }
.quote_form label, .sample_checkout label { color: #e5e5e5; font-size: 14px; font-family: Trebuchet MS, Tahoma, Times New Roman; }

#footer { clear: both; width: 100%; }
#footer p { text-align: center; }
	#footer .footer_files a {
		display:inline; bottom: 10px; position: relative;
		color: #FFA800; font-size: 14px; font-weight: bold;
	}

.red_x, .red_x a, a .red_x, a.red_x { color: red; font-size: 14px; font-weight: bold; text-decoration:none; border:0; }

/** Featured Projects **/
.project_wrapper { padding-left: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; clear: both; display:table; width: 100%; height: auto;}
.project_wrapper.last { border-bottom: 0; }
	.project_wrapper p.project_info { font-size: 13px; }
	span.project_description { display: block; font-size: 12px; line-height: 150%; }
	.project_wrapper .project_images_and_products {
		float: right; width: 400px; display:inline; 
	}
		.project_wrapper .project_images_and_products ul.project_images { 
			list-style:none; display:inline; margin: 10px 0 0 0; padding: 0; width: 400px; float: left;
		}
			.project_wrapper .project_images_and_products ul.project_images li {
				display:inline; width: 200px; float: left;
			}
			.project_wrapper .project_images_and_products ul.project_images li img { padding: 2px; border: 1px solid #ccc; margin: 4px; }
			
		.project_wrapper .project_images_and_products ul.project_products {
			list-style:none; display: block; margin: 0 0 0 5px; padding: 0;
		}
		.project_wrapper .project_images_and_products h4 { text-align: left; margin-left: 5px; font-size: 14px; }
			.project_wrapper .project_images_and_products ul.project_products li {
				font-size: 14px; line-height: 200%; margin: 5px auto 10px 0;
			}
			.project_wrapper .project_images_and_products ul.project_products li a {
				margin-left: 0; padding: 4px 5px; background-color: #ce1515; color: white; text-decoration:none;
			}

/** Form Wrapper **/
.form_wrapper {
	display:block;
}	
	.form_wrapper.bordered {
		background-color: #666; border: 1px solid #ccc;
	}
	.form_wrapper.cart {
		width: 500px; 
	}
	.form_wrapper.projects {
		width: 600px;
	}
	.form_wrapper.contact_us {
		width: 100%; 
	}
		.form_wrapper.contact_us p {
			margin: 15px 20px;
		}
		.form_wrapper.contact_us p.row label {
			width: 100px; 
		}
	.form_wrapper p.row label {
		float: left; width: 180px; color: #e5e5e5; font-size: 14px;
	}
	.form_wrapper p.row label.description_field { min-height: 100px; height: 100%; }
	.form_wrapper p.row {
		clear:both; 
	}
	.form_wrapper p.submit {
		text-align: center; clear:both; position: relative; top: 15px;
	}
	.form_wrapper input { font-size: 14px; }
	
.clearfix { clear: both; }