/* 
MARINE URETHANE, INC (SCREEN)
-------------------------------------------
©2006 TOPSPOT INTERNET MARKETING SOLUTIONS
===========================================
COLOR TABLE
-------------------------------------------
NAVY BLUE		#183257
LIGHT BLUE		#C1D3EE
GRAY			#6E7886
-------------------------------------------*/

BODY {
	background: #6E7886 url(../images/bkg_stripes.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	font: 1em "Times New Roman", Times, Georgia, serif;
	color: #183257;
}

A {
	color: #183257;
	text-decoration: none;
	border-bottom: solid 1px #C00;
	/*position: relative;POSITION:RELATIVE, BE SURE FILTERED ELEMENT HAS NO POSITION SET,
	ALLOW LINKS TO WORK IN IEWIN WHEN PLACED OVER ALPHA FILTER*/
}
A:HOVER {
	border-bottom: solid 1px #C1D3EE;
	color: #6E7886;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: .1em;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* -------------------------------- MAIN WRAPPER --------------------------------- */
#outerWrapper {
	width: 843px;
	margin: 0 auto;
}
* html #outerWrapper { /* IE WIN */ /* CANNOT HAVE POSITION SET OR WILL KILL LINKS IN IEWIN */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/main_bkg-white.png', sizingMethod='scale');
}
body > #outerWrapper { /* COMPLIANT BROWSERS */
	background: url(../images/main_bkg-white.png) repeat-y left top;
}

#innerWrapper { 
	position: relative;
	margin: 0 11px;
	padding: 20px 0 35px 0;
	border-top: 12px solid #183257;
	border-bottom: 12px solid #183257;
	background: url(../images/footer_graphic.gif) no-repeat  left bottom;
}
* html #innerWrapper { margin-right: 9px; width: 850px;}

/* ------------------------------------------------------------------------------- */


h1#logoGraphic a {
	width: 458px;
	height: 84px;
	display: block;
	border: none
}
h1#logoGraphic {
	text-indent: -9000px;
	width: 458px;
	height: 84px;
	background: url(../images/marine_urethane-logo.gif) no-repeat left top;
	margin: 0 0 35px 10px;
}
#headerPhone {
	position: absolute;
	top: 30px;
	right: 20px;
	text-align: right;
}
#headerPhone h1{
	margin: 0;
	font-weight: normal;
}

/* -------------------------------- HEADER GRAPHIC --------------------------------- */

#headerStripesImage {
	height: 175px;
	background: url(../images/foreground_stripes.gif) repeat-x left top;
	margin: 0;
	color: #FFF;
	font-weight: normal;
	font-size: 210%;
	padding: 60px 0 0 25px;
	letter-spacing: -.02em;
}

#headerImage {
	position: absolute;
	right: 20px;
	top: 110px;
	width: 376px;
	height: 305px;
}

/* ------------------------------------------------------------------------------- */

/* ------------------------------PAGE SPECIFIC NAV & GRAPHICS -------------------- */
.home #navigation .homeNav, .about #navigation .aboutNav, .pipeline #navigation .pipelineNav, .cones #navigation .conesNav, .cushions #navigation .cushions, .wheels #navigation .wheelsNav, .offshore #navigation .offshoreNav, .custom #navigation .customNav, .engineering #navigation .engineeringNav, .contact #navigation .contactNav { background: #C1D3EE url(../images/nav_blue-ovr.gif) repeat-y left top; }

.home #innerWrapper > #headerImage {background: url(../images/header_images/rollers_forklift.png) no-repeat center center;}
* html .home #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/rollers_forklift.png', sizingMethod='scale');}

.about #innerWrapper > #headerImage {background: url(../images/header_images/home_front.png) no-repeat center center;}
* html .about #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/home_front.png', sizingMethod='scale');}

.pipeline #innerWrapper > #headerImage {background: url(../images/header_images/v-rollers.png) no-repeat center center;}
* html .pipeline #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/v-rollers.png', sizingMethod='scale');}

.cones #innerWrapper > #headerImage {background: url(../images/header_images/hydrocyclones.png) no-repeat center center;}
* html .cones #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/hydrocyclones.png', sizingMethod='scale');}

.cushions #innerWrapper > #headerImage {background: url(../images/header_images/cushions.png) no-repeat center center;}
* html .cushions #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/cushions.png', sizingMethod='scale');}

.wheels #innerWrapper > #headerImage {background: url(../images/header_images/small_rollers.png) no-repeat center center;}
* html .wheels #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/small_rollers.png', sizingMethod='scale');}

.offshore #innerWrapper > #headerImage {background: url(../images/header_images/freight.png) no-repeat center center;}
* html .offshore #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/freight.png', sizingMethod='scale');}

.custom #innerWrapper > #headerImage {background: url(../images/header_images/custom_molded.png) no-repeat center center;}
* html .custom #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/custom_molded.png', sizingMethod='scale');}

.engineering #innerWrapper > #headerImage {background: url(../images/header_images/home_front.png) no-repeat center center;}
* html .engineering #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/home_front.png', sizingMethod='scale');}

.contact #innerWrapper > #headerImage {background: url(../images/header_images/v-rollers.png) no-repeat center center;}
* html .contact #headerImage {	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_images/v-rollers.png', sizingMethod='scale');}


/* -------------------------------- RIGHT and LEFT COLUMNS ------------------------- */

#bodyContent {
	width: 520px;
	margin: 0 15px 0 10px;
	text-align: justify;
	float: left;
	min-height: 500px;
}
* html #bodyContent {
	height: 500px;
}
/* ------------------NAVIGATION ----------------- */

div#navContainer {/* USED DIV INSTEAD OF UL BECAUSE OF POSITION:RELATIVE ISSUE WITH IEWIN PNG LINK BREAK */
	float: right;
	margin: 50px 0 0 0;
	padding: 10px 0 0;
	background: url(../images/nav_topper.gif) no-repeat left top;
	position: relative;
}

ul#navigation {
	background: url(../images/nav_bottom.gif) no-repeat left bottom;
	width: 270px;
	margin: 0;
	padding: 0 0 10px 0;
}
ul#navigation li {
	list-style: none;
	border-bottom: solid #183257 1px;
	margin: 0;
}

ul#navigation li a{
	text-decoration: none;
	background: #C1D3EE;
	font-weight: normal;
	padding: 7px 0 10px 7px;
	display: block;
	color: #183257;
	font-size: 120%;
	border: none;
}
ul#navigation li a:hover {
	background: #C1D3EE url(../images/nav_blue-ovr.gif) repeat-y left top;
}
/* ------------------------------------------------------------------------------- */

#calloutItems {
	height: 150px; /* TO ENCASE FLOATED ITEMS SINCE THEY'RE IN A PARAGRAPH */
	background: #E0E0E0;
	padding: 10px 0 0 10px;
	margin: 0;
}
#calloutItems li {
	list-style: none;
	float: left;
	text-align: center;
	margin: 0 2px 0 0;
	padding: 0;
}
#calloutItems li a {
	font:  bold 80% Arial, Helvetica, sans-serif;
	display: block;
	width: 101px;
	height: 120px;
	line-height: .9em;
	text-decoration: none;
	padding: 10px;
	border: solid 1px #999;
}

#calloutItems li a:hover { color: #FFF; }
a.pipelay 		{background: #FFF url(../images/callouts/yellow_rollers.gif) no-repeat center 35px;}
a.pipelay:hover {background: #183257 url(../images/callouts/yellow_rollers-ovr.gif) no-repeat center 35px;}

a.customMolded	{background: #FFF url(../images/callouts/offshore.gif) no-repeat center 35px;}
a.customMolded:hover {background: #183257 url(../images/callouts/offshore-ovr.gif) no-repeat center 35px;}

a.piledrive		{background: #FFF url(../images/callouts/cushions.gif) no-repeat center 35px;}
a.piledrive:hover {background: #183257 url(../images/callouts/cushions-ovr.gif) no-repeat center 35px;}

a.hydrocyclones 	{background: #FFF url(../images/callouts/hydrocyclones.gif) no-repeat center 35px;}
a.hydrocyclones:hover	{background: #183257 url(../images/callouts/hydrocyclones-ovr.gif) no-repeat center 35px;}

/* ------------------------------------------------------------------------------- */

#vCardBox {
	border: solid 1px #183257;
	background: #D7E2F1;
	margin: 40px 15px 0 0;
	padding: 10px;
}
#vCardImage {
	position: absolute;
	top: 500px;
	right: 25px;
	
}
.captionText {
	font: bold 75% Arial, Helvetica, sans-serif;
}
/* ------------------------------------------------------------------------------- */

#footer {
	clear: both;
	text-align: center;
	font-variant: small-caps;
	padding: 20px 0 0;
	
}
#footer a {
	border: none;
}
#footer .captionText a		{color: #6E7886;text-decoration: underline;}
#footer .captionText a:hover {text-decoration: none;}
#footer .captionText {
	font: normal 75% Arial, Helvetica, sans-serif;
	line-height: 2em;
	color: #6E7886;
}
/* --------------------------------FORMS ------------------------- */
input, textarea { /* Global field attributes */
	border: solid 1px #183257;
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #183257;
	margin-bottom: .5em;
}
input {
	width: 200px;
}
textarea {
	width: 480px;
}

fieldset {
	margin: 0 10px 10px 0;
	background: #EFEFEF;
	padding: 10px;
	border: solid 1px #183257;

}




div.productDetail {
	background: #EFEFEF;
	border: solid 1px #999;
	padding: 5px 10px;
	font: normal 80% Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	text-align: left;
	min-height: 150px;
}
* html div.productDetail {height: 150px;}
.productDetail p {
	margin: 5px 0;
}
.productDetail img {
	float: left;
	margin: 0 10px 5px 0;
	border: solid 1px #666;
	
}

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