/*****************************************************************
css stylheet

website: Essence Homes
author: brandt reed
e-mail: brandt@treblered.com
created: 2009-01-06

COLOR PALLETE

*****************************************************************/
 @import url('styles/menu.css');

/***************************************************************
Typography
****************************************************************/



body{
margin:0 0 100px 0;
padding:0;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size:small;
font-weight:normal;
line-height: 1.4em;
color:#333;
background: url("../../graphics/leaftile.png") top left repeat;
}

b{font-size: 110%;}
em{color: red;}

p {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height: 1.4em;
	margin: 0;
	padding:5px 0;
}

h1 { color: #000; font-size:300%; margin:0;padding:5px 0 20px 0; }
h2 { color: #69B6D7;  font-size:160%; margin:0;padding:5px 0 0 0;}
h3 {color: rgb(120, 119, 65); font-size:130%; margin:0;padding:16px 0 0 0; }
h4 { color: #69B6D7; font-size:110%; margin:0;padding:5px 0 0 0; }
h5 { color: #9a8720; font-size:130%; margin:0;padding:10px 0 0 0; }
.UnderC {color: rgb(120, 119, 65); font-size:190%; margin:0;padding:5px 0 0 0; font-weight: bold;}
.blue-big {color: #69B6D7; font-size:190%; margin:0;padding:5px 0 0 0; font-weight: bold;}

.photo {border:1px solid #69B6D7; margin:4px 2px;} /*border for photos*/

/*Removes background color for tables that don't need jQuery applied stripes*/
#tabs tr td {background:none;}
.listing-box tr td {background: none;}
.nobg tr td {background: none;}

/*Control Bar*/
#control {
height:40px;
}

#control .current {background-color: #5092cc;margin:0;padding:0 3px; color: #fff;}

#control a {margin:0;padding:0 2px; }



/***************************************************************
Misc
****************************************************************/

.listing-box {padding:4px; margin: 0 0 20px 0; border: 1px solid #999868;}
.listing-box td {padding:6px;} /*spacing for listing boxes*/
a img {border: none;}

.btn-soldhomes {float: right;padding-top:15px;}

.slideshow {border: 10px solid #d1c9a4;}


/*Table Stripe Classes*/
td {
	padding:6px 11px;
	border-bottom: 1px solid #FFFBDE;
	vertical-align: top;
	background: #eeeeee;
}

td * {
padding: 6px 11px;
}

tr.alt td {background: #dfdfdf;}

.gallery td, .gallery td *{padding:0;background:#FFFBDE;}

/***************************************************************
Anchors
****************************************************************/

/*Site anchor styles*/
a:link, a:visited {color: #69B6D7;text-decoration:underline;}
a:hover {color:#333;}

/*External Link graphic placement*/
a[href^="http:"] {background: url(../images/externalLink.gif) no-repeat right top;padding-right:8px;}
a[href^="http://www.essencehomes.com"],a[href^="http://essencehomes.com"], a[href^="http://www.pixeltrails.com"] {background-image:none;padding-right:0;}



/***************************************************************
Layout
****************************************************************/
#maincontainer{
width: 960px; /*Width of main container*/
margin: 50px auto 0px; /*Center container on page*/
background: url("../../graphics/bg-content.png") top left repeat;

}

#topsection{
background: #fff;
height: 120px; /*Height of top section*/
}

#nav-top {
height:45px;
background: #BADBDB url("../../graphics/divider-nav.png") top left repeat-x;
}


#divider {
margin: 30px auto;
width:940px;
height:1px;
/**background-color: #eeeeee;**/
}

#contentwrapper{
float: left;
width: 100%;

}

/**#page-home #contentwrapper {
background: url("../../graphics/watermark.gif") top left no-repeat;

}**/

#contentcolumn{
margin-left: 280px; /*Set right margin to RightColumnWidth*/

}

#leftcolumn{
float: left;
width: 280px; /*Width of right column*/
margin-right: -280px; /*Set left margin to -(RightColumnWidth) */

height:400px;
}

#footer{
clear: left;
width: 100%;
color: #5191cd;
text-align: center;
height:16px;
background: url("../../graphics/footer.png") top left repeat-x;
}

#footer a {
color: #FFF;
}

#footer-overhang {
color: #FFFBDE;
width: 960px;
height:46px;
margin: 0 auto;
padding: 8px 0 0 0;
text-align: center;
/**background: url("../../graphics/footer-overhang.gif") top left repeat-x;**/
}

/**#footer-bar {
background: url("../../graphics/bg-footer.gif") top left repeat-x;
width:100%;
height:200px;
float:left;}**/

.innertube{
padding: 0 20px 30px 20px; /*Margins for inner DIV inside each column (to provide padding)*/

}

.blue-big {color: #BADBDB; font-size:190%; margin:0;padding:5px 0 0 0; font-weight: bold;}
.blue-big2 {color: #BADBDB; font-size:18px; margin:0;padding:5px 0 0 0; font-weight: bold;}