body{
text-align: center; 
font-size: 75%; 
font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,"Sans-Serif";}
/* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth) */

html > body   { font-size: 12px; }  /* All other browsers */



/*see can this be improved upon*/
#header h1 {  
text-indent:-9999px;  
margin-bottom:62px;
}  


#wrapper{
margin: 0 auto; /*centers the div*/
text-align:left;
width:830px;
}

#header{
background: #fff url(images/bg_header.gif) no-repeat top left;
height:116px;
padding: 0;
margin:0;
}



#primarycontent{
float:left;
width:485px;
margin-bottom:30px;
padding-top:6px;
}   

#primarycontent p{
font-size:1.2em;
line-height:1.6em;
}


#secondarycontent{
float:left;
width:200px;
margin-left:25px;}

h1 { 
font-size: 2em; 
line-height: 1; 
margin-bottom: 0.5em;
color:#004E70; }

h2{
font-size: 1.6em; 
line-height: 1; 
color:#004E70;
}

#footer {
clear: both;
 border-top: 1px solid #eee; 
 background-color:#88CCEE;

}

#secondarycontent img{border:1px solid #88CCEE;}

#footer p{padding-left:20px;}

#footer p a{text-decoration:none; background:none; color:#FEFEBE;}
 
.mainimg{
border:none;
margin:10px 2px 10px;} 
 
 /* Rollover make an enquiry sprite */
 
#enquiry
{
display: block;
width: 222px;
height: 42px;
background: url("images/enquiry_button.gif") no-repeat 0 0;
}



#enquiry:hover
{ 
background-position: 0 -50px;
}


#enquiry span{
display: none;
}
 
 
 /* Tooltip */

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px; }

a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

img{border:none;}

img.icon{margin-left:4px; padding:none;}




/*NAVIGATION*/


.nav_container {
margin:0 auto;
width: 828px;
padding-top:80px;
border:1px solid red;
}

#navMenu{
display: inline;
margin: 0;
padding: 0px;
position: relative;
z-index: 5;
}

#navMenu li{
float: left;
display: inline;
}


#navMenu li.first{
float: left;
display: inline;
padding-left:340px;
}


/*home button*/
a.navhome, a.navhome_a{
	display:block;
	float:left;
	width:101px;
	height:29px;
	background: url("images/home_button.jpg");
	background-repeat:no-repeat;
}
a.navhome:hover{

	background: url("images/home_button.jpg") 0 58px;
}
a.navhome_a{

	background: url("images/home_button.jpg") 0 29px;
}



/*contact button*/

a.navcontact, a.navcontact_a{
	display:block;
	float:left;
	width:101px;
	height:29px;
	background: url("images/contact_button.jpg");
	background-repeat:no-repeat;
}
a.navcontact:hover{

	background: url("images/contact_button.jpg") 0 58px;
}
a.navcontact_a{

	background: url("images/contact_button.jpg") 0 29px;
}

/*rooms button*/



a.navrooms, a.navrooms_a{
	display:block;
	float:left;
	width:101px;
	height:29px;
	background: url("images/rooms_button.jpg");
	background-repeat:no-repeat;
}
a.navrooms:hover{

	background: url("images/rooms_button.jpg") 0 58px;
}
a.navrooms_a{

	background: url("images/rooms_button.jpg") 0 29px;
}

/*activities button*/



a.navactivities, a.navactivities_a{
	display:block;
	float:left;
	width:101px;
	height:29px;
	background: url("images/activities_button.jpg");
	background-repeat:no-repeat;
}
a.navactivities:hover{

	background: url("images/activities_button.jpg") 0 58px;
}
a.navactivities_a{

	background: url("images/activities_button.jpg") 0 29px;
}

/*Form*/
 label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}

 input,textarea
{

background: #FBF5BA;
border: 1px solid #999988;
}