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:#ccc; 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;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; text-transform:uppercase; font-weight:bold; }
h3{font-family:Arial, Helvetica, sans-serif; font-size:90%; line-height:100%; color: #666; padding: 0 10px;}

/* 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:375px;  background:none; text-align:left;}
.pagetitle{font-family:Arial,Helvetica,sans-serif; font-size:14; color:#fff; padding:15px 0 5px 0;text-transform:uppercase; font-weight: bold;}
#country{float:left; text-align:right; width:415px;  background:none; } 
.country{font-family: "Arial Black", Arial;  font-size:14; color:#f93; padding:5px 0 0 0;text-transform:uppercase; font-weight: bolder;}
.signup{font-family: "Arial Black", Arial;  font-size:14; color:#f93; padding:0;text-transform:uppercase; font-weight: bolder;}

/* banner section end------------------------------------- */

/* Ad banner section ------------------------------------- */
#adbanner{float:left; width:790px; margin:5px 50px 25px 50px; background:#333; }
#adcontent{float:left; width:788px;  margin:1px; background:#666;}
#adleft{float:left; width:100px;  margin:10px;}
#adright{float:left; width:648px; height:80px;  margin:10px; padding-top:5px;}
.logopic{width:100px; height:auto;}
.t1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #fff; font-weight:bold; letter-spacing:0; line-height:30px; text-transform:uppercase;}
.t2{font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #fff; line-height:18px;}
/* Ad banner end ------------------------------------- */

#adbox{float:left; width:914px; height:394px; background: url(http://www.hydesails.com/image/adboxbg2.png) no-repeat; margin:0 20px 0 21px ; }
.adpic {width:860px; height:330px; margin:25px 25px 25px 29px;}
#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; background: url(http://www.hydesails.com/image/contentbg.png) repeat-y; margin:0 30px 0 35px ;}

#textbox{float:left; width:790px; margin:0 50px 10px 50px; background:#666;}
#textbox1{float:left; width:790px; margin:10px 50px;  background:none;}
#textbox2{float:left; width:790px; margin:0 50px 30px 50px;  background:#666;}
#textbox3{float:left; width:790px; margin:0 50px 10px 50px;  background:none;}

#picbox{ float:left; width:170px; margin:10px; background:#fff;}
#picboxport{ float:left;  margin:10px; background:#fff;}
.thumbland{width:150px; height:114px; margin:10px;}
.thumbport{height:150px; width:114px; margin:10px;}
.thumbsq{ width:114px; height:auto; margin:10px;}
.thumbsq2{ height:100px; width:auto; margin:10px;}
#copybox{float:left; width:590px; margin:10px 0 10px 10px;}
#copybox2{float:left; width:626px; margin:10px 0 10px 10px;}
#copybox3{float:left; width:680px; margin:10px;}
#copyboxfull{float:left; width:770px; margin:10px;}
.bodycopy {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:13px; line-height:18px; color:#fff;}


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



#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{height:80px; padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }





#horizontal{float:left; width:790px; margin: 25px 50px 0 50px; background:#444;}
#horizontal2{float:left; width:790px; margin: 25px 50px 25px 50px; background:#444;}
#hleft{float:left; width:180px; height:140px; margin: 10px 5px 10px 10px; background:#fff;}
#hright{float:left; width:580px; height:140px; margin: 10px 10px 10px 5px; background:none;}



/* contact page start ------------------------------------- */
#contactbox{float:left; width:790px; margin: 25px 50px 30px 50px; background:#fff;}
#contactcard{width:790px; height:395px;background:#fff; padding:0;}
#cont_left{width:320px; height:395px;}
#contact_right1{float:left; margin:10px ; width:425px; background:none;}
#contact_right2{float:left; margin:0 10px 10px 10px ; width:425px; background:none;}


/* 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;}
.title{font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #789; line-height:120%;}
.bignumbers{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #789; font-weight:bold; letter-spacing: 4.5px; line-height:140%;}
.medprint{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #789; line-height:140%;}
.smallprint{font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #789; line-height:180%;}

/* contact page end ------------------------------------- */

#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;}



/* 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 ------------------------------------- */

/* 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 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 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:200px; background:none; margin:0;}
	ul#vnav {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px ;list-style-type: none; text-transform:uppercase;}
	ul#vnav a {display: block;text-decoration:none; background: none; color:#ccc;padding: 8px 2px; }
	ul#vnav a:link {...}
	ul#vnav a:visited{...}
	ul#vnav a:focus{...}
	ul#vnav a:hover{color:#f93;background:none;}
	ul#vnav a:active{...}
	ul#vnav li{display:inline;}
	
#feedframe{float:left; width:890px; margin:0; background:none;}