
/*
-----------------------------------------------
Health On Point Website Styles
Author: Brynn Shepherd
Date: January 2007
----------------------------------------------- */

/* -----------------------------------*/
/* --------->>> RESET <<<-------------*/
/* -----------------------------------*/

/* Normalizes margin, padding */
body{overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0;
}
.Explorer
{
  margin : 0; padding : 0; 	overflow:hidden;
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/*Removes underline and color from links*/
a { color: inherit; text-decoration: none; outline: none; }


/* -----------------------------------*/
/* --------->>> BASIC <<<-------------*/
/* -----------------------------------*/

body {
	font: 12px/18px "Helvetica", Arial, sans-serif;
	color: #11274A;
}

strong {
	font-weight: bold;
}


#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}



#title {
	width: 105px;
	height: 126px;
}

#title h1, #title a {
	background: transparent url(../img/logo.gif) no-repeat top center;
	display: block;
	width: 105px;
	height: 126px;
	margin: 0 auto;
	text-indent: -9999px;
}
	



/* -----------------------------------*/
/* --------->>> CONTENT <<<-----------*/
/* -----------------------------------*/



#sidebar {
	float: left;
	width: 105px;
	color: #574430;
	}
	

	#sidebar img {
		border: 2px solid #fff;
		padding: 1px;
		background-color: #8dc640;
		width: 195px;
		height: 168px;
		margin-bottom: 20px;
	}
	


	
	#sidebar ul {
		margin-top: 15px;
		font-size: 11px;
		line-height: 18px;
	}
	
	#sidebar ul li {

	}
	
	#sidebar ul li.sel {
	}
	
	#sidebar ul li a {
	border-bottom: 1px solid #d9d9d9;
	display: block;
	width: 102px;
	color: #002D62;
	padding-left: 3px;
	}
	
	#sidebar ul li.last a {
	border: none;
	}
	
	#sidebar ul li a:hover, #sidebar ul li.sel a {
	color: #fff;
	background-color: #002D62;
	}
	
#main {
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	position: relative;
	width: 880px;
}
	#main h2 {
		padding-left: 50px;
		font-size: 20px;
		color: #B39759;
		text-indent: -9999px;
		height: 20px;
		width: 300px;
	}
	
	#main h2#about{ background: url(../img/h2-aboutus.gif) no-repeat 50px 0px; }
	#main h2#selfbuild{ background: url(../img/h2-selfbuild.gif) no-repeat 50px 0px; }
	#main h2#land{ background: url(../img/h2-land.gif) no-repeat 50px 0px; }
	#main h2#finance{ background: url(../img/h2-finance.gif) no-repeat 50px 0px; }
	#main h2#services{ background: url(../img/h2-services.gif) no-repeat 50px 0px; }
	#main h2#materials{ background: url(../img/h2-materials.gif) no-repeat 50px 0px; }
	#main h2#faq{ background: url(../img/h2-faq.gif) no-repeat 50px 0px; }
	#main h2#news{ background: url(../img/h2-news.gif) no-repeat 50px 0px; }
	#main h2#comments{ background: url(../img/h2-comments.gif) no-repeat 50px 0px; }
	#main h2#testimonials{ background: url(../img/h2-testimonials.gif) no-repeat 50px 0px; }
	#main h2#ecooption{ background: url(../img/h2-ecooption.gif) no-repeat 50px 0px; }
	#main h2#next{ background: url(../img/h2-next.gif) no-repeat 50px 0px; }
	#main h2#register{ background: url(../img/h2-register.gif) no-repeat 50px 0px; }
	#main h2#developers{ background: url(../img/h2-developers.gif) no-repeat 50px 0px; }
	#main h2#disclaimer{ background: url(../img/h2-disclaimer.gif) no-repeat 50px 0px; }

#content-wrap{
	background: url(../img/main-bg.gif) no-repeat top left;
	width: 885px;
	padding-top: 28px;
	margin-top: 10px;
	margin-left:3px;
}
#content a:hover {
font-weight:bold;
}

	#content-wrap span {
	background: url(../img/main-bg-bottom.gif) no-repeat bottom left;
	width: 885px;
	padding-bottom: 28px;
	display: block;
}

	
#content {
	background: url(../img/content-bg.gif) repeat-y top center;
	padding: 22px 50px 18px 50px;
	width: 787px;	
	position: relative;
}


	#content h3 {
	color: #B39759;
	}
	
	#content p {
	margin: 0 0 18px 0;
	}
	
	#content ul {
	margin: 0 0 18px 0;
	}
	
	#content #Divhr {
	width: 760px;
	background: url(../img/hr.gif) no-repeat top center;
	height: 8px;
	border: 0px;
	margin-bottom: 18px;
	}

	
	#content a {
	color: #B39759;
	}
	
	#content a:hover {
	text-decoration: underline;
	}

a img#panel1, a img#panel2, a img#panel3 {
	position: absolute;
	height: 399px;
	top: -45px;
	display: block;
}

a img#panel1_over, a img#panel2_over, a img#panel3_over {
	position: absolute;
	height: 0;
	width: 0;
	border-width: 0;
}

a:hover img#panel1_over, a:hover img#panel2_over, a:hover img#panel3_over {
	position: absolute;
	z-index: 100;
	height: auto;
	width: auto;
	top: -45px;
}

a img#panel1 {
	left: 0px;
	width: 325px;
}

a img#panel2 {
	left: 322px;
	width: 272px;
}

a img#panel3 {
	left: 597px;
	width: 320px;
}


a:hover img#panel1_over {
	left: 0px;
	width: 325px;
}

a:hover img#panel2_over {
	left: 325px;
	width: 272px;
}

a:hover img#panel3_over {
	left: 597px;
	width: 320px;
}


/* -----------------------------------*/
/* --------->>> CONTACT FORM <<---------*/
/* -----------------------------------*/


form #left{
	float: left;
}

form #right {
	float: right;
}
	
form h3 {
	height: 29px;
	text-indent: -9999px;
}

form h3#register {
	background: url(../img/form-h3-register.gif) no-repeat top left;
	width: 351px;
}

form h3#select {
	background: url(../img/form-h3-select.gif) no-repeat top left;
	width: 351px;
}

form h3#pleasecontact {
	background: url(../img/form-h3-pleasecontact.gif) no-repeat top left;
	width: 351px;
}

form h3#counties {
	background: url(../img/form-h3-counties.gif) no-repeat top left;
	width: 351px;
}
form h3#doYouOwnLand{ 
	background: url(../img/form_h3_land.gif) no-repeat top left;
	width: 351px;
}
form h3#SelectCounty{ 
	background: url(../img/form-h3-plots.gif) no-repeat top left;
	width: 351px;
}
form h3#date {
	background: url(../img/form_h3_start.gif) no-repeat top left;
	width: 351px;
}
form h3#houseClick{	
	background: url(../img/form-h3-house.gif) no-repeat top left;
	width: 351px;}
form h3#planning {
	background: url(../img/form-h3-planning.gif) no-repeat top left;
	width: 351px;
}

fieldset#register, fieldset#counties, fieldset#planning, fieldset#date, fieldset#select, fieldset#pleasecontact, fieldset#comments {
	width: 351px;
}

fieldset#comments {
/*	margin-top: 20px;*/
}
fieldset#comments textarea {
	height: 200px;
	
}
#buildOption
{
 margin-top:13px;
}
#buildOption1
{
 margin-top:1px;
}
#buildOption2
{
 margin-top:3px;
}
form select {

}
#lifindingLand{  margin-top:0px; }
#lifindingLand1{  margin-top:0px; }
#lifindingLand2{  margin-top:0px; }
#lifindingLand3{  margin-top:0px; }
#counties2{ margin-top:-3px;}
fieldset#register label, fieldset#comments label {
	width: 90px;
	display: block;
	float: left;
}

fieldset#register input, fieldset#comments textarea {
	width: 250px;
	border: 1px solid #11274A;
}

fieldset#select input, fieldset#pleasecontact input {
	margin-right: 10px;
	padding: 5px;
	background: url(../img/checkbox-bg.gif) no-repeat -3px -3px;
}

fieldset#submit {
	clear: both;
	margin-top: 20px;
	font-size: 10px;
}

fieldset#submit input {
	margin-right: 10px;
	margin-top: 10px;
	padding: 3px;
}

form ul {
	padding: 10px 0;
	clear: both;
}

form li {
	clear: both;
	margin: 10px 0;
}

form fieldset#register ul {
	margin-bottom: 0px;
}

form fieldset#select ul {
	margin-bottom: 35px;
}

/*form fieldset#pleasecontact li {
clear: none;
margin-right: 50px;
float: left;
}*/




/* -----------------------------------*/
/* --------->>> NAVIGATION <<---------*/
/* -----------------------------------*/



ul#nav {

	}
	
ul#nav li {
	float: left;
	display: block;
}

ul#nav li a{

	display: block;
	}
	



/* -----------------------------------*/
/* --------->>> FOOTER <<<------------*/
/* -----------------------------------*/


#footer {
    margin-bottom:0px;
	padding: 12px 0;
	width: 1000px;
	height: 40px;
	clear: both;
	position: relative;
	font-size: 10px;
}

#homeFooter {
    margin-bottom:0px;
	padding: 12px 0;
	width: 1000px;
	height: 40px;
	clear: both;
	position: relative;
	font-size: 10px;

	
}

#homeFooter h3 {
	background: url(../img/homefooter-h3.gif) no-repeat top left;
	width: 1020px;
	height: 40px;
	border-top: 1px solid #b6bec9;
	border-bottom: 1px solid #b6bec9;
	text-indent: -9999px;
}

#homeFooter p#banner {
	margin: 30px 0px 0px 133px;
}

#homeFooter p#button {
	background: url(../img/homefooter-button.jpg) no-repeat top left;
	position: absolute;
	top: 42px;
	right: 0px;
	width: 271px;
	height: 147px;
}


#footer a {

}

#footer a:hover {
	text-decoration: underline;
}

#kingspan, #buildstore{
	width: 500px;
	position:absolute;
}

	#kingspan img, #kingspan p {
		display: inline;
	}
	
	#kingspan p {
		position: relative;
		top: -3px;
	}
	
	
	#buildstore p {
		display: inline;
		margin-right: 20px;
		position: relative;
		top: -3px;
	}

#kingspan {
	left: 0px;
	margin-top:35px;
}

#buildstore {
	right: 20px;
	text-align: right;
	float:right;
	margin-top:45px;
}
#separatorPrize{ height:28px; width:100%;}
#prize{ height:100%; width:100%; border:solid 1px #F1EBDF; background:url(../img/BackgroundComments.jpg) repeat-x; background-color:#FFFFFF;}
#prize1{ height:100%; width:100%; border:solid 1px #F1EBDF; background:url(../img/BackgroundComments.jpg) repeat-x; background-color:#FFFFFF;}
#prize h1{ width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:30px; color:#607280; font-weight:normal;}
#separatorPrize2{ height:20px; width:100%;}
#imgPrint{ width:100%;}
#lineSeparatorPrize{ margin-left:20px; margin-right:20px; height:1px; background-color:#F1EBDF; margin-bottom:10px;}
#titlesponsor{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#1B305D; font-weight:bold; margin-left:20px; }
#sponsor{ width:100%; margin-left:20px; margin-right:20px; margin-bottom:20px; margin-top:5px;}
#overallPrize{ margin-top:20px; color:#212F60;}
#titleoverall{ background: url(../img/comm-tit_1.gif) no-repeat;}
#Prize{ margin-top:20px; color:#212F60; font-weight:bold;}
#titleViews{ background: url(../img/comm-tit_2.gif) no-repeat;}
#Prize textarea{ height:162px; width:767px; border:solid 1px #1A3260; background:#FFFFFF;}
#titleLooking{background: url(../img/comm-tit_3.gif) no-repeat; height:70px;}
.blue{color:#1B305D; font-weight:normal;}
#titleIntoPrize{text-indent:0px; padding-left:13px; font-size:15px; vertical-align:middle; color: #B39759; font-weight:bold;}
#personalData{ width:340px}
#Prize label{color:#1B305D; font-weight:normal;}
#personalData #Prize input{width: 250px; border: 1px solid #11274A; float:right}
