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

#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(http://www.hydesails.com/image/containerbg2btm.png) no-repeat;}

#content {float:inherit; width:890px; background: url(http://www.hydesails.com/image/contentbg.png) repeat-y; margin:0 30px 0 35px ;}
#contentpg2 {float:inherit; width:890px; background: url(http://www.hydesails.com/image/contentbg.png) repeat-y; margin:0 30px 10px 35px;}

/* banner section ------------------------------------- */
#banner{float:left; width:890px; height:90px; 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:395px;  background:none; text-align:left;}
.pagetitle{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#fff; padding:15px 0 5px 0;text-transform:uppercase; font-weight: bold;}
#country{float:left; text-align:right; width:390px;  background:none; } 
.country{font-family: "Arial Black", Arial;  font-size:14px; color:#f93; padding:15px 0 5px 0;text-transform:uppercase; font-weight: bolder;}
/* banner section 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 15px 0 0 ; 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{...}		
/* horizontal navigation end ------------------------------------- */

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

/* text section ------------------------------------- */
h1{ font-weight:normal;}
h2{font-family:Arial, Helvetica, sans-serif;}

.header2{font-size:15px; color: #0c0c0c; line-height:18px;}
.title2{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#666; padding:5px 0 ;text-transform:uppercase; font-weight: bold;}
.title3{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#fff; padding:0;text-transform:uppercase; font-weight: bold;}

.title{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0c0c0c; line-height:18px;}
.subtitle{font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:14px; color:#fff; padding:15px 0 5px 0;text-transform:uppercase; font-weight: bold;}
.subtitle2{font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:14px; color:#666; padding:15px 0 5px 0;text-transform:uppercase; font-weight: bold;}
.bodycopy {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#fff;}
.bodycopy2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#666;}






/* contact page start ------------------------------------- */
#horizontal{float:left; width:790px; margin: 20px 50px 1px 50px; background:#444;}
#horizontal2{float:left; width:790px;  margin: 20px 50px 25px 50px; background:#444;}
#hleft{float:left; width:200px; height:160px; margin:0; background:none;}
#hright{float:left; width:560px; padding:0 0 10px 0; margin: 10px 10px 10px 5px; background:none;}
.leftpic{float:left; margin: 10px 5px 10px 10px;}

.onecol{float:left; width:238px;  background:none; margin: 10px 0 10px 10px;}
.twocol{float:left; width:270px;  background:none; margin: 10px 5px 10px 10px;}
.threecol{float:left; width:630px;  margin:10px 10px 10px 5px; background:none;}
.fourcol{float:left; width:770px;  margin: 10px 10px 10px 5px; background:none;}

.horizontal{float:left; width:790px;  margin: 20px 50px 1px 50px; background:#444;}
.horizontal2{float:left; width:790px;  margin: 20px 50px 25px 50px; background:#444;}
.leftpic{margin: 10px 5px 10px 10px;}

.addresscol{float:left; width:270px;  background:none; margin: 0 5px 10px 10px;}
.biopicframe{float:left; width:130px; background:#fff; margin: 10px 5px 10px 10px;}
.biopicframe1{float:left; width:130px; background:#fff; margin: 25px 5px 10px 10px;}
.biopic{width:128px; height:auto; margin:1px; }

#contactbox{float:left; width:790px; margin: 25px 50px 30px 50px; background:#fff;}
#contactcard{width:790px; background:#fff; padding:0;}
#cont_left{float:left; width:300px; margin:10px; background:none;}
#cont_right{float:left; width:300px; margin:10px; background:none; text-align:left;}
#contact_right2{float:left; margin:0 10px 10px 10px ; width:425px; background:none;}




/* Ad banner section ------------------------------------- */
#adbanner{float:left; width:790px; margin:5px 50px 25px 50px; background:#333; }
#adbanner2x2a{float:left; width:390px;  margin:5px 2px 25px 50px; background:#333; }
#adbanner2x2b{float:left; width:390px;  margin:5px 50px 25px 2px; background:#333; }
#adcontent{float:left; width:788px;  margin:1px; background:#666;}
#adcontent2x2a{float:left; width:388px; height:120px; margin:1px; background:#666;}
#adcontent2x2b{float:left; width:388px; height:120px; margin:1px; background:#666;}
.adleft{float:left; background:#fff;  margin:10px;}
.adright{float:left; width:648px; height:80px;  margin:10px; padding-top:5px;}
.adright2x2{float:left; width:220px; height:80px;  margin:10px 10px 10px 5px; padding-top:5px;}
.adright2x2full{float:left; width:370; height:96px;  margin:10px; padding-top:5px;}
.logopic{height:90px; width:auto; margin:5px;}
.t1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color: #fff; font-weight:bold; letter-spacing:1px; line-height:36px;}
.t2{font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #999; line-height:18px;}
#adleft{float:left; background:#fff;  margin:10px;}
#adright{float:left; width:648px; height:80px;  margin:10px; padding-top:5px;}
/* Ad banner end ------------------------------------- */

/* footer ------------------------------------- */
#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;}
.footertext a:link{color:#036; text-decoration:none;}
.footertext a:visited{color:#036; text-decoration:none;}
.footertext a:hover, a:active {color:#f93; text-decoration:none;}
/* footer end ------------------------------------- */

/* customerservices box ------------------------------------- */
#custborder{float:left; width:790px; height:155px;  margin:0 50px 40px 50px; background:#ccc;}
#customerservices{float:left; width:770px; height:135px;  margin:10px; background:#fff;}
.skypebtn{float:left; margin:10px;}
#CScontactdetails {float:left; width:494px; margin:15px  0 15px 10px; background: none;}
.lineone{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#789; line-height:24px;}
.bignumbers{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#789; font-weight:bold; letter-spacing: 4.5px; line-height:25px;}
.medprint{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#789; line-height:18px;}
.smallprint{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#789; line-height:16px;}
/* customerservices box end ------------------------------------- */

/* KBfooter section ------------------------------------- */
#KBfooter{float:left; width:960px; height:30px; background:none; margin:0 0 20px 0; text-align:left;}
#KBleft{float:left; width:150px; background:none; margin:0 10px 0 5px;}
#KBright{float:left; width:795px; 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 section end ------------------------------------- */