html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1; width: 100%; height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* -----------------remember to define focus styles! -----------------*/
:focus {
	outline: 0;
}

/* -----------------remember to highlight inserts somehow! -----------------*/
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* -----------------tables still need 'cellspacing="0"' in the markup -----------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {width:100%; height: 100%; background-color:#000; font-family:"trebuchet ms", arial, sans-serif; font-size: 11px; color:#666666; }


a {color:#336699; text-decoration:none; border-bottom:1px dotted #336699;}
a:hover {color:#eccb26; border-bottom:1px dotted #336699;}
a:active {color:#792034; border-bottom:1px dotted #792034;}

a img{border:none;}

#wrapper {border-top:3px solid #eccb26; width:100%; min-height: 400px;}


/* -----------------header -----------------*/
#header {background:#000; width:100%; height:136px; position:relative; border-bottom:1px solid #fff;z-index:20;}
#headerinside {background: url("../images/headerbg.gif") no-repeat top left; height:136px;   }

#home #header { background:none; width:100%; height:160px; position:absolute; border:none; }
#home #headerinside {background: url("../images/headerbg.png") no-repeat top left; height:136px;   }

#logo a, #footer a, #breadcrumbs a, #nav a{ border:none;}
.clearboth {clear:both;}



/* -----------------content-----------------*/
#content {background: url("../images/top_tile.gif") repeat-x top center #fff; width: 100%;  }
#contentinside {background: url("../images/bottom_tile.gif") repeat-x bottom;   height:inherit; padding:30px 0px 10px 0px; }
#canvas, #footerinside, #headerinside, #breadcrumbs {width:960px; margin-left: auto; margin-right: auto; position:relative;}
#printlogo {display:none;}

#home #content { background:url("../images/boathero.jpg") no-repeat top right;  width: 960px; height:524px; margin-left:auto; margin-right: auto; margin-top: 20px;   position:relative;   }
#home #contentinside { height:inherit; width:960px; margin-left:auto; margin-right:auto;  position:relative; }

/* -----------------Home content-----------------*/

#homecontent {position:absolute; left:0px; top:200px; width: 300px;}
#homecontent h1{font-family:"neosans", arial; color:#fff; font-size:22px; font-weight:normal; margin-bottom:10px;}
#homecontent h4, #noie6contact h4{font-family:"neosans", arial; color:#fff; font-size:14px; line-height:1.5; font-weight:bold; position:relative; left:20px;}
#homecontent p, #noie6contact p{font-family: arial; color:#888; font-size:12px; line-height:1.5; font-weight:normal; position:relative; left:20px;}
#homecontent a, #noie6contact a{color:#eccb26;}
#homecontent strong, #noie6contact strong {color:#eccb26; font-weight: bold;}


/* -----------------Logo Styles -----------------*/
#logo a {background: url("../images/sse.png") no-repeat; width: 326px;height:31px; position:absolute; left:0px; top:50px; text-indent:-1000em;}
#logo a:hover, a:hover img {filter:alpha(opacity=70);  opacity:0.7;}


 /* -----------------Nav Styles -----------------*/
#nav {position:absolute; right:0px; top:50px;}
#nav ul {padding:0px; margin:0px; width: auto; }
#nav li {float:left; margin-left:10px; position:relative;}
#nav ul li ul {position:absolute; top: 35px; left:-10px; width: 400px;}
#nav ul li a{display:block; color:#fff; text-decoration: none; padding:5px; font-size:14px;   font-family: "lucida grande","trebuchet ms", arial, sans-serif;}
#nav ul li a:hover{background:#eccb26;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#000;}
#nav ul li a:active{background:#792034;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff;}
#nav .selected {background:#333;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff;}
#nav ul li ul li a{font-size: 11px; color:#ccc;}


 /* -----------------Nav Options -----------------*/
.screens #screens_nav,
		#fixed #fixed_nav,
		#curve #curve_nav,
		#elec #elec_nav,
		#ch #ch_nav,
		#cw #cw_nav,
.materials #materials_nav,
.technical #technical_nav,
.gallery #gallery_nav,
.press #press_nav,
.company #company_nav{background:#333;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff;}
	
	
 .screens #screens_nav a #screens_sub #fixed #fixed_nav a,
 .screens #screens_nav a #screens_sub #curve #curve_nav a,
 .screens #screens_nav a #screens_sub #elec #elec_nav a,
 .screens #screens_nav a #screens_sub #ch #ch_nav a,
 .screens #screens_nav a #screens_sub #cw #cw_nav a {background:none !important;}
	
#screens_sub {display:none;}
.screens #screens_sub {display:block;}

 


/* -----------------Breadcrumb Styles -----------------*/
#breadcrumbs {background:url("../images/breadcrumbbg.gif") repeat-x; height:26px; }
#breadcrumbs li{background:url("../images/breadcrumbsprite.png") no-repeat top right; color:#000; text-shadow: #fff5ab 1px 1px;   height:26px; font-size:13px; font-family:"trebuchet ms", arial, sans-serif; float:left; position:relative; padding:0px 50px 0px 25px; line-height: 26px; vertical-align:middle;}
#breadcrumbs li a{color:#000; text-decoration:none; text-shadow: #f1f1f1 1px 1px;  }
#breadcrumbs li:hover{background-position: right -26px;}
#breadcrumbs li:hover a{text-shadow: #fff5ab 1px 1px;}
.firsttier {z-index:30;}
.secondtier {z-index:25; margin-left:-25px;}
#breadcrumbs .currenttier {z-index:20;margin-left:-25px; background-position: right -26px;}


/* -----------------Feature Styles -----------------*/
#feature {width:960px; height: 360px; margin-bottom:10px; display:none;}
#feature h1, #feature p{text-indent:-1000em;}
#feature{background:url("../images/fixedframefeature.jpg") no-repeat;}


/* -----------------Main Styles -----------------*/
#main {padding-bottom:30px; width:630px; float:left; margin-right:-100px;}
#main h1, #main h2, #main h3, #main h4{font-family:"neosans", arial, helvetica sans-serif; color:#000;}
#main h1{font-size:30px; margin:40px 0px 10px 0px; font-weight: normal;}
#main p, #main li, #main td, #main blockquote {font-size:12px; line-height: 18px;font-family:"trebuchet ms", arial, sans-serif;}
#main p {margin-bottom: 10px;}


/* -----------------Main Table Styles -----------------*/
#main table{background:#f1f1f1;width:100%; }
#main td {padding:3px 3px 3px 20px; border-right:1px solid #fff;}
#main th{ background: url("../images/thbg.gif") #eccb26 repeat-x; padding-left: 20px; text-align:left; height:28px; line-height: 28px;  vertical-align:middle; text-shadow: #fff5ab 1px 1px; color:#000; font-weight: bold; font-size: 13px;}
#main tr {border-bottom:1px solid #fff;}
#main .alt td {background-color:#d8d8d8;border-right:1px solid #f1f1f1;}
#main .alt td.strongcol {background-color:#c3c3c3;}
#main td.strongcol {background-color:#e7e7e7;}
#main th.strongcol {background: url("../images/thbgstrong.gif") repeat-x;}


/* -----------------Sidebar Styles -----------------*/
#sidebar {float:right; width:300px;  margin-top:40px; }
#sidebar h2 {background: url("../images/sidebarH4bg.gif") no-repeat top right; text-indent: 20px; width:300px; height:28px; line-height: 28px;  overflow:hidden; vertical-align:middle; text-shadow: #fff5ab 1px 1px; color:#000; font-weight: bold; font-size: 13px; margin-bottom:10px;}
#sidebar ul{padding-left: 10px;}
#sidebar li {background: url("../images/yellowbullet.gif") no-repeat 10px 8px; padding-left:24px; margin-bottom:10px; font-size: 12px; line-height: 18px;}
#sidebar li strong {color:#000;} 
.withfeature #sidebar{margin-top:0px !important;}
.withfeature #main h1{display:none;}
.withfeature #feature{display:block;}
#moreinformation li.pdficon {background:url("../images/pdficon.gif") no-repeat 0px 0px;}


/* -----------------Sidebar Styles -----------------*/
#callouts{margin-bottom:50px; height:130px;  }
#callout1, #callout2, #callout3 {float:left; width:290px; margin-right:20px;}
#callouts p{line-height:16px; font-size:11px !important;}
#callouts h4{color:#fff; font-size: 14px; margin-bottom:10px;}
#callouts img {float:left; margin-right: 10px;}
#callouts a{color:#eccb26;}
#callouts a span{color:#336699;}
#callouts blockquote {font-size:15px; line-height:20px;}
#callouts sub{font-size:10px; font-style: italic;}

/* -----------------Footer Styles -----------------*/
#footer {background: url("../images/footerbg.gif") no-repeat top center; border-top:1px solid #fff;}
#home #footer {background: url("../images/footerbg.gif") no-repeat top center; border-top:1px solid #333;}

#footerpad {padding: 30px 0px 60px 0px;}
#footer p a{color:#fff; text-decoration:none; margin-right: 20px; border:none; padding:3px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#footer p a:hover{background:#eccb26; color:#000;  }
#footer p a:active{background:#792034; color:#fff;}
#footer p{color:#666; font-size: 11px; font-family:"trebuchet ms", arial, sans-serif; margin-bottom:10px;}


/* -----------------Social Media Icons -----------------*/
#socialmedia {color:#fff; float:right; zposition:absolute; zright: 0px; zbottom:30px; height:20px; font-family:"neosans", "trebuchet ms", arial, sans-serif;  }
#socialmedia img{margin:0px 0px -5px 7px;}