/* *** css by The Forge Web Creations *** */

body {
font:12px verdana, Helvetica, arial, sans-serif; color: #517d92;
line-height: 18px;
background:#fff url(images/bg.jpg) repeat-x;
padding:0px;
margin:0px;
}
a {color: #2cac8c;text-decoration: none;}
a:visited {color:#2cac8c;text-decoration: none;}
a:hover {color: #2cac8c;text-decoration: underline;}
a:active { color:#2cac8c;text-decoration: none;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font:20px arial, verdana, Tahoma, Helvetica, sans-serif; color: #2cac8c;
font-weight: normal;
padding: 0px 0px 15px 0px;
margin:0px;}

h3 {
font:22px Tahoma, Helvetica, arial, verdana, sans-serif; color: #cc3300;
font-weight: normal;
padding: 0px 0px 15px 0px;
margin:0px;}

h4 {
font:13px arial, verdana, Helvetica, sans-serif; color: #cc3300;
font-weight: bold;
padding: 0px;
margin:0px;}

h5 {
font:15px arial, verdana, Helvetica, sans-serif; color: #517D92;
margin: 5px 0 0 0;
font-weight: bold;
}

h6 {
font:15px arial, verdana, Helvetica, sans-serif; color: #517D92;
margin:28px 0 0 0;
font-weight: bold;
}

img.download {vertical-align:middle;}

.clearfloats {
clear: both;
}


/* ----------container to center the layout-------------- */
#container {
width: 980px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

/* ----------header-------------- */



#header {
width: 980px;
height: 610px;
margin-left: auto;
margin-right: auto;
background:#fff url(images/retreat-bettysbay.jpg) top no-repeat;
}





/* -----------------flags--------------------- */
#flags {

width: 104px;
height: 25px;
padding: 0px;
margin: 0px;
padding: 585px 50px 0px 827px;
}

#frenchflag {
width: 52px;
height: 25px;
padding: 0px;
margin: 0px;
float: left;
background: url(images/french.gif) no-repeat;
}

#germanflag {
width: 52px;
height: 25px;
padding: 0px;
margin: 0px;
float: right;
background: url(images/german.gif) no-repeat;
}

/*- Navigation--------------------------- */

#menu1 ul {
	list-style: none;
	margin: 0;
	padding: 30px 0 0 40px;
	}
	
#book ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu1 {
	width: 225px;
	margin: 0px;
	}
	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #515d92;
	display: block;
	height: 15px;
	font:14px verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 20px;
	
	}
	
#menu1 li a:hover {
	color: #2cac8c;
	font:14px verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}
	
/* -----------------table--------------------- */

table.ex1 {
table-layout:auto
}

/* -----------------content--------------------- */



#content {
width: 623px;
float:left;
background-color: #ffffff;
padding: 0px;
margin-left: 30px;
margin-bottom: 20px;

}

#rooms-left {
width: 300px;
float:left;
padding: 0px;
margin: 0px;

}



#rooms-right {
width: 302px;
float:left;
padding: 0px;
margin: 0px 0 0px 21px;

}



#divider {
height:25px;
clear:left;
}

div#content { 
min-height:550px;
height:auto; 
}

p, pre{
padding: 18px 0px 0px 0px;
margin:0px;
}

/* --------------right navi------------- */
#right {
float: right;
width: 267px;
height:660px;
margin: 0 30px 0 0;
padding: 0px;
background:#fff url(images/nav-bg.jpg) top no-repeat;
}

/* -----------------popup--------------------- */
#languages {

width: 300px;
background-color: #ffffff;
padding: 30px;
margin: 0px;
border: solid #e1f5fd 10px;
}


/* -----------------comments--------------------- */
#guestcomments {

width: 200px;
padding: 30px 30px 30px 30px;
margin: 0px;
font-size: 11px;
}

#comments {

width: 200px;
padding: 0px 30px 30px 0px;
margin: 0px;
font-size: 11px;
}



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




/* -----------footer--------------------------- */
#footer {
clear: both;
height: 352px;
margin-top: 17px;
padding: 0px;
font:11px arial, Helvetica, sans-serif; color:#333333;
line-height: 18px;
background:  url(images/beach-footer.jpg) no-repeat;
text-align: center;
 }
 
.footerlinks {
margin: 0px;
padding-top: 325px;
font:11px arial, Helvetica, sans-serif; color:#333333;

 }
a.footlinks { color:#333333; text-decoration: none}
a.footlinks:hover {
    text-decoration: underline;
}
.footlinks:visited { color:#333333; text-decoration: none}
.footlinks:active { color:#333333; text-decoration: none}


#navleft {
float: left;
width: 111px;
margin-top: 27px;
padding: 0px;
line-height: 18px;
text-align: right;
 } 

#navright {
float: left;
width: 141px;
margin-top: 27px;
padding-left: 44px;
text-align: left;
 }
 
#bottom {
padding-top: 10px;
padding-bottom: 30px;
background: #e1f5fd;
font:11px arial, Helvetica, sans-serif; color:#2cac8c;

 }
 
#forge {
float: left;
margin: 0;

 }
 
#booking {
	padding-top:230px;
	text-align:center;
}

#crier {
	margin-top:30px;
	text-align:center;
}

#worldcup {
	width: 247px;
	padding: 10px;
	margin-top:30px;
	text-align:center;
	background-color: #f1f5fe;
	border: 1px solid #d2dff4;
	color: #64AC8C;
}
 
#copyright {
float: right;
margin: 0;
text-align: right;

 }
 
 .copyright:link { color:#2cac8c;}
a.copyright:hover {
    text-decoration: none;
}
.copyright:visited { color:#2cac8c; text-decoration: none}
.copyright:active { color:#2cac8c; text-decoration: none}