/*
-----------------------------------------------
Style Sheet

Site: 1StopSoCalREO.com
Author:   Aaryn.com
Version:  2009.11
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* ---------- A note on font-sizing ---------- 
Default font size in IE6, IE7 and FireFox is 16px. 
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/

html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background:#b3b3b3;
	font-size:.70em; /* 75% of 16px = 12px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#58595B;
	}

a:link, a:visited {
	color:#48aa43;
	}
	
a:hover, a:active {
	color:#007f92;
	}
	

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:right;
	}

.pic_border {
	padding:5px;
	border:1px solid #9b8e80;
	}
	
.pic_left_border {
	margin:0 10px 2px 0;
	float:left;
	padding:5px;
	border:1px solid #9b8e80;
	}

.bluetext {
	color:#007f92;
	font-size:1.2em;
	}
	
.greentext {
	color:#48aa43;
	font-size:1.2em;
	}


/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:955px;
	margin:0px auto 0 auto;
	line-height:1.8em;
	background:#ffffff;
	}	

#content_container_top {
	width:955px;
	background:url(../images/header.gif) no-repeat;
	padding:0px 0px 0 0px;
	margin:0 auto;
	border-bottom:none;
	}

#logo {
	width:780px;
	height:122px;
	text-indent:-5000px;
	background:url(../images/header.gif) no-repeat;
	display:block;
	float:left;
	}
	
	
#address_right {
	width:175px;
	float:right;
	display:inline;
	line-height: 1.4em;
	color:#9d0001;
	font-size:1.2em;
	padding:30px 0px 0px 0px;
	}
	
#address_right a{
	color:#9d0001;
	}
	
#home_banner {
	width:955px;
	height:205px;
	background:url(../images/homebanner.jpg) no-repeat;
	padding:0px 0px 0 0px;
	margin-top:10px;
	border-bottom:none;
	}
	
#home_banner_text {
	width:230px;
	float:left;
	display:inline;
	line-height: 1.4em;
	margin-left:50px;
	margin-top:40px;
	}

#home_column_services {
	width:242px;
	float:left;
	line-height: 1.8em;
	margin-left:50px;
	color:#007f92;
	}
	
#home_column_areas {
	width:300px;
	float:left;
	margin-left:27px;
	line-height: 1.6em;
	}
	
#home_column_areas_map {
	width:138px;
	height:55px;
	background:url(../images/map_home.gif) no-repeat;
	line-height: 1.6em;
	display:block;
	padding:130px 0px 0px 160px;
	}
	
#home_column_reosearch {
	width:320px;
	margin-left:16px;
	float:right;
	line-height: 1.6em;
	}
	
#home_column_connect {
	width:232px;
	float:left;
	line-height: 2.2em;
	margin-left:50px;
	color:#007f92;
	}
	
#home_column_patkoch {
	width:300px;
	float:left;
	margin-left:37px;
	line-height: 1.6em;
	}
	
#home_column_testimonials {
	width:320px;
	margin-left:16px;
	float:right;
	line-height: 1.6em;
	}

#home_column_testimonials_text {
	width:264px;
	height:221px;
	color:#48aa43;
	background:url(../images/quote_box.gif) no-repeat;
	}

#contact_info {
	width:300px;
	margin-left:10px;
	float:right;
	line-height: 1.6em;
	}

#about_banner {
	width:955px;
	height:205px;
	background:url(../images/aboutbanner.jpg) no-repeat;
	margin-top:10px;
	}
	
#offer_banner {
	width:955px;
	height:205px;
	background:url(../images/offerbanner.jpg) no-repeat;
	margin-top:10px;
	}
	
#services_banner {
	width:955px;
	height:205px;
	background:url(../images/servicesbanner.jpg) no-repeat;
	margin-top:10px;
	}

#agent_banner {
	width:955px;
	height:205px;
	background:url(../images/agentbanner.jpg) no-repeat;
	margin-top:10px;
	}
	
#contact_banner {
	width:955px;
	height:205px;
	background:url(../images/contactbanner.jpg) no-repeat;
	margin-top:10px;
	}


#sub_single_column {
	padding:0px 44px;
	background:#ffffff;
	}

#content_container_bottom {
	width:955px;
	background:#ffffff;
	padding-top:16px;
	margin:0 auto;
	border-top:none;
	}
	

#helpful_links_bar {
	width:861px;
	height:26px;
	background:url(../images/helpful_links_bar.gif) no-repeat;
	margin:0 auto;
	border-top:none;
	text-align:right;
	line-height:2em;
	color:#ffffff;
	}
	
#helpful_links_bar a{
	color:#ffffff;
	}

#general_list ul {
    	margin: 0;
   		padding: 0px;
    	}

 	#general_list li {
    	margin: 0;
		line-height:1.4em;
    	padding: 0px 15px 0px 15px;
    	display: block;
    	background:url(../images/bluebullet.gif) no-repeat;
    	}
		
#pdf_list ul {
    	margin: 0;
   		padding: 0px;
    	}

 	#pdf_list li {
    	margin: 0;
		line-height:2.5em;
    	padding: 0px 22px 0px 22px;
    	display: block;
    	background:url(../images/pdf.gif) no-repeat;
    	}

#footer {
	width:955px;
	height:35px;
	color:#007f92;
	margin-top:32px;
	background:url(../images/footer.gif) no-repeat;
	text-align:center;
	}
	
	#footer ul {
    	margin: 0;
   		padding: 0;
    	}

 	#footer li {
    	margin: 0;
    	padding: 0 5px 0 7px;
    	display: inline;
    	line-height:1.4em;
    	background: none;
		color:#007f92;
    	}

	#footer li.first { 
    	border: none;
    	}

	#footer a:link, #footer a:visited{
		text-decoration:none;
		}

	 #footer a:hover, #footer a:active {
	 	color:#007f92;
		text-decoration:none;
		}


#copyright {
	width:949px;
	margin:10px auto 16px auto;
	color:#58595B;
	font-size:.92em;
	text-align:center;
	}
	
#copyright2 {
	width:949px;
	margin:10px auto 16px auto;
	color:#58595B;
	font-size:.85em;
	text-align:center;
	}
	




/* subpage horizontal navigation
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/navnew.gif") no-repeat; width:955px; height:46px; position:relative; float:left; margin-top:0px; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:46px; display:block; }
#nav span { display:none; }

#nav-01 { width: 107px; left: 0px; }
#nav-02 { width: 93px; left: 107px; }
#nav-03 { width: 138px; left: 201px; }
#nav-04 { width: 120px; left: 338px; }
#nav-05 { width: 126px; left: 457px; }
#nav-06 { width: 114px; left: 582px; }
#nav-07 { width: 111px; left: 695px; }
#nav-08 { width: 151px; left: 791px; }

#nav-01 a:hover, #nav-01.selected { background: transparent url("../images/navnew.gif") -0px -46px no-repeat; }
#nav-02 a:hover, #nav-02.selected { background: transparent url("../images/navnew.gif") -107px -46px no-repeat; }
#nav-03 a:hover, #nav-03.selected { background: transparent url("../images/navnew.gif") -201px -46px no-repeat; }
#nav-04 a:hover, #nav-04.selected { background: transparent url("../images/navnew.gif") -338px -46px no-repeat; }
#nav-05 a:hover, #nav-05.selected { background: transparent url("../images/navnew.gif") -457px -46px no-repeat; }
#nav-06 a:hover, #nav-06.selected { background: transparent url("../images/navnew.gif") -582px -46px no-repeat; }
#nav-07 a:hover, #nav-07.selected { background: transparent url("../images/navnew.gif") -695px -46px no-repeat; }
#nav-08 a:hover, #nav-08.selected { background: transparent url("../images/navnew.gif") -791px -46px no-repeat; }	




