/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 20px;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
:focus {
	outline:none;}
	
a img, :link img, :visited img {
	border: 0;
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* ------- HTML ------- */
body {background:#f5e5cb url(../images/background.jpg) top center no-repeat; font:normal normal 75% Verdana, Geneva, sans-serif;}

h1, h2, h3 {color:#372616; font-weight:bold; padding-top:10px;}
h1.first, h2.first, h3.first {padding-top:0;}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}

p {padding:0 0 10px 0;}
strong {font-weight:bold;}
hr {margin:2px 0 5px 0; border:none; border-top:#F1DEBD 1px solid; border-bottom:#4C361F 1px solid;}
iframe {margin:10px 0;}
label {clear:both; display:block;}

a {color:#ADB112; font-weight:bold;}
a:hover {color:#768A1B;}

table.normal {border:#000 1px solid; background:#fff;}
	table.normal tr td {border:#000 1px solid; padding:4px;}
	table.normal thead tr td {background:#888; color:#fff;}
	table.normal tbody tr:nth-child(odd) td {background:#eee;}

/* ------- HELPFUL ------- */
.text-center {text-align:center;}
.center {margin:0 auto; display:block;}
.left {float:left;}
.right {float:right;}
.hidden{display:none;}
.white80 {background:#F6E6CA; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.light {color:#F1DEBD; text-shadow:0 0 3px #000;}

.small {font-size:.8em;}
.large {font-size:1.2em;}
.larger {font-size:1.4em;}

.textarea {width:100%; height:300px;}
.inputtext {width:300px; margin-bottom:5px;}

.half {width:40%; padding:4%;}
.clear {width:100%; display:block; clear:both;}
.spacer {height:14px; display:block;}

/* ------- LINKS ------- */
.block {display:block; padding:4px; text-align:center; background:#fff; font-weight:bold; text-decoration:none; font-size:1.2em; color:#000; margin:5px auto; border:#4C361F 3px solid; -moz-box-shadow:0 0 8px #E6D0A7; box-shadow:0 0 8px #E6D0A7;}
	a.block:hover {border-width:6px; padding:1px;}

#featured-homes {width:229px; height:168px; display:block; text-indent:-9999px; background:url(../images/featured-homes.jpg) top left no-repeat; border:#fff 5px solid; -moz-box-shadow:0 0 6px #372616; -webkit-box-shadow:0 0 6px #372616; margin:0 auto 6px;}

#edit_page {display:block; background:#fff; color:#000; text-decoration:none; position:absolute; top:0; left:0; z-index:9999; padding:10px; border:#000 1px solid; border-width:0 1px 1px 0;}

.home_button {width:265px; height:114px; display:block; float:left; padding-right:40px;}
	.home_button.first {padding-left:40px;}
	.home_button.last {padding-right:0;}
	#woodlands_happenings {background:url(../images/woodlands_happenings.png) top center no-repeat;}
	#michaels_listings {background:url(../images/michaels_listings.png) top left no-repeat;}
	#michaels_testimonials {background:url(../images/michaels_testimonials.png) top left no-repeat;}

.map {width:80px; height:auto; display:block; background:url(../images/map.png) top center no-repeat; padding-top:65px; text-align:center; text-transform:uppercase; text-decoration:none; font-size:.8em; color:#777;}
	.map:hover {color:#000;}

/* ------- CONTENT ------- */
#michaelz {width:204px; height:259px; display:block; background:url(../images/michael.png) top left no-repeat; position:absolute; top:4px; left:50%; margin:0 286px; z-index:10;}

#container {position:absolute; top:215px; left:50%; width:980px; height:auto; margin:0 -490px; padding:0; background:#C09E76 url(../images/container-bg.jpg) top left no-repeat; overflow:auto;}

ul#nav {height:36px; border:#939393 1px solid; background:url(../images/nav-bg.jpg) top left repeat-x;}
	ul#nav li {display:inline; position:relative; display:block; float:left;}
		ul#nav li a {display:block; float:left; height:36px; line-height:36px; padding:0 6px; color:#D0F5BA; text-decoration:none; font-size:1.2em; border-right:#D0F5BA 1px solid;}
			ul#nav li a:hover {background:url(../images/nav-bg.jpg) bottom left repeat-x;}
			ul#nav li:hover ul {display:block;}
		ul#nav li ul {display:none; position:absolute; top:36px; left:-15px; background:#442F1C; width:auto; border-top:#939393 1px solid; z-index:50;}
                    ul#nav li ul li {display:block; clear:both; width:100%;}
                        ul#nav li ul li a {display:block; clear:both; border:#D0F5BA 1px solid; border-width:0 1px 1px 1px; width:100%; padding:0; text-indent:10px;}
                            ul#nav li ul li a:hover {background:#D0F5BA; color:#29590D;}

#content {width:960px; padding:10px; background:#F1DEBD url(../images/content-bg.jpg) top left no-repeat; overflow:auto;}

#main-content {width:665px; float:left; padding:10px;}
	body.full #main-content {width:940px;}

#home_top_banner {width:947px; height:281px; display:block; background:url(../images/top_banner.jpg) top left no-repeat; margin:0 auto; position:relative;}
	#home_top_banner h1 {display:block; position:absolute; top:2px; left:10px; z-index:9999; background:none; color:#654015;}
	#home_top_banner .rotator {width:673px; height:273px; display:block; position:relative;}
		#home_top_banner .rotator li {position:absolute; top:4px; left:4px;}
	
	.listing_areas {position:absolute; top:60px; left:686px; width:250px; display:block;}
		.listing_areas li {display:inline;}
		.listing_areas li a {color:#654015; display:block; padding:4px 8px;}
			.listing_areas li a:hover {background:#654015; color:#E0CEC5}

.testimonials {background:#FBF5EC; border:#fff 4px solid; -moz-box-shadow:0 0 6px #372616; -webkit-box-shadow:0 0 6px #372616; margin:0 auto 6px; padding:4px;}
.custom-list {background:#fff; border:#4C361F 3px solid; -moz-box-shadow:0 0 8px #000; box-shadow:0 0 8px #000; overflow:auto; width:400px; margin:10px auto; padding:5px;}

#awards {display:block; text-align:center;}

#home-contact-box {
	width: 200px;
}
#home-contact-box {
	background-color: #382715;
	color: #fff;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px;
	width: 210px;
	text-align: center;
}
#home-contact-box h3 {
	color: #ffffff;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
}
#home-contact-box h4 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}
#home-contact-box a {
	color:  #fff;
	font-weight: bold;
}
#home-contact-box p {
	padding-bottom: 5px;
}

/* ------- LISTINGS ------- */
#sort {display:block; margin:10px auto; background:#fff; padding:8px 4px; text-align:center;}
	#sort a {padding:4px; color:#000;}
	#sort a:hover {}

#listings {padding:20px 0 0;}
#listings li {display:block; position:relative; border:#745739 2px solid; background:#fff; overflow:hidden; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; margin:0 0 20px 0;}
#listings li img {float:left;}
#listings li h2 {margin:0; padding:0; font-size:1.2em; border-bottom:#54402D 1px solid;}
#listings li p {margin:0; padding:0; font-size:.8em; line-height:1.6;}
#listings li .desc {padding:10px; width:380px; float:right;}
#listings li .details {position:absolute; bottom:0; right:0; font-size:.8em; text-transform:uppercase; text-decoration:none; background:#745739; color:#fff; padding:4px 8px;}
	#listings li .details:hover {background:#E4CF9E; color:#745739;}

#michael-zabrycki-realtor-listing p#short_desc {margin:10px 0; background:#fff; padding:5px;}
#michael-zabrycki-realtor-listing table {background:#fff; margin:10px auto; width:95%; border-collapse:collapse; border:#54402D 3px solid; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000;}
#michael-zabrycki-realtor-listing table tr td {padding:2px 5px; border:#888 1px solid;}
#michael-zabrycki-realtor-listing table tr td:first-child {font-weight:bold;}

#media {display:block; padding:20px 0;}
#listing_images.rotator {width:256px; height:192px; display:block; position:relative;}
	#listing_images.rotator li {position:absolute; top:0; left:0; overflow:hidden;}
	#thumbs {position:absolute; top:0; left:270px; width:400px; height:auto;}
		.thumb {width:40px; height:40px; float:left; margin:0 4px 4px 0; display:block; overflow:hidden; background-position:center center; border:#000 1px solid; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
		.thumb:hover, #current-thumb {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/* ------- SIDEBAR ------- */
.sidebar {width:250px; overflow:hidden;}
#featured {width:240px; height:180px; display:block; overflow:hidden; margin:0 auto; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; border:#fff 1px solid; position:relative; text-decoration:none;}
    #featured span {position:absolute; z-index:10; bottom:0; left:0; display:block; width:240px; height:22px; background:#fff; font-size:.8em; text-align:center; color:#000;}

#side_search {background:#fff; width:230px; padding:5px; margin:0 auto 10px; position:relative;}
    #side_search #info, #side_search #loader {max-height:300px; overflow:auto; font-size:.8em; position:absolute; top:44px; left:0; background:#fff; padding:5px; width:215px; border:#888 1px solid; border-width:0 1px 1px; -moz-box-shadow:2px 3px 4px #000;}
    #side_search #loader li {}
    #side_search #loader li a {text-decoration:none; display:block; border:#333 1px solid; padding:4px; margin:0 0 4px; overflow:auto;}
        #side_search #loader li a:hover {background:#eee;}
    #side_search #loader li a h2 {font-size:.8em; padding:0 0 4px; line-height:1.2;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
