@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px; outline:none;}
body{text-align:center; background-image:url(images/bg2.jpg); background-position:top; background-repeat:repeat-x; background-color:#000000;}
img, div{border:none; outline:none; behavior: url(iepngfix.htc);}
#browserWarning{display:none;}

@font-face{
font-family: "Century Gothic";
src: url("fonts/gothic.ttf");}

@font-face {
font-family: "Century Gothic Bold";
src: url("fonts/gothicb.ttf");}

#container{
width:920px;
height:auto;
margin:auto;
background-image:url(images/shadow.png);
}

#header{
width:900px;
height:283px;
margin:auto;
background-image:url(images/header.jpg);
position:relative;}
	#icons{position:absolute; bottom:0px; right:0px; width:100px; height:20px; margin:3px;}
	#racing{position:absolute; top:0px; right:20px; width:160px; height:60px;}
	#clothing{position:absolute; top:0px; right:150px; width:160px; height:60px;}
	
#headerclothing{
width:900px;
height:283px;
margin:auto;
background-image:url(images/header-clothing.jpg);
position:relative;}

#menu{
background-image:url(images/menu-bg.jpg);
height:62px;
width:900px;
margin:auto;
position:relative;
}

#sub-menu{
background-image:url(images/submenu-bg.jpg);
width:900px;
height:52px;
margin:auto;
position:relative;
}

ul#mainmenu{display:block; list-style:none; width:900px; height:40px; position:absolute; bottom:0px; font-size:15px;}
li.menu-item{display:block; float:left; width:150px; height:30px; font-family:"Century Gothic"; font-size:15px; color:#FFF; background-image:url(images/menu/menu-bg.png); padding-top:10px; behavior: url(iepngfix.htc);}

li.menu-item a:link{font-family:"Century Gothic"; font-size:15px; color:#FFF; text-decoration:none;}
li.menu-item a:visited{font-family:"Century Gothic"; font-size:15px; color:#FFF; text-decoration:none;}
li.menu-item a:hover{color:#FFF;}
.menu-item:hover{background-image:url(images/menu/menu-on.png); behavior: url(iepngfix.htc);}


ul#submenu{display:block; list-style:none; width:750px; height:40px; position:absolute; bottom:0px; left:150px;}
ul#submenubooking{display:block; list-style:none; width:750px; height:40px; position:absolute; bottom:0px; left:300px;}

li.submenu-item{display:block; float:left; width:150px; height:30px; list-style:none; text-align:center; font-family:"Century Gothic Bold"; padding-top:10px; color:#FFFFFF;}
li.submenu-on{background-image:url(images/menu/menu-bg.png); display:block; float:left; list-style:none; text-align:center; font-family:"Century Gothic Bold"; width:150px; height:30px; padding-top:10px; color:#FFFFFF; behavior: url(iepngfix.htc);}
li.submenu-item:hover{background-image:url(images/submenu.png); behavior: url(iepngfix.htc);}

li.submenu-item a:link{color:#FFFFFF !important; text-decoration:none; font-family:"Century Gothic Bold"; font-weight:bold; font-size:15px;}
li.submenu-item a:visited{color:#FFFFFF !important; text-decoration:none; font-family:"Century Gothic Bold"; font-weight:bold; font-size:15px;}


#content{
width:900px;
min-height:500px;
margin:auto;
text-align:left;
background-image:url(images/content-bg.png);}


#footer{
width:900px;
height:250px;
margin:auto;
background-image:url(images/content-bg.png);
text-align:left;
clear:both;
}
table#form{width:650px; float:left; clear:left; margin-left:50px;}

table#address{display:block; width:250px; height:auto; float:right; margin:20px;}

p.footer{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555;}
p.footer a:link{font-size:10px;}
p.footer a:visited{font-size:10px;}
p.footer a:hover{font-size:10px;}
#copyright{width:900px; height:auto; margin:auto; text-align:center; clear:both;}
#copyright div, a:link, a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none;}
#copyright a:hover{color:#0589CC;}


p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:20px; padding:15px;}
p a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0589CC;}
p a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0589CC;}
p a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0589CC; text-decoration:underline;}

p.description{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; padding-left:20px; line-height:normal;}
p.form{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding:2px; line-height:normal;}

label{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:20px; padding:15px;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#0589CC; padding-top:25px; padding:15px; clear:left;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0589CC; padding-top:25px; padding:15px; clear:left;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0589CC; padding-top:25px; padding:15px; clear:left;}
h4{}
h5{}
h6{}

img#contentimg{float:right; margin:10px; clear:right;}

#boats{display:block; width:680px; margin:auto;}
#boats div{width:300px; height:220px;}
img.boat{margin-left:20px; margin-right:20px; margin-bottom:5px; float:left;}

ul.gallery{float:left; clear:left;}
li.gallery-item{list-style:none; display:inline; margin:10px; width:200px; height:150px;}

table{display:block; margin:20px; color:#FFFFFF;}
table h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0589CC; padding:0px 20px 0px 0px !important;}
table p{padding:0px; padding-left:20px; color:#FFFFFF;}
table.courses{display:block; width:600px; margin:auto; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center;}
th{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0589CC; background-color:#FFFFFF; text-align:center;}

#content ul{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:20px; /*padding:15px;*/}
#content li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; /*padding-left:20px;*/}

#booking{float:right; background-image:url(images/booking.png); width:288px; height:325px; position:relative; margin:20px;}
h2.booking{display:block; position:absolute; right:20px; top:25px; color:#FFFFFF;}
#booking p{margin-top:100px; margin-left:20px;}
table#bookingtable{width:150px; display:block; margin:auto;}

#dhtmltooltip{
position: absolute;
width: 200px;
height:80px;
background-image:url(images/tele-bg.png);
/*background-color:#0066FF;*/
visibility: hidden;
z-index: 100;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}