/*
------------------------------------------------------------------------------------------------
	GENERIC CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	13-07-2007															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Simpson Bacon & Company															
------------------------------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------------------ HTML / BODY
															
------------------------------------------------------------------------------------------------
*/

html {
	min-height: 100%;
	height: auto;
}

body {
	background: #0A231C url(images/background.gif);
	font-family: "Lucida Grande", Lucida, arial, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 10px;
}

/*
-------------------------------------------------------------------------------- TITLES AND TEXT
														
------------------------------------------------------------------------------------------------
*/

h1 {position: absolute; left: -2000px;}

a {color: #C92224; margin: 0; padding: 0; outline: none;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #666; text-decoration: none;}
a.active {color: #666;}

a.job {color: #C92224; margin: 10px 0 0 0; padding: 0; outline: none; display: block;}
a.job:link, a:.jobvisited {text-decoration: none;}
a.job:hover {color: #666; text-decoration: none;}
a.job.active {color: #666;}

/* --- */

h2.home {background: url(images/title_home.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 0 0 10px 0; padding: 0;}

h2.buying {background: url(images/title_buying.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 10px 0 10px 0; padding: 0;}

h2.renting {background: url(images/title_renting.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 10px 0 10px 0; padding: 0;}

h2.commercial {background: url(images/title_commercial.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 10px 0 10px 0; padding: 0;}

h2.services {background: url(images/title_services.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 0 0 10px 0; padding: 0;}

h2.valuation {background: url(images/title_valuation.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 0 0 10px 0; padding: 0;}

h2.jobs {background: url(images/title_jobs.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 0 0 10px 0; padding: 0;}

h2.contact{background: url(images/title_contact.gif); text-indent: -2000px; font-size: 2em; 
width: 390px; line-height: 23px; height: 23px; margin: 0 0 10px 0; padding: 0;}

/* --- */

h3.search {background: url(images/subtitle_propertysearch.gif) no-repeat; text-indent: -2000px; 
font-size: 1.5em; width: 355px; line-height: 23px; height: 23px; margin: 0 0 10px 35px; padding: 0;}

h3.valuation {background: url(images/subtitle_valuation.gif) no-repeat; text-indent: -2000px; 
font-size: 1.5em; width: 355px; line-height: 23px; height: 23px; margin: 0 0 10px 35px; padding: 0;}

h3.request {background: url(images/subtitle_request.gif) no-repeat; text-indent: -2000px; 
font-size: 1.5em; width: 355px; line-height: 23px; height: 23px; margin: 0 0 10px 35px; padding: 0;}

h3.requestval {background: url(images/subtitle_requestval.gif) no-repeat; text-indent: -2000px; 
font-size: 1.5em; width: 355px; line-height: 23px; height: 23px; margin: 0 0 10px 35px; padding: 0;}

h3.message {background: url(images/subtitle_message.gif) no-repeat; text-indent: -2000px; 
font-size: 1.5em; width: 355px; line-height: 23px; height: 23px; margin: 0 0 10px 35px; padding: 0;}

/* --- */

h4 {font-size: 1.25em; line-height: 1.25em; color: #004F3E; font-weight: bold; padding: 10px 10px 0 47px; margin: 0;}

#content_left p {font-size: 1.1em; line-height: 1.7em; padding: 10px 10px 10px 47px; margin: 0;}

#content_left2 p {font-size: 1.1em; line-height: 1.7em; padding: 10px 10px 10px 47px; margin: 0;}

#search_content_left p {font-size: 1.1em; line-height: 1.7em; padding: 10px 10px 10px 47px; margin: 0;}

.feature p {font-size: 1.1em; line-height: 1.7em; padding: 0 10px 10px 0; margin: 0;} 


/*
------------------------------------------------------------------------------------- NAVIGATION
														
------------------------------------------------------------------------------------------------
*/

ul#nav {position: absolute; width: 780px; margin: 0; padding: 0;}
ul#nav li {float: left; list-style-type: none;}
ul#nav li a {height: 35px; display: block; position: absolute; top: 0; text-indent:-9999px; outline: none;}

li#navHome a, li#navBuying a, li#navRenting a, li#navCommercial a, li#navServices a, 
li#navValuation a, li#navJobs a, li#navContact a {background: url(images/bg_navigation.gif);}

li#navHome a {background-position: 0 0; width: 87px; left: 0; }
li#navHome a:hover, li#navHome a.active {background-position: 0 -35px;} 

li#navBuying a {background-position: -87px 0; width: 89px; left: 87px;}
li#navBuying a:hover, li#navBuying a.active {background-position: -87px -35px;}

li#navRenting a {background-position: -176px 0; width: 96px; left: 176px;}
li#navRenting a:hover, li#navRenting a.active {background-position: -176px -35px;}

li#navCommercial a {background-position: -272px 0; width: 123px; left: 272px;}
li#navCommercial a:hover, li#navCommercial a.active {background-position: -272px -35px;}

li#navServices a {background-position: -395px 0; width: 96px; left: 395px;}
li#navServices a:hover, li#navServices a.active {background-position: -395px -35px;}

li#navValuation a {background-position: -491px 0; width: 108px; left: 491px;}
li#navValuation a:hover, li#navValuation a.active {background-position: -491px -35px;}

li#navJobs a {background-position: -599px 0; width: 72px; left: 599px;}
li#navJobs a:hover, li#navJobs a.active {background-position: -599px -35px;}

li#navContact a {background-position: -671px 0; width: 109px; left: 671px;}
li#navContact a:hover, li#navContact a.active {background-position: -671px -35px;}

/*
----------------------------------------------------------------------------------------- LAYOUT
														
------------------------------------------------------------------------------------------------
*/

#master {background: #fff; width: 780px; margin: 0 auto; padding: 0;}

#topstripe {background: #F04337; height: 5px; line-height: 5px; margin: 0; padding: 0;}

#header {height: 85px; margin: 0; padding: 0;}

#logo {background: url(images/simpsonbacon_logo.jpg) no-repeat; height: 85px; width: 350px; margin: 0; padding: 0; float: left;}

#numbers {background: url(images/bg_numbers.jpg) no-repeat; height: 85px; width: 430px; margin: 0; padding: 0; float: right;}

#navigation {height: 35px; margin: 0; padding: 0;}

#flashwindow {background: url(images/bg_flashwindow.gif) no-repeat; margin: 10px 0 0 0; padding: 17px 0 21px 28px;}

#content {margin: 0; padding: 0 0 10px 0;}

#content_left {width: 390px; margin: 0; padding: 10px 0 0 0; float: left;}

#content_left2 {width: 389px; margin: 42px 0 30px 0; padding: 0; float: left;}

#content_right {width: 390px; margin: 0; padding: 10px 0 0 0; float: right;}

.feature {background: #D9E7E4; margin: 0 47px 20px 35px; padding: 10px 0 5px 10px;}

/*
------------------------------------------------------------------------------------------ FLASH
														
------------------------------------------------------------------------------------------------
*/

#flash {height: 245px; width: 720px; margin: 0; padding: 0;}

/*
----------------------------------------------------------------------------------------- SEARCH
														
------------------------------------------------------------------------------------------------
*/

#search_content {margin: 0; padding: 0 0 10px 0;}

#search_content_left {margin: 0; padding: 0 0 0 25px; float: left;}

.searchbox {border: 1px solid #ccc;}

/*
------------------------------------------------------------------------------------------ FORMS
														
------------------------------------------------------------------------------------------------
*/

fieldset {margin: 0; padding: 0; border: 0;}

label {float: left; width: 10em;}

input {font-size: 1.2em; line-height: 1.7em; width: 170px; border: 1px solid #ccc; margin: 0; padding: 0;}

textarea {font-family: "Lucida Grande", Lucida, arial, verdana, sans-serif; font-size: 1.2em; line-height: 1em; width: 170px; border: 1px solid #ccc; margin: 0; padding: 0; overflow: auto;}

input.searchbtn {float: right; border: 0; margin: 0 17px 0 0; padding: 0; width: 91px; height: 20px;}

select {font-size: 1em; line-height: 1.7em; width: 170px; margin: 0; padding: 0;}

a.more {background: url(images/btn_more.gif) no-repeat; display: block; text-indent: -2000px; 
width: 104px; height: 20px; margin: 0 0 0 175px; padding: 0;}

p.check {float: left;}

.checkbox {width: 1em; margin: 3px 12px 0 0; padding: 0; border: none;}

* html .checkbox {width: 1em; margin: 0 12px 0 0; padding: 0; border: none;}

/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; height: 0; line-height: 0px;}