/*
DIMENSIONS
=============
*/


#wrapper
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	height: 339px;
}

#banner
{
	height: 319px;
}

#nav
{
	position: relative;
	line-height: 20px;
	height: 20px;
	padding-left: 7px;
}


div.home,
div.golf,
div.spas,
div.healthfitness, 
div.localauthority,
div.security, 
div.aboutus,
div.contactus
{
	text-align: center;
	float: left;
	width: 120px;
	height: 20px;
	margin-right: 1px;
}


#secondarynav
{
	float: left;
	position: absolute;
	top: 20px;
	left: 45px;
}


#middle
{
	overflow: hidden; /* part of the hack to create the left column as the full length of the page */
	float: left;
	min-height: 400px;
}

#contentmain
{
	width: 650px;
	float: left;
	padding: 30px 0px 30px 0px;
	padding-bottom: 32767px; /*hack to create the left column as the full length of the page */
	margin-bottom: -32767px; /*hack to create the left column as the full length of the page */
}

#secondarycontent
{
	padding-top: 30px;
	width: 310px;
	float: right;
	padding-bottom: 32767px; /*hack to create the left column as the full length of the page */
	margin-bottom: -32767px; /*hack to create the left column as the full length of the page */
}


#footer
{
	height: 40px;
	padding-top: 5px;
	clear: both;
}

/*prop and clear create a minimum height for #middle */
.prop
{
	height: 400px;
	float: right;
	width: 1px;
}

.clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}