/* Styles
   Author: Andrew Johnston


COLORS -----------------------------------------------

Dark Brown		#3d3329
Mid Brown		#463b2f
Light Brown		#7f654c
Orange			#996633
Tan				#c7c49d
White			#deddcb


------------------------------------------------------*/

html		{ font-size:16px; } 
body		{ font-size:62.5%; background: #463b2f url(../images/bg_brown.jpg); color: #deddcb;
			  font-family: Georgia, Times, Serif; }
p			{ font-size:1.2em; }

h1			{ text-indent: -1000em; background: transparent url(../images/sfh_logo.png) no-repeat; width: 280px; height: 160px;}
h2			{ font-size:1.4em; text-transform: uppercase; font-style: italic; font-weight: normal;
			  color: #996633; letter-spacing: 1px; }
h3			{ font-size:1.8em; margin: 2em 0 0 0;}

a:link,
a:visited	{ color: #deddcb; }   

a:hover,
a:active	{ color: #996633; }

a.current	{ color: #996633; }

a.orange:link,
a.orange:visited
			{ color: #996633; font-size: 1.2em;}

a.orange:hover,
a.orange:active
			{ color: #463b2f; }


em			{ font-size: 1.2em; margin: 1em; }
small		{display: block; margin: .2em 0;  }

form 		{ margin: 2em; }
input.submit{ background: #996633; color: #deddcb; text-trasform: uppercase; border:0; padding: 2px 7px;}

/* DIVS -----------------------------------*/

#wrapper 	{ background: #cdc9ae url(../images/content_bg.jpg) no-repeat; color: #463b2f;
			  width: 860px; margin: 3.5em auto 0 auto; border-bottom: 10px solid #7f654c;}

#header 	{ background: #3d3329 url(../images/header_bg.jpg) repeat-x; height: 175px; }

#menu 		{ background: #3f352a url(../images/menu_bg.gif) no-repeat; color: #deddcb; width: 200px; float: right; 
			  margin-top: -2em; margin-left: 1.5em; border-top: 5px solid #3d3329; padding-top: .63em; 
			  border-bottom: 5px solid #3d3329; height: 385px; }
#menu li	{ padding: .65em 0; }
#menu li a 	{ text-transform: uppercase; font-size: 1.4em; text-decoration: none;}
#menu em	{ margin: 3em 1.5em 0 1.5em; display: block; color: #c7c49d; font-size: 1.1em;}

#content-block		{ background: #7f654c; color: #deddcb; height: 231px; font-style: italic; margin-top:0;}
#content-left		{ width: 310px; float: left; padding: 0 2em; min-height: 200px; border-right: 1px dotted #463b2f;}
#content-right		{ margin-left: 375px; width: 400px; }

#content-block p 	{ font-size: 1.2em; line-height: 1.8em; padding: 1em; }
#content-left p 	{ font-size: 1.2em; }
#content-right p 	{ font-size: 1.2em;}

#content-block ul	{ margin: 0; padding-top: 1.5em; font-size: 1.2em; }
#content-block ul span {font-style: normal;font-family: Arial, Tahoma, Verdana;}
#content-block strong { color: #c7c49d;}
#content-block h3	{ margin: 0 0 .5em 0; color: #3f352a;}
#content-block h4	{ font-size: 1.2em; color: #3f352a;}


#subpage-content 	{ color: #3d3329; padding-bottom:2.5em; }
#subpage-content p 	{ padding: 0 1.5em; }
#subpage-content h2 { padding: 0 1.5em; }
#subpage-content h3 { margin:0 0 .35em 0; color: #7f654c; font-size: 1.4em }
#subpage-content ul	{ font-size: 1.2em; font-family: Arial, Tahoma, Verdana;}

#listings 	{ padding: 0 1.5em;  }

#listings #item 	{ width: 45%; float: left; border: 1px solid #7f654c; margin: .85em; padding: 1em;}

#sidebar	{ margin-left: 640px; }
#contact-sidebar { margin-left: 340px; }

#footer 	{  width: 860px; margin: 1em auto; color: #deddcb;}
#footer img	{ margin: 2em; }

/* Generic Classes -----------------------------------*/

.clear      { clear:both; }
.left       { float:left; }
.right      { float:right; }
img.left    { margin-right:2em; margin-bottom:1em; }
img.right   { margin-left:1em; margin-bottom:1.8em; }
.text-right { text-align:right; }
.half       { width:45%; }
.large		{ width: 350px; height:231px; }

img.thumb		{ width: 18em; margin-bottom: 0; }
img.gallerythumb		{ width: 10em; }

.hide		{ 
			  visibility:hidden;
			  width:0!important;
			  height:0!important;
			  line-height:0!important;
			  padding:0!important;
			  margin:0!important;
}


.white		{ color: #deddcb; }
.orange		{ color: #996633; }

.phone		{ background: transparent url(../images/phone.png) no-repeat; padding-left: 24px; font-family: Times;}
.email		{ background: transparent url(../images/email.png) no-repeat; padding-left: 24px; }


table		{
			  color:#463b2f;
			  background: #c7c49d ;
			  border-collapse:collapse;
			  width:635px;
			  font-size: 1.2em;
			  font-family: Times;
			  float: left;
}

table a:link,table a:visited { color: #463b2f;}
table a:hover,table a:active { color: #fff; }

table thead th	{
				  padding:1em 1em .5em;
				  font-size:1.2em;
				  text-align:left;
				  background: #7f654c;
				  color: #deddcb;
}

table td, table th	{
					  background:transparent;
					  padding:.5em 1em;
					  border:none;
}

table tbody tr td 	{ background:#c7c49d; border-bottom: 1px dotted #7f654c;}
table tfoot td 			{ padding-bottom:1.5em; }







form.contact	{ float: left; width: 435px; }


ul#form 		{ padding: 0; margin: 0; }
ul#form span 	{ width: 400px; display: block; padding: 2px; }

ul#form li 		{ padding: 0; margin: 10px 0; list-style-type: none; display: block; }

.req 			{ color: #990000; display: inline; width: 20px; margin: 0 5px 0 2px;}

ul#form li input 	{ margin-left: 1px; }
ul#form li textarea { margin-left: 1px; width: 350px; height: 100px;}

ul#features li 	{ font-size: .8em; padding: 5px 0; }
