@import url("typography.css");
@import url("header.css");
body{
    margin:0;
    padding:0;
	background:#f0e8db url(../images/headerbg.png) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    color: #6b532e;
}

/* Header, Content, and Footer wraps can't have their similar properties merged into pageWrap because of styling and stacking orders. */
#pageWrap{

}

#homeImg {
    text-align: center;
}

#homeInfo{
	width:200px;
	border:1px #9e7b45 solid;
	padding-bottom: 5px;
	text-align: left;
}

#homeInfo strong, #homeInfo span{
	margin-left: 5px;
}

#homeInfo h3{
	margin-top: 5px;
}

.row {
    clear: both;
    margin-bottom: 10px;
}

.inventory{
	border: 1px #9e7b45 solid;
	margin-bottom: 10px;
    padding: 10px;

}
.inventory h2 {margin-bottom: 0;}
.inventory h4 {margin-bottom: 10px;}
.inventory h4 a {
    color: #614312;
}
.inventory .description {
    clear: both;
}
.inventory img{
    margin:5px 5px 5px 5px;
    float:left;
}
.inventory .detail-link {
    background: transparent url(../images/linkIcon.gif) no-repeat left center;
    padding-left: 15px;
}
.info {
    margin-bottom: 10px;
}
.info dl {
    color: #666;
}
.info dt {
    clear: left;
    float: left;
    font-weight: bold;
}
.info dd {
    float: left;
    clear: right;
    margin-left: 5px;
}
#homeInfo .info dl {
    color: #614312;
    margin-left: 15px;
}

#leftContent{
   	width:245px;
	min-width: 200px;
	float:left;
	display:inline;
}
#leftContent h4 {
    text-align: left;
}
#leftContent ul{
	border: 1px solid #9e7845;
	margin-top: 15px;
	padding: 5px;
	width: 190px;
	list-style-image: url(../images/linkIcon.gif);
	list-style-type: none;
	list-style-position: inside;
}

#leftContent img {
	border: 1px solid rgb(97, 67, 18);
}

#leftContent #homeImg img{
	border: none;
}

#leftContent #homeInfo h4 {
    color: #614312;
    font-weight: bold;
    font-size: 14px;
    margin-left: 15px;
    text-align: left;
}

.description {
    margin: 10px 0;
}
.inventory .description {
    border: none;
}

#mainContainer{
    color: #6b532e;
	clear: both;
	background: #ffffff;
	min-width: 100%;
    width:100%;
    height: auto;
    margin:15px auto 0 auto;
    overflow-y: visible;
}

#content p {
    margin-bottom: 10px;
}

#contentWrap{
	width: 900px;
	min-width: 900px;
	margin: 0 auto 0px auto;
}

#rightContent{
	margin:0 0 10px 0;
	padding-top: 15px;
    width:650px !important;
    float: left;
	display:inline;
}

.testimonial{
	background:#f2ece4;
	width:500px;
	border:1px #9e7b45 solid;
    margin-bottom: 10px;
	padding: 10px;
}
.testimonial cite {
    float: right;
    font-weight: bold;
    font-style: normal;
    margin: 10px;
}

#gallery {
    position: relative;
    width: 500px;
}
#gallery #slideshow a {
    text-decoration: none;
}
#gallery p {
    margin: 5px 0 10px 0;
}
#gallery .next {
    float: right;
}
.album-nav {
    width: 200px;
}
.album-nav a {
    color: #0BA6ED;
    font-size: 10px;
}
.album-nav .prev {
    float: left;
    width: 80px;
}
.album-nav .next {
    float: right;
    width: 80px;
}
.album-nav .album-nav-img {
    height: 75px;
}
#album-list ul li {
    clear: none !important;
    float: left !important;
    margin-right: 2px;
}
#album-list ul li .galleryDetails {
    padding: 0 !important;
}
#album-list ul li .defaultImage {
    float: none !important;
    width: 320px !important;
}
#album-list ul li .defaultImage a {
    text-align: left !important;
    padding: 0 !important;
/*    width: 330px !important;*/
}
#album-list ul li .defaultImage a:hover {
    background: none !important;
}
#thumbs {
    background-color: #F0E8DB;
    margin: 10px 0;
    padding-bottom: 5px;
    width: 500px;
}
#thumbs li {
    float: left;
    margin: 5px;
    list-style-type: none;
}

#caption {
    margin: 10px 0;
}

div.content {
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    width: 500px; 
}
#controls .next {
    float: right;
}
div.controls {
    margin-top: 5px;
}
div.controls a {
    padding: 5px;
}
div#loading {
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 500px;
    height: 350px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow a.advance-link {
    display: block;
    width: 500px;
    height: 350px; /* This should be set to be at least the height of the largest image in the slideshow */
    line-height: 350px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
    text-decoration: none;
}
div.slideshow img {
    vertical-align: middle;
    border: 1px solid #ccc;
}
div.navigation {
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
a.thumb {
    background-color: white;
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
    background: #6b532e;
}
a.thumb:focus {
    outline: none;
}
ul.thumbs img {
    border: none;
    display: block;
}
div.image-desc {
    font-size: 12px;
}
#gallery p.original {
}
div.pagination {
    clear: both;
    height: 20px;
    margin: 0 5px;
}
div.navigation div.top {
    margin-bottom: 12px;
}
div.navigation div.bottom {
    margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
    background-color: white;
    display: block;
    float: left;
    margin-right: 2px;
    padding: 3px 6px;
    border: 1px solid #9AAFE5;
}
div.pagination a:hover {
    background-color: #eee;
    text-decoration: none;
}
div.pagination span.current {
    font-weight: bold;
    background-color: #2E6AB1;
    border-color: #2E6AB1;
    color: #fff;
}
div.pagination span.ellipsis {
    border: none;
    padding: 5px 0 3px 2px;
}
/* Get the Image Gallery to match Galleriffic */
#pagination-imagegallery .previous-off, #pagination-imagegallery .next-off {
    display: none !important;
}

#floorplans .item {
    border: 1px solid #9E7B45;
    float: left;
    height: 215px;
    margin-right: 5px;
    padding: 10px;
    width: 255px;
}

/* Bottom content on first page */

#bottomContent{
	text-align: left;
	background: #f0e8db;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin-top: 15px;
	padding-top: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

#bottomWrap{
	width: 900px;
	margin: 0 auto;
}

#bottomContent img{
	padding-right: 1px;
	border: none;
}

#bottomList, #bottomList ul{
	display: inline;
	list-style: none;
	list-style-type: none;
}

#bottomList li{
	float: left;
	text-align: left;
	width: 30%;
}

#bottomFirst{
	margin-left: 15px;
	margin-right: -20px;
}

#bottomList h4{
	text-align: left;
	margin-bottom: 15px;
}

#innerList, #innerList ul, #middleList, middleList ul{
	float: left;
	width: 250%;
}

#innerList li{
	float: none;
	list-style: square inside;
}

#middleList li{
	float: none;
	list-style-image: url(../images/lquote.png);
	list-style-position: outside;
	padding-left: 0;
	margin-left: 0;
	display: none; /* Temporarily hides all quotes, page-level script will display a random quote on load. */
}

#middleList p{
	padding-top: 4px;
}

#filter{
margin-bottom: 10px;
}

/* This all ends up different from the utilnav in the header, so unfortunately,
	we can't reuse any of it and combine the sections. */

#footer{
	min-height:60px;
	background: #f0e8db; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	border-top: #ffffff solid 2px;
	margin-top: 10px;
	width: 100%;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
/* 	margin-bottom: -10px; */
}

#footerWrap{
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#footer p{
	position: absolute;
	top: 1px;
	left: 170px;
	color: #777777;
}

#footnav, footnav ul {
	display: inline;
	position: absolute;
	top: 7px;
	left: 360px;
	list-style: none;
}

#footnav li{
	float: left;
	margin-left: 10px;
}

#footnav a{
	color:#0ba6ed;
	font-size: 10px;
	text-decoration: none;
}

/* Float classes, used primarily for floating images by text. */
.floatRight{
	float: right;
}

.floatLeft{
	float: left;
}

.breadcrumbs {
	font-size: 10px;
	margin-bottom: 10px;
}

/* IE7 fixes */

* + html #filter{
vertical-align: middle;
}

* + html #bottomFirst{
	margin-right: 0;
}

* + html #bottomList li{
	margin-right: 35px;
}