/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


* {margin:0; padding:0;}

body {
font-family:Tahoma, Arial, Helvetica, sans-serif;
background-color:#c6a728;


}
#mainwrap {position:relative;
width:939px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
}
#header {
	position:relative;
	widows:auto;
	height:199px;
	background-image:url(css/head.jpg);
	background-repeat:no-repeat;
}

#nav {
	position:absolute;
	top:162px;
	left:0;
	width:905px;
	height:28px;
	background-repeat:repeat-x;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	font-size:.85em;
	color:#fff;
}

#nav ul li {display:inline; list-style-type:none; padding-right:3px; padding-left:3px; padding-top:6px; padding-bottom:6px;}


#nav ul li a {color:#fff; text-decoration:none;}

#nav ul li a:hover {text-decoration:underline;}



#content {
	position:relative;
	background-image:url(css/content_back1.gif);
	background-repeat:repeat-y;
	width:auto;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
}

#content p {
font-size: 80%;
letter-spacing: 0.1em;
line-height:18px;
margin-bottom:20px;
margin-right:290px;
}


#content img {float:right; margin-right:40px;}

h1 {font-size:1.43em; padding-bottom:15px; letter-spacing: 0.1em;
}

h2 {font-size:1.39em; padding-bottom:15px; letter-spacing: 0.1em;
}

#footer {
	position:relative;
	width:auto;
	height:47px;
	padding-right:35px;
	padding-top:50px;
	background-image:url(css/footer2.gif);
	background-repeat:no-repeat;
	color:#CCCCCC;
	font-size:.8em;
	text-align:right;
}

div#formcontainer 
{
	width:69%;
	margin-left:0em;
	margin-top:0px;
	margin-bottom:2em;
	font-weight: bold;
}
div#formcontainer h3 
{margin:20px 0 0 10px; 
font-weight:bold; 
} 
div#formcontainer h4 
{margin:0 0 5px 10px; 
font-weight:normal; 
}

div#formcontainer div.clearfix 
{ 
padding:10px 0px; 
vertical-align:top;} 
div#formcontainer form label {width:240px; 
float:left; 
 
margin:0 10px;} 
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;} 
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:.75em;} 
div#formcontainer div.buttongroup input {margin-right:5px;} 

div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px; text-align:right;}

#contact {position:absolute;
right:25px;}
#contact ul li {list-style-type:none;}

.price {
	position:relative;
	float:left;
	width:45%;
	background-color:#506799;
	color:#fff;
	padding:4px;
	margin:1px;
}

#pics {position:absolute; right:20px; top:255px;}
#pics img {margin-bottom:30px;}

.text1 {
	text-align:right;
	}
	
.text2 {
	float:left;
	}

#bookButton {
	background: url(http://www.penmar-tenby.co.uk/eviivo/buttons/blue_book_now.gif) no-repeat;
	float: right;
	position: relative;
	display: block;
	width: 90px;
	height: 36px;
	margin-right: 40px;
	margin-top: -45px;
}