/* *** By The Forge Web Creations - Cape Town Web Designers: http://www.theforge.co.za*** */
/* *** SeaView 10 Monte Carlo*** */



body{
margin:0;
padding:0;
background: #f5faff url('images/bg.jpg') repeat-x top;
line-height: 18px;
font-family: arial, helvetica, verdana;
font-size: 11px;
color: #333333;
}

a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

H1 {
	font-size: 18px;
	color: #356594;
	line-height: 24px;
	margin: 17px 0 20px 0;
	padding: 0;
}



H2 {
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 3px 0;
	padding: 0;
}

#container{
width: 922px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header{
width: 922px;
height: 579px;
margin:0;
padding:0;
}

#top{
width: 922px;
height: 170px;
margin:0;
padding:0;
background: url('images/top-bg.gif') bottom no-repeat;
}

#logo{
width: 273px;
height: 170px;
float: left;
margin:0px;
padding:0 0 0 41px;
border: 0;
}


#top-pic{
width: 922px;
height: 409px;
margin:0;
padding:0;
background: url('images/camps-bay.jpg') bottom no-repeat;
}

#content-con{
width: 840px; 
overflow: hidden;
margin: 0 auto;
background: url('images/content-bg.png') repeat;
}


#lsidebar{
float: left;
width: 260px;
margin: 0px;
padding: 0;
background: #dfefff url('images/navtop.jpg') top no-repeat;
overflow: hidden;
}

#box-t {
	margin: 0;
	width: 260px;
	height: 21px;
	background: url('images/boxtop.jpg') top no-repeat;
}

#box {
	margin: 0 auto;
	width: 231px;
	background: url('images/box-bg.jpg') bottom no-repeat;
}

#box-content {
	padding: 0 0 21px 17px;
	width: 198px;
	font-family: verdana, arial, helvetica;
	line-height: 16px;
}

#box-date {
	padding: 0 17px 5px 0px;
	text-align: right;}

#stars {
	text-align: center;
	padding: 38px 0px 40px 0px;
	}	


#content{
float: left;
width: 550px;
margin: 0 0 0 30px;
padding: 0;
}

#content p{
clear: both;
margin: 0 0 22px 0px;
}

#content-images {
	margin: 0;
	padding: 0px;
}

#image-l {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
}

#image-r {
	float: right;
	margin: 0;
	padding: 0 0 25px 0;
}

#content ul {
	clear: both;
	margin: 18px 0 18px 29px;
	padding: 0px;
	list-style: none;
}

#content li {
	margin: 0;
	padding-left: 30px;
	background: url('images/arrow.gif') top left no-repeat;
}

#footer{
clear: left;
width: 100%;
height: 263px;
background: url('images/footer-bg.jpg') top center no-repeat;
padding: 4px 0;
}

#footer-images {
	margin: 19px 0 0 0px;
	height:131px;
	padding: 0px 0 0 315px;
}

#footer-images li {
	float: left;
	margin: 0px 0 0 37px;
	list-style: none;
	padding: 0;
}

#footer-nav {
	width: 840px;
	margin: 0px 0 0 41px;
	text-align: center;
	padding: 0;
	color: white;
	text-transform: uppercase;
}

#footer-nav a {
	color: white;
	text-decoration: none;
}

#footer-nav a:hover {
	color: white;
	text-decoration: underline;
}

#footer-links {
	clear: left;
	margin:0 auto;
	width: 840px;
	padding: 32px 0 0 0px;
}

#footer-links a {
	color: #333333;
	text-decoration: none;
}

#footer-links a:hover {
	color: #333333;
	text-decoration: underline;
}

#links-l {
	margin: 0;
	float: left;
}

#links-r {
	margin: 0;
	float: right;
}

#res-spacer {
	height: 50px;
}

#acco-spacer {
	height: 140px;
}

/** BEGIN book now **/



 
#booknow {
			margin: 128px 0px 0 0px;
			padding: 0px 0px 0 415px;
			text-indent: -9999px;
			float: left;
			outline: none;
			height: 42px;
			width: 159px;
			
			
		}
		
		#booknow ul {
	list-style: none;
	border-top: none;
	padding: 0;
	margin: 0px;
	}
		
		
	#booknow li a {
	height: 42px;
	width: 159px;
  	voice-family: inherit;
	text-decoration: none;
	}
	
	#booknow li a:link, #booknow li a:visited {
	color: #fff;
	display: block;
	background:  url(images/book-butt.png);
	padding: 0px;
	}	
	
	#booknow li a:hover {
	color: #000;
	background:  url(images/book-butt.png) 0 -42px;
	padding: 0px;
	}

 
    
/** END book now **/

/** BEGIN navigation **/

#navi{
	margin:23px 0 28px 0; 
	padding:0px;
	height: 216px;
	
	
}


.navmenu {
    background:url("images/nav-bg.png") no-repeat;
    width:260px;
    height:216px;
    overflow: hidden;
    margin:0px;
    padding:0;
    }
 



    .navmenu span {
    display: none;
    }
 
    .navmenu li, .navmenu a {
    display:block;
    list-style: none;
    height: 36px;
    
    }
 
    .navmenu li {
    list-style:none;
    display:inline;
    }
 
    .home {width: 260px; height: 36px;}
    .accommodation {width: 260px; height: 36px;}
    .facilities-services {width: 260px; height: 36px;}
    .campsbay {width: 260px; height: 36px;}
    .rates {width: 260px; height: 36px;}
    .reservations {width: 260px; height: 36px;}

   
 
    .home a:hover {background:url("images/nav-bg.png") -260px 0px no-repeat; }
    .accommodation a:hover {background:url("images/nav-bg.png") -260px -36px no-repeat; }
    .facilities-services a:hover {background:url("images/nav-bg.png") -260px -72px no-repeat; }
    .campsbay a:hover {background:url("images/nav-bg.png") -260px -108px no-repeat; } 
    .rates a:hover {background:url("images/nav-bg.png") -260px -144px no-repeat; } 
    .reservations a:hover {background:url("images/nav-bg.png") -260px -180px no-repeat; } 

 #home li.home a /*--Home Page > Home Link--*/
	{background:url("images/nav-bg.png") -260px 0px no-repeat; }
 #accommodation li.accommodation a 
	{background:url("images/nav-bg.png") -260px -36px no-repeat; }
#facilities-services li.facilities-services a 
	{background:url("images/nav-bg.png") -260px -72px no-repeat; }
#campsbay li.campsbay a 
	{background:url("images/nav-bg.png") -260px -108px no-repeat; }
#rates li.rates a 
	{background:url("images/nav-bg.png") -260px -144px no-repeat; }
#reservations li.reservations a 
	{background:url("images/nav-bg.png") -260px -180px no-repeat; }

    
   
/** END navigation **/

.loader {
	
}

.bar{
	display:none;	
	background: url('ajax-loader.gif') no-repeat;
	margin-left:20px;
	margin-top:50px;
	height:20px;
	width: 230px;
}

/*-----------------------contact_form-------------------*/
.cssform p{
width: 300px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform input[type="text"]{ 
width: 180px;
}


.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}