/****** layout styles for hillside house guest house copyright 2009 */

/********************************************************************************* body */

body {
	font:12px/1.7 Geneva, Arial, Helvetica, sans-serif;
	background: #560639 url(images/bga.gif) top repeat;
	color: #333333;
	text-align:justify;
	} /* 13px = 1.0em */

/*************************************************************************** global styles */

a {color: #ffffff; font-weight:bold; text-decoration:none;}

a:hover {color:#BDD002; text-decoration:underline; font-weight:bold;}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{font-size:1.92em;} /* 25px = 1.92em */

h2{font-size:1.77em;} /* 23px = 1.77em */

h3{font-size:1.62em;} /* 21px = 1.62em */

h4{font-size:1.46em;} /* 19px = 1.46em */

h5{font-size:1.31em;} /* 17px = 1.31em */

h6{font-size:1.150em;} /* 15px = 1.15em */

ol{list-style:decimal;}

ul{list-style:square;}

li{margin-left:30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px; margin-left:0px;} /* was 20 */

abbr, acronym, .help {
  border-bottom: 1px dotted;
  cursor: help;
  }

#temp_top {
	margin: 5px auto 0px auto;
	width:960px;
	text-align:right;
	color:#999999;
	}

blockquote {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	display:block;
	background-color:#838383;
	color:#FFFFFF;
	}

/**************************************************************************** date */
#date{
	width:960px;
	background: #560639 url(images/bga.gif) top repeat;
	text-align:right;
	margin: 10px auto 10px auto;
	color: #ffffff;
	font-weight:bold;
	}
/***************************************************************************** wrapper */
#wrapper {
	margin: 10px auto 20px auto;
	width:960px;
	/*background: #560639 url(images/bga.gif) top repeat;*/
	border-left:#CCCCCC 2px solid;
	border-right:#CCCCCC 2px solid;
	border-top:#CCCCCC 2px solid;
	border-bottom:#CCCCCC 2px solid;
	}

/***************************************************************************** header */
#header {
	width:640px;
	height:150px;
	display:inline;
	margin: 10px 10px 10px 10px;
	/*background: #ffffff url(images/bga.gif) top repeat;*/
	color:#660033;
	float:left;
	}

#header img {
	float:left;
	margin-right:0px;
	}
	
/********************************************************* contact details *****/
#contactdetails {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
width:280px;
height:150px;
float:left;
display:inline;
margin:10px 10px 10px 10px;
}

#contactdetails ul {
margin:20px 0px 0px 40px;
list-style-type:none;
float:left;
display:inline;
}

#contactdetails li {
background:url(images/arrow_h.gif) no-repeat 0 50%;
color:#FF0000;
margin:0px 0px 0px 0px;
padding-left:20px;
padding-top:2px;
}

#contactdetails a {
color: #ffffff;
background-color:inherit;
border-bottom:none;
}

#contactdetails a:hover {
color: #BDD002;
}

/***************************************************************************** main nav */
#main_nav {
	margin: 5px 10px 10px 10px;
	width:940px;
	display:inline;
	float:left;
	background:#560639;
	}

ul#nav{
	margin:0px;
	width:100%;
	list-style-type:none;
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/bgOFFd.gif) repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #660033;
	border-top:1px solid #C0E2D4;
	}

ul#nav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}

ul#nav li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
	}

ul#nav li a:hover{
	background:transparent url(images/bgHOVERd.gif) no-repeat top right;
	}

ul#nav li a.current,ul#nav li a.current:hover{
	color:#ffffff;
	background:transparent url(images/bgONc.gif) no-repeat top right;
	}


/************************************************************************************* flash */
#flashcontent {
	width:640px;
	margin: 0px 10px 0px 10px;
	display:inline;
	float:left;
	background:#560639;
	}
/************************************************************************************* advert */
#advert {
	width:280px;
	height:150px;
	margin: 0px 10px 0px 10px;
	display:inline;
	float:left;
	/*background: #560639 url(images/animated_ad.gif);*/
	}
	
/***************************************************************************** centre_content */

#main_content {
	width:640px;
	display:inline;
	margin: 10px 10px 0px 10px;
	background: #560639 url(images/bga.gif) top repeat;
	float:left;
	}
	
#main_content h1 {
	font-size:1em;
	line-height:1.9em;
	color: #ffffff;
	margin:5px;
	} 

#main_content p {
	color: #ffffff;
	margin:5px;
	}
	
.bg {
width:640;
height:25px;
margin:0px;
background: #560639 url(images/bga.gif) top repeat;
}

/***************************************************************************** side_one */

#rightside {
	width:280px;
	display:inline;
	margin: 10px 10px 10px 10px;
	float:left;
	}
	
#rightside h3 {
	font-size:1.1em;
	background-color:#BDD002;
	color:#ffffff;
	margin:5px 0px 0px 30px;
	width:195px;
	padding-left:5px;
	}

/***************************************************************************** helpful links */
.helpful_links ul {
width:180px;
margin:10px 0px 20px 40px;
list-style-type:none;
}

.helpful_links li {
background:url(images/bullet_smoke1.gif) no-repeat 0 50%;
margin:0px 0px 0px 0px;
padding-left:20px;
padding-top:2px;
}

	
.quote {
	vertical-align: middle;
	float:left;
	height:160px;
	background: #560639 url(images/bga.gif) top repeat;
	width:100%;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	}
	
.logos {
	float:left;
	width:180px;
	margin-top:20px;
	margin-bottom:10px;
	}

/***************************************************************************** btm box **/	

.btm_box {
	width:305px;
	/*display:inline;*/
	margin: 10px 10px 10px 0px;
	color: #ffffff;
	float:left;
	}

.btm_box h2{
	font-size: 1.1em;
	/*width:200px;*/
	/*margin: 0px 0px 0px 0px;*/
	background: /*#FFFFFF*/ /* #BDD002*/;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
.btm_box h3{
	font-size: 1.1em;
	width:295px;
	padding:0px 0px 0px 0px;
	background: #BDD002;
	font-family:Arial, Helvetica, sans-serif;
	color: #999900;
	}
	
/**************************************************************************** footer */

#footer {
	width:940px;
	display:inline;
	margin: 10px 10px 10px 10px;
	padding-top:10px;
	background:transparent url(images/bgOFFd.gif) repeat-x top left;
	float:left;
	text-align:center;
	}

#footer a {
	color: #ffffff;
	font-weight:bold;
	}

#footer a:hover {
	color: #BDD002;
	font-weight:bold;
	}

#footer ul {
	margin:0px 10px 0px 0px;
	padding-top:10px;
	list-style:none;
	}
	  
#footer li {
	margin: 0px 0px 0px 0px;
    display: inline;
    }
	 
/**************************************************************************** subfooter */
#subfooter {
	width:960px;
	margin: 0px auto 20px auto;
	color:#FFFFFF;
	text-align:center;
	}

#subfooter p{
	font-size:.9em;
	}

#subfooter a {
	font-size:.9em;
	color: #FFFFFF;
	}
#subfooter a:hover {
	font-size:.9em;
	color: #bdd002;
	}

/**************************************************************************** images */
.imgleft{
	float:left;
	margin-right:10px;
	}
	
.imgright{
	float:right;
	margin-left:10px;
	}

.imgcentre{
	margin-left: auto;
	margin-right:auto;
	display:block;
	}

/***************************************************************************** clear */

html body div.clearall,html body span.clearall{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

.clearall:after{clear:both;content:'.';display:block;visibility:hidden;height:0}

.clearall{display:inline-block}

* html .clearall{height:1%}

.clearall{display:block;}

/*************************************************************** enquiry form ****/
#enquiry_form {
width:450px;
margin:0px auto 0px auto;
background-color:inherit;
color: #333333;
}

#enquiry_form label{
float: left;
width: 150px;
font-family:Arial, Helvetica, sans-serif;
}

#enquiry_form input, textarea, select{
width: 250px;
margin-bottom: 5px;
}

#enquiry_form textarea{
width: 250px;
height: 60px;
}

.boxes{
width: 1em;
}

#submit{
margin-left: 0px;
margin-top: 5px;
width: 120px;
}

br{
clear: left;
}

.red {color:#FF0000;} /* for required fields in forms */


/***************************************************************call-back form style ****/
.requestcallback {
width:200px;
float:right;
margin:0px 0px 0px 20px;
background-color:inherit;
color: #333333;
}

label{
float: left;
width: 150px;
font-family:Arial, Helvetica, sans-serif;
}

input, textarea, select{
width: 180px;
/*margin-bottom: 0px;*/
}

textarea{
width: 180px;
height: 60px;
}

.boxes{
width: 1em;
}

#submit{
margin-left: 0px;
margin-top: 5px;
width: 120px;
}

br{
clear: left;
}

.red {color:#FF0000;} /* for required fields in forms */

/******************************************************************** google map **/
#map {
	width:300px;
	height:200px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

/****************************************************************** 16 grid info */

/*.grid_1{
	width:40px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_2{
	width:100px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_3{
	width:160px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_4{
	width:220px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_5{width:280px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_6{
	width:340px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_7{width:400px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_8{
	width:460px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_9{
	width:520px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_10{
	width:580px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}


.grid_11{
	width:640px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_12{
	width:700px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_13{
	width:760px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_14{
	width:820px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}

.grid_15{
	width:880px;
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
	}
*/