/* PLB screen CSS v1.3 21 August 2009 */

/* GENERAL
------------------------------------------ */

* {	margin: 0;
	padding: 0;
}

img {
border:0;
}

a img {
	border:0;
}

body {
	font-family: Lucida, Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	background: #fff;
	}
	
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
	
/* WRAP
------------------------------------------ */
#wrap {
	width: 960px;
	margin:0 0 0 10px ;
	}
	
#wrap div.background {
		background: #fff url(/images/background.gif) repeat-y 0 0;
}
	
	
/* HEADER
------------------------------------------ */
#header {
	}

#header div {
	background-color:#fff;
}

#logo_login {
	background:#fff;
	height:90px; 
	padding: 10px 0 0 0;
}

#logo_login a img {
	padding: 10px 0 0 0;
}

.login {
	padding:15px 20px 0 0;
}

/* inverted tabs from http://www.456bereastreet.com/lab/inverted_tabs/ */

#header ul {
		padding:0 0 0 45px;
		list-style:none;
}
#header li {
		float:left;
		margin:0 7px 0 -1px;
		padding:0 0 0 6px;
}
#header li a {
		float:left;
		display:block;
		padding:5px 14px 12px 8px;
		text-decoration:none;
		color:#fff;
}

#header li a:hover {
		color:#666;
}

/* give each header list its own colour tab */

#header li.nav_home {
		background:url(/images/nav_home_01.gif) 0 100% no-repeat;
}

#header li.nav_home a {
		background:#027 url(/images/nav_home_02.gif) 100% 100% no-repeat;
}

#header li.nav_developers {
		background:url(/images/nav_developers_01.gif) 0 100% no-repeat;
}

#header li.nav_developers a {
		background:#7A2 url(/images/nav_developers_02.gif) 100% 100% no-repeat;
}

#header li.nav_eco {
		background:url(/images/nav_eco_01.gif) 0 100% no-repeat;
}

#header li.nav_eco a {
		background:#1bb url(/images/nav_eco_02.gif) 100% 100% no-repeat;
}

#header li.nav_hips {
		background:url(/images/nav_hips_01.gif) 0 100% no-repeat;
}

#header li.nav_hips a {
		background:#59e url(/images/nav_hips_02.gif) 100% 100% no-repeat;
}

#header li.nav_about {
		background:url(/images/nav_about_01.gif) 0 100% no-repeat;
}

#header li.nav_about a {
		background:#b23 url(/images/nav_about_02.gif) 100% 100% no-repeat;
}

#header li.nav_news {
		background:url(/images/nav_news_01.gif) 0 100% no-repeat;
}

#header li.nav_news a {
		background:#b6c url(/images/nav_news_02.gif) 100% 100% no-repeat;
}

#header li.nav_contact {
		background:url(/images/nav_contact_01.gif) 0 100% no-repeat;
}

#header li.nav_contact a {
		background:#fb3 url(/images/nav_contact_02.gif) 100% 100% no-repeat;
}

#header li.nav_map {
		background:url(/images/nav_map_01.gif) 0 100% no-repeat;
}

#header li.nav_map a {
		background:#1bb url(/images/nav_map_02.gif) 100% 100% no-repeat;
}

/* specify the appropriate background image for header h1 */

#header h1 {
	font-weight:normal;
	font-size:1.7em;
	color:#fff;
	padding: 5px 0 5px 60px;
	margin:0;
}

body#home #header h1 {
	background:#027 url(/images/h1_home.gif) top left no-repeat;
}

body#developers #header h1 {
	background:#7a2 url(/images/h1_developers.gif) top left no-repeat;
}

body#eco #header h1 {
	background:#1bb url(/images/h1_eco.gif) top left no-repeat;
}

body#hips #header h1 {
	background:#59e url(/images/h1_hips.gif) top left no-repeat;
}

body#about #header h1 {
	background:#b23 url(/images/h1_about.gif) top left no-repeat;
}

body#news #header h1 {
	background:#b6c url(/images/h1_news.gif) top left no-repeat;
}

body#contact #header h1 {
	background:#fb3 url(/images/h1_contact.gif) top left no-repeat;
}

body#map #header h1 {
	background:#1bb url(/images/h1_map.gif) top left no-repeat;
}


/* CONTENT
------------------------------------------ */
#content {
	float: left;
	width: 690px;
	}

#content div {
	padding: 20px 40px 0 40px;
	}

#content div div {
	padding:0;
}
	
#content h1, #content h2, #content h3 {
	color:#027;
	font-weight:normal;
	padding: 0 0 0 20px;
}

#content h1, #content h2 {
	font-size: 2em;
}

#content h3 {
	font-size:1.5em;
	padding: 10px 0 0 20px;
}

#content p {
	padding:10px 0 0 20px;
	line-height:1.3em;
}

#content a {
	color:#027;
}

#content a:hover {
	color:#666;
}

#content div.first_para p {
	color: #027;
	font-size:1.2em;
}

#content div.first_para {
	padding:0;
}

#content ul {
	padding:10px 0 0 35px;
}

#content ul li {
	padding: 0 0 10px 0;
}
	
/* SIDEBAR
------------------------------------------ */
#sidebar {
	float: right;
	width: 260px;
	position:relative;
	}
#sidebar div {
	padding: 200px 0 0 0
	}
#sidebar img#button1 {
	position:absolute;
       top:410px;
       left:45px;
}

#sidebar #logbookenquiry_link {
       position:absolute;
       top:0px;
       left:65px;
}

#sidebar #facebook {
       position:absolute;
       top:60px;
       left:65px;
}
#sidebar #newhomes {
   position:absolute;
   top:500px;
   left:45px;
  height:80px;
  width:180px;
}
#sidebar #twitter {
       position:absolute;
       top:120px;
       left:65px;
}
#sidebar #screengrab {
       position:absolute;
       top:190px;
       padding: 20px 0px 0px 0px;
}	
#sidebar #laptop {
       position:absolute;
       top:230px;
       padding: 0px 0px 0px 0px;
}

#sidebar form {
	clear:both;
	padding: 70px 0 0 0;
}
	
/* FOOTER
------------------------------------------ */
#footer {
	clear: both;
	background-color:#fff;
	font-size:0.9em;
	height:1%;
	padding: 0 0 40px 0;
	}
	
#footer p, #footer p a {
	color:#000;
}

#footer p a:hover {
	color:#666;
}

#terms {
	float:left;
	margin-left:60px;
}

#copyright {
	float:right;
	margin-right: 90px;
}

#terms, #copyright {
	padding-top:10px;
}

/* ENQUIRY FORM 
------------------------------------------ */
.asterisk {
	color:#f00;
}

ul#enquiry_type {
	list-style:none;
	padding-left:20px;
}

/* JUMP MENU 
------------------------------------------ */

option {
	font-size:0.9em; padding: 3px;
}

option.country {
	background-color: #027; font-weight: bold; color:#fff;
}

/* LOGIN FORM 
------------------------------------------ */


div#logindiv {
	position:relative;
	padding-bottom:15px;
}

.loginform {
	position:absolute;
	top: 5px;
	left:710px;
}

.loginform *:focus {
	outline:none;
}

.loginform fieldset {
	border:0;
}

.loginform legend {
	display:none;
}

.loginform input {
	font-size:1em;
}

.loginform label {
	float:left;
	width:70px;
	margin-top:5px;
	text-align:right;
	white-space:nowrap;
	font-weight:bold;
}

.loginform .textfield {
	background:url(/images/textinput.jpg) no-repeat;
	border:0;
	height:23px;
	width:160px;
	margin:1px 5px;
	padding:2px 0 0 5px;
}

.loginform .submit {
	margin:2px 0 0 75px;
}