/* transparency, add an element to transparentize it's bg in ie */
img,
div,
#header h2
{ behavior: url(iepngfix.htc) }

/* TAGS
********************************/
body {
	margin: 0; padding: 0;
	background: white url(graybg.jpg) repeat-x 0 45px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	margin: .5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {margin: .5em 0;}
h1 {font-size: 160%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}
h1, h2, h4 {
	color: #992307;
}
h3, h5, h6 {
	color: #333;
}
#middle ul, #middle ol {
	list-style-image: url(leaf2.gif);
	margin-left: 1em;
	padding-left: 0;
}
#middle li {
	margin-left: 1em;
	_margin-left: .5em;
	padding-left: 0;
	_padding-left: .5em;
}
a {color: #006633;}
a:hover {color: black; text-decoration: none;}
.clr, .clr * {clear: both; height:0; width:0;}
#header hr {display: none;}
#content hr {
	border: none 0; 
	border-top: 1px solid #AEA194;
	width: 100%;
	height: 1px;
	margin: .5em 0;
	text-align: left;
	clear: both;
}
.div {
	border-top: 1px solid #EBE08F;
	width: 90%;
	margin: 0 auto;
	line-height: 1%;
	_height: 1px;
	_font-size: 1%;
}
.featureBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}


/* MENU NAVIGATION
**************************************/
#menu {
	float:left;
	width:100%;
	background: #D92A00 url(redgradient.gif) repeat-x bottom;
	line-height:normal;
	font-size: 120%;
}
#menu ul {
    margin: 0 0 0 270px;
    padding:30px 10px 0;
    list-style:none;
}
#menu li {
    float:left;
    background:url(lefttabs.png) no-repeat left top;
    margin:0 5px 0 0;
    padding:0 0 0 6px;
}
#menu a {
    display:block;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
    background:url(righttabs.png) no-repeat right top;
    padding:5px 12px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: white;
    }
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #menu a {float:none;}
  /* End IE5-Mac hack */
  
#home #menu li.home,
#photos #menu li.photos,
#pricing #menu li.pricing,
#golfing #menu li.golfing,
#caravans #menu li.caravans,
#menu li:hover, #menu li.over {
    background-position: 0% -41px;
    }
#home #menu li.home a,
#photos #menu li.photos a,
#pricing #menu li.pricing a,
#golfing #menu li.golfing a,
#caravans #menu li.caravans a,
#menu li:hover a, #menu li.over a {
    background-position: 100% -41px;
	padding-bottom: 5px;
    color: #333;
	}
#menu a:hover {color: #330000;}
/**/


/* LAYOUT
***************************/
#middle {
	clear: both;
	width: 770px;
	padding: 20px 0 0 20px;
	margin-top: 60px;
}
#content {
	float: right;
	width: 510px;
	margin: 0 0 10px 0;
}
#header h2 {
	position: absolute;
	text-indent: -9999em;
	background: url(redhalllogo.png) no-repeat;
	width: 206px;
	height: 58px;
	margin: 8px 0 0 8px;
	left: 0px;
}
#header {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 200px;
}


/* SIDEBAR
***************************/
#sidebar {
	float: left;
	width: 230px;
	background: url(sidebarbg.gif) repeat-y;
	margin: 20px 10px 10px 0;
	text-align: center;
}
#sidebar .btm {
	background: url(sidebarbottom.gif) no-repeat bottom;
}
#sidebar .top {
	background: url(sidebartop.gif) no-repeat top;
	padding: 10px 0;
}
#sidebar em {
	font-size: 120%;
	font-style: normal;
}

/* FOOTER
************************/
#footer p {
	font-size: 80%;
	color: gray;
	text-align: center;
	margin: 0; padding: 0;
}

/* EXTRAS
***********************/
.featureBox {
	background: #ffffcc;
	padding: 5px 10px;
	border: 1px solid #AEA194;
}
.floatLeft {float: left;}
.floatRight {float: right;}
.rightBox, .leftBox {
	float: right;
	margin-top: 20px;
	width: 233px;
	text-align: right;
}
.rightBox img, .leftBox img {
	border: 2px solid #d8d8d8;
	margin: 0 0 8px 8px;	
	background: #fff;
	padding: 2px;
}
.rightBox a:hover img, .leftBox a:hover img {
	border-color: #7c7c7c;
}
.leftBox {float: none; width: auto; text-align: left;}
.leftBox img {margin: 0 8px 8px 0;}
/*.frame {
	border: 1px solid #AEA194;
	padding: 10px;
	float: left;
	width: 120px;
	text-align: center;
	margin: 0 8px 8px 0;
	font-size: 85%;
}
.frame h4 {
	margin-top: 0;
}
.frame p {
	margin-bottom: 0;
}
.frame ul, .frame li {
	margin: 0; padding: 0;
	list-style: none;
}
.frame li {
	margin-bottom: 5px;
}
.frame img {
	float: none;
	margin: 0 auto;
}*/
.frame {
	clear: both;
	margin-bottom: 20px;
}
.frame img {
	float: left;
	clear: left;
	margin-right: 20px;
	_margin-right: 30px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */