/* Reset Defaults
************************************************/

*
{
	padding: 0;
	margin: 0;
	line-height: 1;
	list-style-type: none;
}

/* Body
************************************************/

body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}


/* Headings, Paragraphs and Anchors
************************************************/

h1
{
	font-size: 25px;
	color: #F26F21;
	padding-bottom: 5px;
	font-weight: normal;
	background-image: url(../images/h1-bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

h1 img
{
	float: right;
	margin-left: 40px;
}

h2
{
	font-size: 14px;
	color: #333333;
	line-height: 120%;
}

h1,h2,h3,p,#content ul
{
	margin-bottom: 20px;
	line-height: 120%;
}


p,#content li
{
	color: #333333;
	line-height: 135%;
}

#content ul li
{
	margin-left: 30px;
	list-style-type: disc;
}

a,img
{
	text-decoration: none;
	border: 0;
	color: #888888;
}

a:hover
{
	color: #EB5C22;	
}


/* Containers
************************************************/

#container
{
	width: 900px;
	margin: 20px auto;
}

#container-left
{
	float: right;
	width: 672px;
	margin-top: 5px;
}

#container-right
{
	width: 205px;
	float: left;
	margin-top: 5px;
}

/* Header Block
************************************************/

#header
{
	padding: 5px 0;
	height: 90px;
}

/* Home Button
************************************************/

#logo
{
	float: left;
}

#home-button
{
	float: right;
	margin-top: 40px;
}

#home-button img
{
	vertical-align: middle;
	margin-left: 10px;
}



/* Main Navigation
************************************************/

#main-navigation
{
	height: 22px;
}

#main-navigation li
{
	float: left;
	margin-left: 2px;
}

#main-navigation li a
{
	display: block;
	padding: 5px;
	width: 168px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

#main-navigation li#nav-approach { margin: 0; }

#main-navigation li#nav-approach a 
{
	background-color: #27AFA8;
	width: 170px; /* Extend this slightly so it lines up */
}

#nav-products a
{
	background-color: #EB5C22;
}

#nav-about a
{
	background-color: #537936;
}

#nav-customers a
{
	background-color: #ABAE7E;
}

#nav-contact
{
	background-color: #535353;
}

/* Sub Navigation
************************************************/

#main-navigation li ul
{
	display: none;
	position: absolute;
	z-index: 5000 !important;
	background-color: transparent !important;
	background-image: url(../images/transparent-60pc.png);
	width: 178px;
}

#main-navigation li:hover ul
{
	display: block;
}

#main-navigation li ul li
{
	float: none;
}

#main-navigation li ul li a
{
	display: block;
	padding: 8px 2px;
	background-color: transparent !important;
}

#main-navigation li ul li a:hover
{
	background-image: url(../images/transparent-80pc.png) !important;
}

/* Banner
************************************************/

#banner
{
	width: 900px;
	height: 300px;
}

#banner img 
{
	width: 900px;
	height: 300px;
}

/* Banner Form
************************************************/

#banner-form
{
	height: 140px;
	width: 250px;
	position: absolute;
	z-index: 4000;
	margin-top: 60px;
	background-image: url(../images/transparent-80pc.png);
	padding: 15px 20px;
}

#banner-form p
{
	margin: 0;
	padding: 0;
}

#banner-form h6
{
	font-size: 17px;
	text-transform: uppercase;
	color: #F26F21;
	font-weight: normal;
}

#banner-form h6 b
{
	color: #FFFFFF;
	font-weight: normal;
}

#banner-form p
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 5px 0;
}

#banner-form .form-field
{
	background-color: #898989;
	border: 1px solid #C0C0C0;
	width: 200px;
	margin: 2px 0;
	color: #333333;
	font-size: 11px;
	padding-left: 5px;
}

#banner-form .form-field input
{
	padding: 3px;
	margin-left: 5px;
	border: none;
	width: 155px;
	background-color: #898989;
	color: #FFFFFF;
}


/* Call to Actions
************************************************/

#cta
{
	margin-bottom: 30px;
}

#cta ul li
{
	float: left;
	margin-left: 2px;
}

#cta ul li a
{
	display: block;
	width: 278px;
	background-image: url(../images/cta-button-bg.png);
	padding: 13px 10px;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

#cta ul li#cta-1
{
	margin-left: 0;
}

#cta ul li#cta-1 a
{
	width: 280px;
}


/* Breadcrumb
************************************************/

#breadcrumb
{
	background-image: url(../images/bar.png);
	height: 32px;
}

#breadcrumb ul li
{
	float: left;	
}

#breadcrumb ul li a
{
	display: block;
	color: #666666;
	font-size: 13px;
	text-decoration: none;
	padding: 9px 8px 8px 15px;
	background-image: url(../images/breadcrumb-arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#breadcrumb ul li#breadcrumb-home a
{
	background-image: none;
}

/* Promotion Box
************************************************/

.promotion-box
{
	float: left;
	width: 200px;
	height: 190px;
	margin: 10px 0px 10px 35px;
	background-image: url(../images/promo-box-bg.png);
	background-repeat: no-repeat;
}


.promotion-box h4
{
	
	background-repeat: no-repeat;
	padding: 8px 10px 10px;
	color: #FFFFFF;
	font-size: 14px;
}

/* Content Area
************************************************/

#content-top
{
	background-image: url(../images/content-top-bg.png);
	background-position: center top;
	height: 13px;
}

#content
{
	clear: both;
	background-image: url(../images/content-bg.png);
	background-position: top center;
	background-repeat: repeat-y;
}

#content-inner
{
	padding: 10px 35px;
}

#content-bottom
{
	background-image: url(../images/content-bottom-bg.png);
	background-position: center bottom;
	height: 10px;
}

/* Interior Navigation
************************************************/

#interior-navigation
{
	background-image: url(../images/interior-nav-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-bottom: 20px;
}

#interior-navigation h6
{
	padding: 5px;
	color: #404040;
	font-size: 13px;
	background-image: url(../images/interior-menu-title-bg.png);
	background-repeat: repeat-x;
	margin: 0 2px 0 1px;
}

#interior-navigation ul
{
	margin: 10px;
}

#interior-navigation ul li a
{
	display: block;
	padding: 7px;
	font-size: 11px;
	color: #444444;	
}

#interior-navigation ul li a:hover
{
	background-color: #E7E7E7;
}

#interior-navigation-bottom
{
	background-image: url(../images/interior-nav-bottom-bg.png);
	background-position: bottom center;
	height: 9px;
}

/* Footer
************************************************/

#footer
{
	margin-top: 30px;
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	height: 68px;
	padding: 10px;
	padding-top:4px;
	text-align: right;
	font-size: 11px;
	color: #777777;
	line-height: 145%;
}

#footer img
{
	padding-top:6px;
	float: left;
}






.click-to-view
{
	width: 80px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #FD6D00;
	padding: 1px 2px;
}

.click-to-view:hover { background-color: #C25500 }


/* Contact Form
************************************************/

#contact-form
{
	background-color: #E8E8E8;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 15px;
}

.contact-form-field
{
	padding: 5px;
	background-position: top;
	background-repeat: repeat-x;
	margin-top: 0px;
}

.contact-form-field label
{
	display: block;
	padding: 5px 0;
	color: #444444;
}

.contact-form-text
{
	border: 1px solid #DFDFDF;
	font-size: 14px;
	font-family: Verdana;
	width: 98%;
}

textarea.contact-form-text
{
	height: 130px;
}

/* Left Sidebar
************************************************/

#container-right h4
{
	background-image: url(../images/sidebox-header-bg.png);
	background-repeat: no-repeat;
	padding: 20px 10px 20px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
}

.left-side-box
{
	background-image: url(../images/sidebox-bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 10px;
}

/* Product Menu
************************************************/

.product-menu a
{
	display: block;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	height: 67px;
}

.product-menu a img
{
	float: left;
	margin-right: 10px;	
}

.product-menu a span
{
	display: block;
	padding-top: 10px;
	line-height: 120%;
}


#eniscope-container
{
	background-image: url(../images/eniscope-container.png);
	background-repeat: no-repeat;
	
	height: 228px;
	padding-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}



.block-bar
{
	background-image: url(../images/block-bar-bg.png);
	margin: 15px 0;
	font-weight: bold;
	padding: 11px;
}

.block-bar a
{
	color: #000000;
}


/* Content Columns
************************************************/

.content-column
{
	width: 140px;
	float: left;
	margin-right: 14px;
}

.content-column-last
{
	margin-right: 0px;
}


blockquote
{
	margin-left: 30px;
	margin-right: 30px;
	font-size: 17px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-style: italic;
	color: #666666;
	text-align: justify;
	padding: 20px;
	background-image: url(../images/quote-open.png);
	background-repeat: no-repeat;
}

blockquote p
{
	color: #666666;
}

blockquote span.quote-close
{
	display: block;
	float: right;
	width: 59px;
	height: 50px;
	background-image: url(../images/quote-close.png);
	background-repeat: no-repeat;
	
}