body{
     background-color:#FFFFFF; 
	 margin-top: 0px; 
	 background-image:url(images/bg.jpg);
	 background-repeat:repeat-x;
	 margin-bottom: 0px; 
	 margin-left: 0px; 
	 margin-right: 0px;
	 font:tahoma;
}
#menu {
	width: 800px;
	height: 31px;
	position:absolute;
}


#nav
{
	list-style:none;
	padding:0;
	float:left;
	background-color:#ffffff;
	margin:0px;
	margin-left:5px;
	margin-top:0px;
}
#nav li 
{
	float:left;
	color:#990000;
	margin:5px;
}
#nav li a
{
	color:#990000;
	display:block;
	width:102px;
	padding: 1px 1px 1px 1px;
	padding-top:1px;
	text-align: center;
	text-decoration: none;
	background: transparent url(aaa.png) no-repeat top center;
	background-color:#CCCCCC;
	border:1px solid #000000;
}
#nav li a strong {
 color: #000;
 font-size: larger;
 display: block;

}
#nav li a:hover
{
	background-color:#999999;
	border:1px solid #fff;
}





var {
visibility: hidden;
}
#menu a {
text-decoration: none;
display: block;
float: left;
height: 31px;
}
a.thespot {
width: 110px;
background: url(images/kite_02_.jpg) no-repeat 0px 0px;
}
a.surfcam {
width: 110px;
background: url(images/kite_02_.jpg) no-repeat -110px 0px;
}
a.cources {
width: 80px;
background: url(images/kite_02_.jpg) no-repeat -220px 0px;
}
a.services {
width: 85px;
background: url(images/kite_02_.jpg) no-repeat -300px 0px;
}
a.prices {
width: 70px;
background: url(images/kite_02_.jpg) no-repeat -385px 0px;
}
a.gallery {
width: 80px;
background: url(images/kite_02_.jpg) no-repeat -455px 0px;
}
a.nowindstuff {
width: 140px;
background: url(images/kite_02_.jpg) no-repeat -535px 0px;
}
a.nightlife{
width: 125px;
background: url(images/kite_02_.jpg) no-repeat -670px 0px;
}



a:hover.thespot {
background: url(images/kite_02_.jpg) no-repeat 0px -31px;
}
a:hover.surfcam {
background: url(images/kite_02_.jpg) no-repeat -110px -31px;
}
a:hover.cources {
background: url(images/kite_02_.jpg) no-repeat -220px -31px;
}
a:hover.services {
background: url(images/kite_02_.jpg) no-repeat -300px -31px;
}
a:hover.prices {
background: url(images/kite_02_.jpg) no-repeat -385px -31px;
}
a:hover.gallery {
background: url(images/kite_02_.jpg) no-repeat -455px -31px;
}
a:hover.nowindstuff {
background: url(images/kite_02_.jpg) no-repeat -535px -31px;
}
a:hover.nightlife {
background: url(images/kite_02_.jpg) no-repeat -670px -31px;
}

#Table_01 {
	position:absolute;
	left:100px;
	top:0px;
	width:800px;
	height:822px;
	border:2px;
	border-left:outset;
	border-left-style:groove;
	border-color:#CC6600;
	border-right:solid;
	border-right-style:ridge;
	border-color:#CC6600;
	border-width:thick;
	
}

#kite-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:26px;
	background-color:#69200F;
}

#kite-02 {
	position:absolute;
	left:0px;
	top:26px;
	width:800px;
	height:31px;
}

#kite-03 {
	position:absolute;
	left:0px;
	top:31px;
	width:30px;
	height:326px;
}

#kite-04 {
	position:absolute;
	left:30px;
	top:31px;
	width:739px;
	height:79px;
}

#kite-05 {
	position:absolute;
	left:769px;
	top:31px;
	width:31px;
	height:326px;
}

#kite-06 {
	position:absolute;
	left:30px;
	top:90px;
	width:739px;
	height:201px;
}

#kite-07 {
	position:absolute;
	left:30px;
	top:336px;
	width:739px;
	height:21px;
}

#kite-08 {
	position:absolute;
	left:0px;
	top:357px;
	width:28px;
	height:465px;
}

#kite-09 {
	position:absolute;
	left:28px;
	top:357px;
	width:382px;
	height:330px;
}

#kite_09 {
	position:absolute;
	left:28px;
	top:357px;
	width:744px;
	height:39px;
	background:url(images/kite-09.jpg);
	font-family:tahoma;
	font-size:12px;
	color:#69200F;
	font-weight:bold;
}

div#kite-10 {
	position:absolute;
	left:410px;
	top:357px;
	width:362px;
	height:330px;
	
	background:url(images/kite_10.jpg);
	 
	 font-family:tahoma;
	 font-size:11px;
	 color:#69200F;
	 padding-left:0px;
	 text-align:justify;
	 
	 
	 
}

#kite_10 {
	position:absolute;
	left:8px;
	top:0px;
	width:355px;
	height:325px;
	
	background:url(images/kite_10.jpg);
	 
	 font-family:tahoma;
	 font-size:11px;
	 color:#69200F;
	 padding-left:0px;
	 text-align:justify;
	 overflow:auto;
	 scrollbar-arrow-color:#F79F07;
	scrollbar-base-color:#C1712A;
	scrollbar-darkshadow-color:#69200F;
	scrollbar-highlight-color:#ecccfc;
	scrollbar-shadow-color:#ecccfc;
	scrollbar-track-color:#f5f5f5;
	 
}

#kite_11 {
	position:absolute;
	left:28px;
	top:396px;
	width:744px;
	height:291px;
	
	background:url(images/kite-11.jpg);
	
}

#kite_11_ {
	position:absolute;
	left:6px;
	top:2px;
	width:725px;
	height:285px;
	background-color:#FFFFFF;
	font-family:tahoma;
	font-size:11px;
	color:#69200F;
	padding-left:0px;
	text-align:justify;
	padding-left:5px;
	padding-right:5px;
	overflow:auto;
	scrollbar-arrow-color:#F79F07;
	scrollbar-base-color:#C1712A;
	scrollbar-darkshadow-color:#69200F;
	scrollbar-highlight-color:#ecccfc;
	scrollbar-shadow-color:#ecccfc;
	scrollbar-track-color:#f5f5f5;
}

#kite-11 {
	position:absolute;
	left:772px;
	top:357px;
	width:28px;
	height:465px;
}

#kite-12 {
	position:absolute;
	left:28px;
	top:687px;
	width:744px;
	height:28px;
}

#kite-13 {
	position:absolute;
	left:28px;
	top:715px;
	width:744px;
	height:24px;
}

#kite-14 {
	position:absolute;
	left:28px;
	top:739px;
	width:272px;
	height:83px;
}

#kite-15 {
	position:absolute;
	left:300px;
	top:739px;
	width:74px;
	height:14px;
}

#kite-16 {
	position:absolute;
	left:374px;
	top:739px;
	width:85px;
	height:14px;
}

#kite-17 {
	position:absolute;
	left:459px;
	top:739px;
	width:46px;
	height:14px;
}

#kite-18 {
	position:absolute;
	left:505px;
	top:739px;
	width:267px;
	height:83px;
}

#kite-19 {
	position:absolute;
	left:300px;
	top:751px;
	width:205px;
	height:69px;
}
.link{
     text-decoration:underline;
	 color:#69200F;
	 }
.link:hover{
     text-decoration:none;
	 }
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointed.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}
#kite-15a {
	position:absolute;
	left:300px;
	top:737px;
	width:74px;
	height:14px;
}

#kite-16a {
	position:absolute;
	left:374px;
	top:737px;
	width:85px;
	height:14px;
}

#kite-17a {
	position:absolute;
	left:459px;
	top:737px;
	width:46px;
	height:14px;
}
/***************new add************/
#bottom {
	position:absolute;
	left:251px;
	top:735px;
	width:497px;
	height:14px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	}
#bottom span{
	color:	#FC9B0C; 
    text-decoration:none;}
#bottom span:hover{
    color:	#FC9B0C;
    text-decoration:none;
		}
	
#bottom:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	}	
.bottom1 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	}		
.bottom1:hover {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	}