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

/* 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:14; 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:14; color:#f93; padding:15px 0 5px 0;text-transform:uppercase; font-weight: bolder;}
/* banner section 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: inherit; width:890px; height:355px; 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;}

#textbox{width:790px; margin:20px 50px;}
#textbox2{width:790px; margin:20px 50px 10px 50px;}
.bodycopy {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; 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;}



#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; min-height:160px;  margin: 20px 50px 1px 50px; background:#444;}
#horizontal2{float:left; width:790px; height:160px; margin: 20px 50px 25px 50px; background:#444;}

#hright{float:left; width:770px;  margin: 10px 10px 10px 5px; background:none;}

/* page3 section ------------------------------------- */
#horizontal_pg3{float:left; width:790px; margin: 20px 50px 20px 50px; background:#444;}
#bknextmenu{float:left; width:790px; margin:20px 50px 0  50px;}
#bknextmenu2{float:left; width:790px; margin:0 50px 20px  50px;}
#signupright{float:left; width:250px; margin:10px;}


/* 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{float:left; width:280px; margin:20px; background:none;}
#cont_right{float:left; margin:10px ; width:550px;  background:none; text-align:left;}
#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 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{...}

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