/*
*******************************************************************************
*	(c) Lee Dingain
* 
*	filename: style.css
*	purpose:  default styles for www.sherwoodpropertyservices.com
*
*******************************************************************************

$Revision: 1 $
$Date: 28 August 2009 $
$CreatedBy: Lee Dingain $
$LastChangedBy: Lee Dingain $
*/

/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. MAIN STYLES
	2. NAVIGATION
	3. LAYOUT
	4. HOME
	5. TESTIMONIALS
	6. CONTACT US
	7. THANK YOU
*/

/* ---------------------------------------------------------- 
	1. MAIN STYLES 
-----------------------------------------------------------*/

* {
	margin: 0;
	font-family: sans-serif, Helvetica, Arial, "Gill Sans", Lucida, "Helvetica Narrow";
}

body {  
	text-align:left;
	width: 100%;	
	height: 100%;
	font-size: 12px;
	color: #595959;
	/* background-image: url(../images/body-bg.png); background-position: top left; background-repeat: repeat; */
}

a:link		{ text-decoration: underline; font-style: normal; color: #FF8622; }
a:visited	{ text-decoration: underline; font-style: normal; color: #FF8622; }
a:hover		{ text-decoration: none; font-style: normal; color: #FF8622; }
a:active	{ text-decoration: underline; font-style: normal; color: #FF8622; }

/* Fix for PNG behaviour in IE6 and below */
img { _behavior: url('/scripts/iepngfix.htc'); }

div#header h1 {
    width: 170px;
    height: 142px;
	float: left;
	margin: 10px 0 0 10px;
}

div#header h1 a {
	display: block;
	width: 170px;
	height: 142px;
	background: url("../images/logo-sps-2.png") no-repeat;
	text-indent: -5000px;
	/* margin: 10px 0 0 10px; */
}

h2 {
	font-size: 22px;
	padding: 0 0 10px 14px;
	font-weight: bold;
}

p {
	font-size: 13px; /* 14px; */
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 10px;
}

div#footer p {
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 14px;
	/* color: #9B9B9B; */
}

strong {
	font-weight: bold;
}

div#tel {
	/* background-color: red; */
	/* padding: 0 0 0 10px; */
	margin: 30px 0 0 0; /* 30px 0 0 10px; - changed when border removed - line 126 */
}

div#tel p {
	font-family: 'Comic Sans MS', Georgia, Ariel;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #FF8622;
}

.telno {
	font-size: 22px;
}

/* ---------------------------------------------------------- 
	2. NAVIGATION 
-----------------------------------------------------------*/

#nav {
	list-style: none;
	padding: 0;
	display: block;
	width: 172px;
}

#nav li {
	width: 170px;
	/* border: 1px solid #8C8C8C; */ /* #D7D7D7; #969696; */
	/* margin-bottom: 5px; */ /* Commented out when border removed - line 126 */
	text-align: left;
}

#nav li a {
	font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica;
	display: block;
	color: #8C8C8C;
	font-size: 12px; /* 15px; 13px; */
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0 5px 0; /* 5px 0 5px 12px; - changed when border removed - line 126 */
	/* background-color: red; */
	width: 93%;
}

#nav a:hover {
	/* background-color: #F5F5F5; */
	color: #373737; /* #595959; */
}

#nav li.selected a {
	color: #FF8622;
	/* background-color: #FF8622; */
}

/* ---------------------------------------------------------- 
	3. LAYOUT 
-----------------------------------------------------------*/
 
div#wrapper {
	width: 810px; /* 996px; */
	height: 100%;
	margin: 0 auto;
	display: block;
	/* background-color: blue; */
}

div#container {
	text-align: left;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
	position: relative;
	/* background-color: red; */
}

div#header {
	height: 150px; /* 180px; */
	margin-bottom: 14px;
	padding: 0;
	background-image: url(../images/header-title-4.jpg); background-position: 240px 40px; background-repeat: no-repeat;
	/* background-color: blue; */
}

div#content {
	width: 614px;
	margin: 0 0 12px 14px;
	padding: 0;
	position: relative;
	float: left;
	/* background-color: blue; */
}

div#menu {
	position: relative;
	/* background-color: green; */
	float: left;
}

.text {
	position: relative;
	float: left;
	width: 293px; /* 600px; 760px; */
	margin-left: 14px;
}

div#bottom {
	height: 30px;
	position: relative;
	clear: both;
	text-align: right;
	/* border-top: 1px solid #D5D5D5; */
	background-color: #FF8622;
}

div#footer {
	padding-top: 6px;
	position: relative;
	clear: both;
	text-align: right;
}

/* ---------------------------------------------------------- 
	4. HOME 
-----------------------------------------------------------*/

.img-home, .img-home-right {
	height: 110px;
	width: 110px;
	border: 1px solid #FF8622; /* #8C8C8C; */
}

.img-home {
	margin-right: 4px;
}

div#image-links {
	/* background-color: blue; */
	float: left;
	width: 600px;
	height: 110px;
	margin: 0 0 26px 14px; /* 0 0 16px 14px; */
}

/* ---------------------------------------------------------- 
	5. TESTIMONIALS 
-----------------------------------------------------------*/

#testimonials .text {
	position: relative;
	float: left;
	width: 600px;
	margin-left: 14px;
}

p.quote {
	padding: 20px 0 4px 0;
	font-style: italic;
	font-weight: bold;
}

p.ref {
	/* padding: 0; */
	color: #8C8C8C;
}

p.thankyou {
	font-size: 18px;
	font-weight: bold;
}

/* ---------------------------------------------------------- 
	6. CONTACT US
-----------------------------------------------------------*/

p.contact {
	margin: 10px 0;
}

.tel {
	font-size: 20px;
	font-weight: bold;
	color: #FF8622;
}

.contactus a, .thankyou a {
	font-size: 15px;
}

#contactform {
	/* background-color: red; */
	margin: 0 0 10px 0;
	padding: 0;
	width: 288px;
	float: right;
}

#contactform p {
	margin: 0;
	padding: 0;
	line-height: 15px;
}

#contactform input, textarea {
	font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica;
	font-size: 14px;
	color: #595959;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #C8C8C8;
	margin-bottom: 10px;
	padding: 3px 3px;
	width: 280px;
}

#contactform .textarea {
	height: 100px;
}

#contactform .send {
	float: right;
	margin: 0;
	padding: 2px;
	color: #595959;
	background-color: #C8C8C8;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 50px;
}

/* ---------------------------------------------------------- 
	7. CONTACT US
-----------------------------------------------------------*/

.thankyou div#content {
	margin-bottom: 253px;
}