/*
-----------------------------------------------
Screen Stylesheet

Site: Smith-Reese Group
Author: Delwin Holeman | www.aaa-studio.com
Version: 2006.09
----------------------------------------------- */

* {
	margin: 0; 
	padding: 0;
	}

body {
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg_frame.gif);
	}

	
#container {
	margin: 0 auto;
	width: 960px;
	}
	
	
#framed-page {
	margin: 0 auto;
	width: 913px;
	}
	
	
#frame body {
	margin: 0 auto;
	text-align: center;
	background: #fff;
	}


/* 
LINKS --------------------- */


a:link, a:active, a:visited {
	text-decoration: underline;
	color: #5a422e;
	}
	
a:hover {
	text-decoration: none; 
	color: #5a422e;
	}



/* 
MASTHEAD --------------------- */

#masthead {
	position: relative;
	background: url(../images/masthead_frame.gif) no-repeat;
	}

#masthead a {
	display: block; 
	height: 111px; 
	border: 0;
	width: 960px;
	}
	
#masthead strong {
	display: none;
	}


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

#nav-main {
	position: relative;
	width: 960px;
	height: 30px;
	font: normal .7em verdana, Arial, sans-serif;
	}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav li {
	float: left;
	height: 22px;
	padding-top: 8px;
	background: url(../images/bg_menu_item.gif) no-repeat;
	}
	
#nav li#n-contact {
	float: left;
	background: url(../images/bg_menu_contact.gif) no-repeat;
	}
	
#nav li#n-home {
	float: left;
	background: url(../images/bg_menu_home.gif) no-repeat;
	}
	

#nav a:link, #nav a:active, #nav a:visited {
	display: inline;
	padding: 8px 11px 8px 11px;
	color: #533117;
	text-decoration: none;
	background: url(../images/bg_menu_item.gif) no-repeat;
	}
	
#nav a:hover {
	background: url(../images/bg_menu_item_on.gif) no-repeat;
	}
	

	

	
	
/* 
CONTENT AREA HOME --------------------- */


#photo-anim {
	position: relative;
	height: 247px;
	}

#content {
	margin: 0 auto;
	padding-bottom: 1.5em;
	width: 960px;
	background: url(../images/bg_container.gif) repeat-y;
	}

#content-home {
	width: 744px;
	margin: 0 auto;
	}
	 
#content-home #left {
	float:left;
	width:437px;
	}

#content-home #right {
	float: right;
	text-align: left;
	width: 307px;
	}	
	
#content-home h1 {
	color: #fff;
	padding: 1.0em 0 .3em .8em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	background-color: #c3ad9b;
	}
	
#content-home h2 {
	color: #fff;
	padding: 1.0em 0 .3em .6em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	background-color: #c3ad9b;
	}


#content-home h3 {
	color: #5a422e;
	height: 23px;
	width: 45%;
	padding: .7em 0 0 .7em;
	font: bold 1.0em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	border-top: 5px solid #a88d77;
	}

#content-home h4 {
	color: #fff;
	height: 23px;
	width: 416px;
	margin: .8em 0 0 0;
	padding: .7em 0 0 .78em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	border-top: 1px solid #a88d77;
	background-color: #c3ad9b;
	}
	
#content-home h5 {
	color: #fff;
	height: 23px;
	margin: 1.1em 0 0 0;
	padding: .7em 0 0 .6em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	border-top: 1px solid #a88d77;
	background-color: #c3ad9b;
	}
	
	
#content-home #left p {
	margin: .4em 1.3em .6em 1.1em; 
	font: normal .70em/1.4em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	text-align: left;
	}
	
#content-home #left p.large-text {
	margin: .8em 1.6em 1.25em 1.0em; 
	font: normal .90em/1.6em 'Lucida Sans Unicode', verdana, helvetica, arial, sans-serif;
	}

	
#content-home #right p {
	margin: .3em 0 1.25em .86em; 
	font: normal .70em/1.6em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	text-align: left;
	}
	  
	 
/* 
CONTENT AREA SECONDARY PAGES --------------------- */
	
#menu-bottom {
	position: relative;
	height: 5px;
	}
	
#menu-bottom img {
	display: block;
	}

#content-sec-wrapper {
	margin: 0 auto;
	padding-bottom: 1.5em;
	width: 960px;
	background: url(../images/bg_container_sec.gif) repeat-y;
	}
	
#content-sec {
	width: 744px;
	margin: 0 auto;
	}
	 
#content-sec #left {
	float:left;
	width: 194px;
	}

#content-sec #right {
	float: right;
	text-align: left;
	width: 549px;
	}	
	
#content-sec h1 {
	color: #fff;
	padding: .75em 0 .3em 1.4em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	background-color: #c3ad9b;
	border-bottom: 1px solid #a88d77;
	}
	
#content-sec h2 {
	color: #5a422e;
	padding: 1.0em 0 1.0em 1.4em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	}


#content-sec h3 {
	color: #5a422e;
	height: 23px;
	width: 45%;
	padding: .7em 0 0 .7em;
	font: bold 1.0em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	border-top: 5px solid #a88d77;
	}

#content-sec h4 {
	color: #fff;
	height: 23px;
	width: 416px;
	margin: .8em 0 0 0;
	padding: .7em 0 0 .78em;
	font: bold .9em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	border-top: 1px solid #a88d77;
	background-color: #c3ad9b;
	}
	
#content-sec h5 {
	color: #fff;
	height: 25px;
	margin: 0 0 0 0;
	padding: .5em 0 0 .6em;
	font: bold .8em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	text-align: left;
	border-top: 7px solid #a88d77;
	background-color: #c3ad9b;
	}
	
	
#content-sec #left p {
	width: 150px;
	padding: .5em 1.3em .6em 1.1em; 
	font: normal .70em/1.4em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	text-align: left;
	}

	
#content-sec #right p {
	margin: .3em 2.3em 1.25em 2.0em; 
	font: normal .70em/1.6em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	text-align: left;
	}
	
#content-sec #right #listings p {
	margin: .3em 2.3em 1.25em 1.7em; 
	font: normal .70em/1.6em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	text-align: left;
	}
	
#content-sec #right img {
	margin: 0 0 .7em 1.3em; 
	}
	
#content-sec #left ul {
	padding: 1.0em .5em 1.0em 1.8em;
	text-align: left;
	width: 154px;
	}
	
#content-sec #left ul li {
	list-style: none url(../images/list_item.gif);
	font: normal .70em/1.6em verdana, helvetica, arial, sans-serif;
	}

	

	
#content-sec ul.two-col {
  	float: left;
  	width: 32em;
  	padding: 0 0 1.5em 1.9em;
  	list-style: none;
	}
 
#content-sec li.two-col {
  	float: left;
  	width: 18em;
  	font: normal .8em/1.6em verdana, helvetica, arial, sans-serif;
  	color: #5a422e;
  	background-image: url(../images/list_item.gif);
  	background-position: 0 .15em;
  	background-repeat: no-repeat;
  	padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
	}

	
/* 
MISC ID'S AND TAGS --------------------- */

#content ul {
	padding: 1.0em 0 1.0em 1.8em;
	text-align: left;
	}
	
#content ul li {
	list-style: none url(../images/list_item.gif);
	font: normal .70em/1.6em verdana, helvetica, arial, sans-serif;
	}

	
#weather {
	display: block;
	margin: 0 0 0 .6em;
	width: 175px;
	overflow: hidden;
	}
	
#weather table {
	margin: 0;
	padding: 0;
	}
	
#weather td {
	margin: 0;
	padding: 0;
	}
	
.pullquote {
	width: 38%;
	float: right;
	font: bold italic 1.2em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	line-height: 160%;
	padding: .8em .5em .4em 1.0em;
	color: #5a422e;
}

.listing {
	width: 165px;
	float: left;
	padding: 0 .5em .3em 0;
}
	
.heading6 {
	padding: 1.3em 0 0 .75em;
	font: bold .75em/1.6em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	}		
	
form {
	padding: .4em 0 0 0;
	}

.button {
	margin: 0 0 0 .7em;
	}
	
.button a:link, .button a:active, .button a:visited {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 150px;
	height: 23px;
	padding: .3em 0 0 0; 
	background: url(../images/button_bg.gif) no-repeat;
	font: bold .70em 'Lucida Sans Unicode', verdana, helvetica, sans-serif;
	color: #5a422e; 
	}
	
.button a:hover {
	background: url(../images/button_bg_over.gif) no-repeat;
	color: #654a34; 
	}
	
input.border {
	color: #a07c5e; 
	border: 1px solid #5a422e;
	}

img {
	border: none;
	display: block;
	}
	
img.border {
	margin-top: 10px;
	border: 7px solid #dfd2c7;
	}
	
#right img.border {
	margin-left: 10px;
	}
	
#content-sec #right img.border-listing {
	margin: 0;
	border: 2px solid #7d5f47;
	}

ul#skip, ul#back {
	display: none;
	}

#quote {
	float: left;
	margin: 20px 0 0 8px;
	background: url(../images/quote.gif) no-repeat top left
	}
	
#quote p {
	padding-top: 20px; 
	width: 204px !important;
	width: 204px;   /* hack for IE */
	font: normal 1.0em Georgia, serif; 
	line-height: 1.2em;
	letter-spacing: .01em;
	color: #00396b; 
	}
	
#quote em {
	font: bold italic .7em Georgia, serif; 
	letter-spacing: .03em;
	line-height: 3em;
	}
	
.small-text {
	font: normal .8em verdana, helvetica, arial, sans-serif;
	margin-top: -30px;
	color: #5a422e;
	}
	
.no-display {
	display: none;
	}

hr {
	margin: 1.0em 0 0 0;
	border: 0;
	color: #5a422e;
	background-color: #5a422e;
	height: 1px;
	}

br.clear {
	clear: both;
	}

.large-text {
	font: normal 105% verdana, arial, sans-serif;
}


	
/* 
TABLES --------------------- */
	
table {
	margin: 0 0 1.25em 0; 
	font: normal .70em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	}
	
th {
	text-align: left;
	font-weight: bold;
	padding: 5px 10px;
	}
		
td {
	padding: 2px 10px;
	}
	

/* 
FOOTER --------------------- */
	
#footer {
	clear: both;
	height: 53px;
	background: url(../images/bg_footer.gif);
	}	

#footer p {
	font: normal .6em verdana, helvetica, arial, sans-serif;
	color: #a88d77;
	padding: 2.0em 0 1.0em 1.0em;
	text-align: center;
	}	

#footer a:link, #footer a:active, #footer a:visited {
	color: #a88d77;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
	
/* 
POPUPS --------------------- */
	
#popup {
	padding: 20px 20px 20px 20px;
	width: 500px;
	background: #FFF url(../images/top.gif) no-repeat;
	}
	
#popup h4 {
	margin-bottom: 1.25em; 
	font: bold .80em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	}
	
#popup h5 {
	margin-bottom: 1.25em; 
	font: bold .70em verdana, helvetica, arial, sans-serif;
	color: #5a422e;
	}
	
#popup h4 a {
	text-decoration: none;
	}
	
#popup  ul {
	padding: 0 10px 0 30px;
	font: normal .70em verdana, helvetica, arial, sans-serif;
	line-height: 1.3em;
	color: #465182;
}

#popup  ul li {
	list-style: disc;
	padding: 0 0px 7px 0px;
}




/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */