/*
	Body
	
	Table of Contents:
		global reset
		general
		navigation
		page
		header
		inner wrapper
		columns
*/

/* Global Reset
----------------------------------------------- */

@import url(/assets/css/reset.css);

/* The Rest...
----------------------------------------------- */

body {
	background-color: White;
	background-image: url("/assets/background_body.png");
	background-repeat: repeat-x;
	}
body, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #0E5D92;
	}
form fieldset {
	border: none;
}
a {
	color: #0E5D92;
	border-bottom: 1px solid #BAD0E0;
}

div.hr {
	height: 1px;
	border-top: 1px dotted #BAD0E0;
	margin: 15px 0 15px 0;
	}
div.hr hr {
	display: none;
	}
	
h1 {
	color: Black;
	font-size: 18px;
	font-weight: bold;
	display: none;
	}
h2 {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #0E5D92;
	font-weight: bold;
	}
h2.search {
	padding: 0 0 0 20px;
	background-image: url("/assets/icon_search.gif");
	background-repeat: no-repeat;
	}
h2.browse {
	margin: 20px 0 10px 0;
	padding: 0 0 0 20px;
	background-image: url("/assets/icon_browse.gif");
	background-repeat: no-repeat;
	}
h2.newsletter {
	margin: 5px 0 10px 0;
	padding: 0 0 0 20px;
	background-image: url("/assets/icon_newsletter.gif");
	background-position: 0 2px;
	background-repeat: no-repeat;
	font-weight: normal;
	}
body.products h2.browse {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background-image: url("/assets/icon_browse.gif");
	background-repeat: no-repeat;
	}
h2.info {
	margin: 20px 0 10px 0;
	padding: 0 0 0 20px;
	background-image: url("/assets/icon_info.gif");
	background-repeat: no-repeat;
	font-weight: normal;
	}
h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #0E5D92;
	font-weight: normal;
	}
ul.hidden {
	display: none;
	}
table {
	border-collapse: collapse;
	}
table tr td {
	margin: 0;
	padding: 0;
	}
	
p {
	margin: 0 0 10px 0;
}
p.control {
	line-height: normal!important;
}
p.control a {
	margin: 0;
}
a.submit {
	margin: -1px 0 0 5px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
  	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  	border: 1px solid #666666;
  	background-color: #CCCCCC;
	color: #323232;
	background-image: url("/assets/btn_background.png");
	background-repeat: repeat-x;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	text-align: center;
	}
a.submit:hover {
	color: #000000;
	}
	
form input.text, form textarea {
	border: 1px solid #CCCCCC;
	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;
  	font-size: 12px;
	padding: 2px;
	color: #666666;
	}

div.nav {
	margin: 0 0 20px 0;
	width: 180px;
	float: left;
	background-color: #E7EFF5;
	background-image: url("/assets/background_nav.png");
	background-repeat: repeat-x;
	background-position: top;
	}
body.sub div.nav {
	margin-top: -130px;
	}
body.projects_new div.nav {
	margin-top: -150px;
}
div.left {
	margin: 0 0 10px 0!important;
	padding: 0;
	float: left;
	}
div.right {
	float: right;
	margin: 0 0 10px 380px;
	}
	
/* Page */
#Page {
	width: 940px;
	margin: 0 auto 20px auto;
	background-color: #E7EFF5;
	background-image: url("/assets/background_inner.gif");
	background-repeat: repeat-y;
	}

/* Header */
#Header {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
	height: 120px;
	}
#Header p.tagline {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 240px;
	font-size: 20px;	
}
#Header a#Logo {
	display: block;
	width: 180px;
	height: 120px;	
}
	
#Header form.search {
	position: absolute;
	top: 40px;
	right: 20px;
	background-color: #F3F7FA;
	width: 340px;
	padding: 10px;
	}
#Header form.search input.text {
  	width: 255px!important;
	}
#Header form.search a.submit {
	width: 60px;
	}
	
ul#Contact {
	margin: 20px 10px 0 20px;
	line-height: 150%;
	font-size: 10px;
	color: #666666;
	}
ul#Contact li a {
	color: #9F1F1F;
	border-bottom: 1px solid #D6BCBF;
	}
ul#Contact li a:hover {
	border-bottom: 1px solid #9F1F1F;
	}
	
/* Primary Nav */
ul#PriNav {
	width: 170px;
	margin: 20px 0 0 0;
	}
ul#PriNav li {
	margin: -1px 0 0 0;
	padding: 0 10px 0 10px;
	}
ul#PriNav li a {
	height: 40px;
	padding: 0 10px 0 10px;
	font-size: 18px;
	display: block;
	line-height: 39px;
	border-bottom: 1px solid #D2E1EB;
	}
ul#PriNav li a:hover {

	}
body.home ul#PriNav li.home, body.about ul#PriNav li.about, body.products ul#PriNav li.products, body.projects ul#PriNav li.projects, body.news ul#PriNav li.news, body.contact ul#PriNav li.contact {
	background-color: #D3E2EB;
	}
body.home ul#PriNav li.home a, body.about ul#PriNav li.about a, body.products ul#PriNav li.products a, body.projects ul#PriNav li.projects a, body.news ul#PriNav li.news a, body.contact ul#PriNav li.contact a {
	border-bottom: none;
	font-weight: bold;
	}
ul#PriNav li.products {
	background-image: url("/assets/prinav_arrow.png");
	background-repeat: no-repeat;
	background-position: 136px 18px;
}
body.products ul#PriNav li.products {
	background-image: url("/assets/prinav_arrow_dark.png");
}
ul#PriNav li.products a {
	border-bottom: none;
}
ul#PriNav li ul.SubNav {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #D2E1EB;
}

ul#PriNav li ul.SubNav li a {
	height: auto;
	padding: 0;
	font-size: 14px;
	line-height: 140%;
	border-bottom: none;
	font-weight: normal!important;
}
	
/* Page Banners */
#Banner {
	margin: 0 0 0 180px;
	height: 120px;
	border-bottom: 10px solid #E7EFF5;
	}
#Banner #Foreground {
	background-image: url("/assets/foreground_banner.png");
	background-repeat: repeat-x;
	height: 2px;
	width: 760px;
	position: absolute;
	z-index: 100;
	}
#Banner .loop img {
	left: 0;
}
#Banner h1 {
	display: none;
	}
body.about #Banner {
	background-image: url("/assets/sub_headers/about.jpg");
	}
body.products #Banner {
	background-image: url("/assets/sub_headers/products.jpg");
	}
body.categories #Banner, body.list #Banner, body.detail #Banner {
	background-image: url("/assets/sub_headers/products_overlay.jpg");
	}
body.projects #Banner {
	background-image: url("/assets/sub_headers/projects.jpg");
	}
body.news #Banner {
	background-image: url("/assets/sub_headers/news.jpg");
	}
body.contact #Banner {
	background-image: url("/assets/sub_headers/contact.jpg");
	}

/* General Nav, Buttons etc */	
ul li.imagecredit {
	margin: 0 0 3px 0;
	font-size: 12px;
	color: #333333;
	padding: 0 0 0 12px;
	background-image: url("/assets/light_bullet.gif");
	background-repeat: no-repeat;
	background-position: 2px 6px;
	}
ul li.button {
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
	background-image: url("/assets/dark_bullet.gif");
	background-repeat: no-repeat;
	background-position: 2px 6px;
	}
ul li.button a {
	font-size: 12px;
	}
ul li.button a:hover {
	border-bottom: 1px solid #0E5D92;
	}

/* Inner Page Elements */
#Inner {
	position: relative;
	clear: both;
	margin: 0 0 10px 0;
	/*overflow: hidden;*/
	}
	
		
body.home #Inner div.left {
	margin: 0 0 0 180px;
	padding: 0 0 0 20px;
	width: 340px;
	overflow: hidden;
	}
body.home #Inner div.left #Feature {
	margin: 270px 0 0 0;
	}
body.home #Inner div.left #Feature #Banner {
	background-color: grey;
	position: absolute;
	top: 0;
	width: 760px;
	height: 260px;
	margin: 0 0 0 -20px;
	line-height: 260px;
	text-align: center;
	font-size: 30px;
	color: white;
	}
body.home #Inner div.left #Feature div.quote {
	width: 340px;
	}
body.home #Inner div.left #Feature h1.quote {
	width: 340px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	background-image: url("/assets/quote_background.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 31px 10px 0 10px;
	}
	body.home #Inner div.right #SearchBrowse h2.browse {
	margin: 10px 0 10px 0;
	}
	
body.home #Inner div.right {
	margin: 280px 0 0 0;
	padding: 0 20px 20px 20px;
	width: 340px;
	overflow: hidden;
	}
body.sub #Inner div.left {
	width: 340px;
	background-color: #E7EFF5;
	padding: 20px;
	}
body.projects #Inner div.left {
	margin: 0 0 0 180px!important;
	}
body.sub #Inner div.right {
	margin: 0;
	width: 340px;
	background-color: #F3F7FA;
	padding: 20px;
	}
body.about #Inner div.right p, body.contact #Inner div.left p, body.projects #Inner div.right p, body.news #Inner div.right p {
	color: #666666;
	font-size: 14px;
	margin: 15px 0 0 0;
	line-height: 150%;
}
div.clear {
	clear: both;
	line-height: 0;
	}





div.span_left_right {
	float: left;
}
/* Just used to clear rows in the products section */
div.col_wrapper {
	clear: left;
	}	
	
/* White Blocks */
div.block_white {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: White;
	}
div.block_white p {
	margin: 0;
	}
body.home #Inner div.left div.block_white.shadow {
	border-bottom: 1px solid #AEB4B8;
}
body.projects #Inner div.right div.block_white {
	margin: 15px 0 15px 0;
	padding: 10px;
	background-color: White;
	}
body.products #Inner div.right div.block_white {
	margin: 15px 0 0 0;
	padding: 10px;
	background-color: White;
	}


/* Blockquotes */
div.block_white blockquote {
	margin: 0 0 15px 0;
	}
div.block_white blockquote p {
	font-size: 14px;
	line-height: 140%;
	font-style: italic;
	}
body.projects #Inner div.right div.block_white blockquote {
	margin: 0;
	}
body.projects #Inner div.right div.block_white blockquote p {
	margin: 0;
	color: #0E5D92;
	}

/* General Image Styling */
body.sub #Inner img {
	margin: 0 0 15px 0;
	border: 10px solid White;
	}

/* Contact */
body.contact #Inner div.left p {
	margin: 0 0 15px 0;
	}
body.contact #Inner div.right p {
	margin: 0 0 10px 0;
	}
body.contact #Inner ul.Contact {
	margin: 10px 15px 10px 15px;
	}
body.contact #Inner ul.Contact li {
	margin: 3px 0 3px 0;
	padding: 0 0 3px 25px;
	list-style: none;
	list-style-position: outside;
	}
body.contact ul.Contact li.Tel {
	background: url("/assets/icon_tel.gif") no-repeat top left;
	}
body.contact ul.Contact li.Fax {
	background: url("/assets/icon_fax.gif") no-repeat top left;
	}
body.contact ul.Contact li.Email {
	background: url("/assets/icon_email.gif") no-repeat top left;
	}
body.contact ul li.Reg {
	margin: 0 0 10px 40px;
	font-size: 10px;
	color: #666666;
	}
body.contact #Inner form h3 {
	margin: 0 0 15px 0;
	}

	
body.contact div#Alert {
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 30px;
	background-color: White;
	background-image: url("/assets/icon_alert.gif");
	background-position: 10px 10px;
	background-repeat: no-repeat;
	color: #666666;
	}

/* Products Pages */
body.products p#breadcrumb {
	position: absolute;
	margin: 82px 0 0 20px;
	padding: 0 0 0 20px;
	line-height: 14px;
	color: #333333;
	background-image: url("/assets/icon_browse.gif");
	background-repeat: no-repeat;
}
body.products p#breadcrumb a {
	color: #333333;
	border-bottom: 1px solid #999999;
}
body.products p#breadcrumb a:hover {
	border-bottom: 1px solid #333333;
}
body.list #Inner div.left img, body.list #Inner div.right img {
	float: left;
	border: 10px solid White;
}
body.list #Inner div.left h2, body.list #Inner div.right h2 {
	margin: 10px 0 0 130px;
}
body.list #Inner div.left ul, body.list #Inner div.right ul {
	margin: 30px 0 0 130px;
}
body.list #Inner div.left p, body.list #Inner div.right p {
	margin: 10px 0 0 130px;
	color: #333333;
}
body.list #Inner div.block_white {
	background-color: White;
}
body.list #Inner div.block_white h2 {
	color: #333333;
}
body.list #Inner div.block_white img {
	border: 10px solid #E8F0F5;
}
body.list #Inner #Pagination {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px;
}
body.list #Inner #Pagination p {
	margin: 0;
	padding: 0;
}
body.list #Inner #Pagination p a {
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	text-align: center;
	color: White;
	background-color: #0E5D92;
}
body.list #Inner #Pagination p b {
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	text-align: center;
	color: White;
	background-color: #B2CCDD;
}

body.categories #Inner div.left img, body.categories #Inner div.right img {
	float: left;
	border: 10px solid White;
}
body.categories #Inner div.left h2, body.categories #Inner div.right h2 {
	margin: 10px 0 0 130px;
}

body.detail #Inner p.submit a {
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	text-align: center;
	color: White;
	background-color: #0E5D92;
}
body.detail #Inner div.product_details {
	border-top: 1px dotted #BAD0E0;
	margin: 15px 0 15px 0;
	padding: 5px 0 5px 0;
}
body.detail #Inner div.product_details p {
	margin: 15px 0 15px 0;
	color: #666666;
}
body.detail #Inner p.additional_info_title {
	border-top: 1px dotted #BAD0E0;
	margin: 15px 0 15px 0;
	padding: 15px 0 0 0;
	color: #666666;
	font-weight: bold;
}

/* Product Range Styles */
body.products ul#Product_ranges, body.home ul#Product_ranges {
	margin: 0 10px 20px 0;
	padding: 0;
}
body.products ul#Product_ranges li, body.home ul#Product_ranges li {
	margin: 0 0 1px 0;
	padding: 6px 10px 6px 30px;
	background-color: White;
	background-image: url("/assets/icon_arrow.gif");
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
body.products ul#Product_ranges li a, body.home ul#Product_ranges li a {
	font-size: 14px;
}

body.products ul#Product_categories li, body.home ul#Product_categories li {
	margin: 0;
	padding: 0 10px 5px 0;
	clear: left;
}
body.products ul#Product_categories li a, body.home ul#Product_categories li a {
	font-size: 18px;
	color: #9F201F;
	border-bottom: none;
	line-height: 30px;
}
body.products ul#Product_categories li a img, body.home ul#Product_categories li a img {
	float: left;
	margin: 0 10px 0 0;
	border: none;
}



body.products div.featured {
	height: 120px;
}
body.products div.featured h3 {
	margin: 10px 10px 5px 130px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
body.products div.featured img {
	float: left;
}
body.products div.featured p {
	margin: 0 10px 0 130px;
	font-size: 12px;
	color: #333333;
}
body.products div.featured ul {
	margin: 10px 0 0 130px;
}
body.products div.search {
	margin: 0;
}
body.products div.browse {
	margin: 0;
}
body.products div.right p {
	color: #333333;
}
body.products div.clear {
	clear: both;
}

/* Projects */
body.projects_new #Inner {
	padding-top: 20px;
	}
body.projects_new #Inner #flashcontent {
	margin: 0 20px 0 200px;
	border: 10px solid White;
	width: 700px;
	height: 400px;
}
body.projects_new #Inner #flashcontent embed, body.projects_new #Inner #flashcontent img {
	display: block;
	border: 1px solid White;
}

/* Product Ranges Dialog */
table#Ranges select {
	width: 245px;
	margin: 0 5px 0 0;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	padding: 2px;
	color: #0E5D92;
}	
table#Ranges a.submit {
	margin: 0;
	display: block; 
	padding: 3px 0 0 0;
	font-size: 12px;
	text-align: center;
	color: White;
	background-color: #0E5D92;
	width: 60px;
	height: 18px;
}

/* Search Results */
p.excerpt {
	font-style: italic;
}
p.meta {
	font-size: 10px;
	color: #666666;
}

/* Newsletter Archive Formatting */

body.news #Inner div.left ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
	background-image: url("/assets/dark_bullet.gif");
	background-repeat: no-repeat;
	background-position: 2px 6px;
	}
body.news #Inner div.left ul li a {
	font-size: 12px;
	}
body.news #Inner div.left ul li a:hover {
	border-bottom: 1px solid #0E5D92;
	}

/* Footer */
#Footer {
	clear: both;
	font-size: 10px;
	background-color: #E7D8CD; /* #FCFCE6 */
	background-image: url("/assets/background_footer_brown.png");
	background-repeat: repeat-y;
	background-position: top center;
	height: 130px;
	margin: 0 0 10px 0;
	}
#Footer div.inner {
	width: 940px;
	margin: 0 auto 0 auto;
	}
#Footer div.inner div.left {
	margin: 0 0 0 180px!important;
	padding: 15px 0 0 20px;
	width: 360px;
	border-top: 10px solid #BD9B85; /* #F3F3A8 */
	}
#Footer div.inner div.left p.follow, #Footer div.inner div.left p.follow a {
	margin: 5px 0 0 0;
	color: #666666;
	font-size: 12px;
}
#Footer div.inner div.left form input {
	width: 265px;
}
#Footer div.inner div.left p.follow a {
	color: #666666;
	border-bottom: 1px solid #C49283; /* #E2C3A3 */
}
#Footer div.inner div.right {
	margin: 0;
	padding: 15px 0 0 20px;
	width: 360px;
	height: 35px;
	border-top: 10px solid #D1B7A5; /* #F6F6BB */
	}
#Footer div.inner div.right p {
	color: #999999;
	}
#Footer div.inner div.right p a {
	color: #999999;
	border-bottom: none;
	}