/****** new stylesheet for change of color for hillside house guest house copyright 2010 */

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

body {
	font:12px/1.9 Geneva, Arial, Helvetica, sans-serif;
	background:  #2BBDBD url(images/bg.jpg) top repeat-x;
	color: #FFFFFF /*#333333*/;
	text-align:justify;
	} /* 13px = 1.0em */

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

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

a:hover {color:#33cec3; 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: #066 url(images/bgnew.gif) top repeat;
	text-align:right;
	margin: 10px auto 10px auto;
	color: #ffffff;
	font-weight:bold;
	}
	
/**************************************************************************** date */
.date1{
	background: #066 url(images/bgnew.gif) top repeat;
	text-align:left;
	margin: 0px 0px 0px 40px;
	color: #ff9900;
	font-weight:bold;
	}
/***************************************************************************** wrapper */
#wrapper {
	margin: 10px auto 20px auto;
	width:960px;
	background: #066 url(images/bgnew.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/bgnew.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:0px 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: #33cec3;
}

.highlight{
color:#ff9900;
}

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

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 #066;
	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:#066;
	}
/************************************************************************************* advert */
#advert {
	width:280px;
	height:150px;
	margin: 0px 10px 0px 10px;
	display:inline;
	float:left;
	/*background: #066 url(images/animated_ad.gif);*/
	}
	
/***************************************************************************** centre_content */

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

#main_content h3 {
	font-size:1em;
	line-height:1.9em;
	color: #ffffff;
	margin:5px;
	} 

#main_content p {
	color: #ffffff;
	margin:5px 5px 15px 5px;
	}

#main_content ul {
/*width:150px;*/
margin:10px 0px 20px 40px;
list-style-type:none;
}

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

/***************************************************************************** gallery */
#container {
	/*width:640px;*/
	/*display:inline;*/
	margin: 10px 10px 0px 10px;
	/*background: #066 url(images/bgnew.gif) top repeat;*/
	/*float:left;*/
	}
	
#container h1 {
font-size:1.1em;
	line-height:1.9em;
	color: #33cec3;
	margin:5px 5px 10px 5px;
	} 

/*#gallery h1 {
	font-size:1.1em;
	line-height:1.9em;
	color: #33cec3;
	margin:5px 5px 10px 5px;
	} 

#gallery h3 {
	font-size:1em;
	line-height:1.9em;
	color: #ffffff;
	margin:5px;
	} 

#gallery p {
	color: #ffffff;
	margin:5px 5px 15px 5px;
	}

#gallery ul {
margin:10px 0px 20px 40px;
list-style-type:none;
}

#gallery li {
background:url(images/bullet_smoke2.gif) no-repeat 0 50%;
margin:0px 0px 0px 0px;
padding-left:20px;
padding-top:2px;
}*/
/******************************************************************** content box left **/

#content_boxleft {
width:350px;
float:left;
display:inline;
margin-bottom:20px;
}

#content_boxleft img {
	border:#FFFFFF 2px solid;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
/******************************************************************** content box right **/	
#content_boxright {
width:270px;
float:left;
display:inline;
margin-left:10px;
}

#content_boxright ul {
margin:10px 0px 20px 40px;
list-style-type:none;
}

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

#content_boxright h1{
margin-left:40px;
}
	

#box{
width:220px;
border: 1px solid #FFFFFF;
margin-top:40px;
margin-left:auto;
margin-right: auto;
text-align:left;
}


#box ul{
margin:10px 0px 20px 10px;
list-style-type:none;
}

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

#box ul a{
color: #ff9900;
background-color:#066;
}

#box ul a:hover{
text-decoration:underline;
color:#33cec3;
}	


/******************************************************************** google map **/
#map {
	width:270px;
	height:250px;
	/*float:right;*/
	margin-left: auto;
	margin-right:auto;
	margin-bottom:10px;
	}
	
/*.bg {
width:640;
height:25px;
margin:0px;
background: #066 url(images/bgnew.gif) top repeat;
}*/

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

#rightside {
	width:280px;
	display:inline;
	margin: 10px 10px 10px 10px;
	float:left;
	text-align:left;
	}
	
#rightside h3 {
	font-size:1.1em;
	background-color:#33cec3;
	color:#ffffff;
	margin:5px 0px 0px 30px;
	width:195px;
	padding-left:5px;
	}
#rightside img {
	margin-left:40px;}
	
/***************************************************************************** helpful links */
.helpful_links ul {
width:190px;
margin:10px 0px 20px 40px;
list-style-type:none;
}

.helpful_links li {
background:url(images/bullet_smoke2.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: #066 url(images/bgnew.gif) top repeat;
	width:100%;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	}
	
/***************************************************************************** btm box **/	

.btm_box {
	width:305px;
	margin: 10px 10px 10px 0px;
	color: #ffffff;
	float:left;
	text-align:left;
	}

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

.btm_box a {color: #33cec3; font-weight: 100; text-decoration:none;}

.btm_box a:hover {color:#ffffff; text-decoration:underline; /*font-weight:bold;*/}

.quote_box1 {
	width:305px;
	margin: 10px 10px 10px 0px;
	color: #ffffff;
	float:left;
	text-align:left;
	font-style:italic;
	}

.quote_box2 {
	margin: 0px 10px 10px 0px;
	color: #ffffff;
	float:left;
	text-align:left;
	font-style:italic;
	/*border-bottom: 1px dotted #bdd002;*/
	}

.quotetext {
	font-style: normal;
	color:#ff9900;
	}

.quote_box1 a, .quote_box2 a {
		font-size:.8em;
		font-weight:100;
		color:#33cec3;
}
.quote_box1 a:hover, .quote_box2 a:hover {
		color:#ffffff;
}

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

.footerleft {
	float:left;
	padding-left:10px;
}

.footerright {
	float:right;
	padding-right:10px;
}

/**************************************************************************** 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{
	border:#FFFFFF 2px solid;
	float:left;
	margin-right:10px;
	}
	
.imgright{
	border:#FFFFFF 2px solid;
	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:300px;
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: 5px;
margin-top: 5px;
width: 125px;
}

br{
clear: left;
}

.yellow {color: #ff9900; font-weight:bold; font-size:16px;} /* for required fields in forms */

.fade {color: #0D6F6F; }


#trip_ad {
	margin-left:35px;
	}
	

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