body{text-align:center; background:none; color:#444;}
a:link{color:#036; text-decoration:none;}
a:visited{color:#036; text-decoration:none;}
a:hover, a:active {color:#f93; text-decoration:none;}

#container{width:960px; text-align:left; margin: -8px auto; background:none;}
#bgtop{float:left; width:960px; background: url(http://www.hydesails.com/image/containerbg2a.png) no-repeat;}
#bgbtm{float:left; width:960px; height:54px; background: url(../images/containerbg2btm.png) no-repeat;}


/* banner section ------------------------------------- */
#banner{float:left; width:890px; background:none; margin:40px 35px 30px 35px;}
#bannerleft{float:left; width:62px; height:72px; margin:0 26px 0 12px; background:none;}
#bannerright{float:left; width:790px; height:90px; background: none;}
#pagetitle{float:left;width:790px;  background:none; text-align:left;}
.pagetitle{font-family:Arial,Helvetica,sans-serif; font-size:14; color:#fff; padding:15px 0 5px 2px;text-transform:uppercase; font-weight: bold;} 
/* banner section end------------------------------------- */


#adbox{float:left; width:914px; height:284px; background: url(../images/adboxbg.png) no-repeat; margin:0 20px 0 21px ; }
.adpic {width:890px; height:220px; margin:10px 10px 10px 14px;}
#adtext{float:left; width:910px; background:none; margin:0;}
#offertext{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:inherit; color:#036; padding:5px 34px; font-weight: 800; text-transform: uppercase; letter-spacing:1px;}
 

#content {float:left; width:890px; height:355px; background: url(../images/contentbg.png) repeat-y; margin:0 30px 0 35px ;}
#contentpg2 {float:left; width:890px; background: url(../images/contentbg.png) repeat-y; margin:0 30px 10px 34px;}

#textbox{width:790px; margin:20px 50px;}
.bodycopy {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:120%; color:#fff;}


#quicklink01{float:left; width:243px; height:150px; margin: 10px 15px 20px 50px; background: #FFf;}
#quicklink02{float:left; width:243px; height:150px; margin:10px 15px 20px 15px; background: #FFf;}
#quicklink03{float:left; width:243px; height:150px; margin:10px 50px 20px 15px; background: #FFf;}
.quicklinkpic{width:222px; height:140; margin:10px 10px 0 10px;}

#insigniamenu{width:792px; margin:20px 48px 20px 50px;}
.insignia{width:29px; height:29px; margin:0;}

#footer{ width:890px; background:none; margin: 8px 30px 8px 34px ; text-align:left;}
.footertext{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin-left:0;}

#subcontent{ width:890px; height:600px; background:none; margin:0 auto; border-top: solid 1px #FF9900;}
#subtextbox{ text-align:left; width:790px; margin:30px 50 0 50px;}
.subbodycopy {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:120%; color:#ccc;}


#introbox{float:left; width:914px; height:140px; background: url(../images/infoboxbg.png) no-repeat; margin:0 20px 0 20px ;}
#introleft{float:left; width:243px;}
#introright{float:left; width:650px; height:116px; margin:10px;background:#FFFFFF;}
.intropic{width:222px; height:117; margin:10px 5px 10px 15px;}
.introtext{height:80px; padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }

#productbox{float:left; width:790px; height:520px; margin: 10px 15px 40px 50px; background:#fff;}


#textboxhalfL{float:left; width:380px; margin:5px 10px 5px 50px;}
#textboxhalfR{float:left; width:380px; margin:5px 50px 5px 10px;}

#iframeboxhalfL{float:left; width:380px; margin:0px 5px 50px 50px; background:#333; border-top:10px solid #fff; border-left:10px solid #fff; border-bottom:10px solid #fff;}
#iframeboxhalfR{float:left; width:380px; margin:0px 50px 50px 5px; background:#333; border-top:10px solid #fff; border-left:10px solid #fff; border-bottom:10px solid #fff;}

#iframebox{float:left; width:780px; margin:50px 50px 50px 50px; background:#333; border-top:10px solid #fff; border-left:10px solid #fff; border-bottom:10px solid #fff;}
#iframebox2{float:left; width:770px; margin:50px 50px 50px 50px; background:#333; border-top:10px solid #fff; border-left:10px solid #fff; border-bottom:10px solid #fff; border-right:10px solid #fff;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-transform:uppercase; }


h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:100%; color:#666; padding:0 10px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:90%; line-height:100%; color: #666; padding: 0 10px;}


/* KBfooter section ------------------------------------- */
#KBfooter{float:left; width:960px; height:30px; background:none; margin:20px 0 30px 0; text-align:left;}
#KBleft{float:left; width:150px; background:none; margin:0 10px 0 0;}
#KBright{float:left; width:800px; background:none;  margin:11px 0 0 0; text-align:left; text-transform:uppercase; font-weight:bold; }
.KBcopy{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; }
.KBcopy a:link{color:#666; text-decoration:none;}
.KBcopy a:visited{color:#666; text-decoration:none;}
.KBcopy a:hover, a:active {color:#87CEFA; text-decoration:none;}
/* KBfooter end ------------------------------------- */	



/* horizontal navigation ------------------------------------- */
    #navigation {float:left; width:790px; height:45px; background:none; padding:0; border-top: solid 1px #FF9900;}
	ul#navigation {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0;list-style-type: none; float: left; width: 100%; font-weight:bold;}
	ul#navigation li {display: inline;}
	ul#navigation a {display: block; float:left; padding:5px 10px 0 2px ; text-decoration:none; color:#FFFFFF; background:none;}
	ul#navigation a:link {...}
	ul#navigation a:visited{...}
	ul#navigation a:focus{...}
	ul#navigation a:hover{color:#f93;background:none;}
	ul#navigation a:active{...}

/* vertical navigation ------------------------------------- */
	
	#vnav{float:left; width:242px; background:none; padding:0; margin:20px 0 0 20px ;}
	ul#vnav {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12; padding:10px;list-style-type: none;}
	ul#vnav a {display: block;text-decoration:none; background: none; color:#ccc;padding: 2px; width:222px;}
	ul#vnav a:link {...}
	ul#vnav a:visited{...}
	ul#vnav a:focus{...}
	ul#vnav a:hover{color:#ccc;background:none;}
	ul#vnav a:active{...}
	ul#vnav li{display:inline;}