/* ---- Stylesheet for DeGuire Properties - Created: 01/08/2008 - 3:49 pm ---- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
margin: 0 auto;
padding: 0;
text-align: center;
background: #369 url(../i/bg.jpg) no-repeat 50% 0;
font: 12px tahoma, arial, helvetica, sans-serif;
}

/* ---- Standard Elements ---- */

a	{
color: #039;
text-decoration: underline;
}

a:hover	{
color: #039;
text-decoration: none;
}

img	{ border: 0; }

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{ font: 12px tahoma, arial, helvetica, sans-serif; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-block; }

.error	{
color: #900;
font-size: 10px;
}

/* ---- Layout ---- */

#wrapper	{
width: 900px;
margin: auto;
text-align: left;
}

#content-wrapper	{
width: 900px;
margin: auto;
background: #fff;
}

.section	{
width: 884px;
margin: auto;
background: #fff;
}

#header	{
background: #9f6311 url(../i/bg-header.png) repeat-x;
border: solid 10px #c93;
border-top: none;
height: 102px;
width: 864px;
position: relative;
}

#marquis	{
border-top: solid 5px #3e2f1f;
border-bottom: solid 1px #3e2f1f;
width: 884px;
height: 176px;
margin-top: 1px;
margin-bottom: 34px;
}

#main-content	{
background: #fff;
padding-bottom: 20px;
}

#content	{
float: left;
width: 540px;
margin: 0 30px 0 22px;
display: inline;
}

html>body #content { margin-left: 22px; }

#right-col	{
float: left;
display: inline;
margin: 0 22px 0 0;
width: 270px;
font-size: 11px;
line-height: 18px;
}

#footer	{
width: 876px;
margin: auto;
background: #036;
color: #fff;
border-top: solid 20px #fff;
border-bottom: solid 30px #369;
padding: 12px;
font-size: 11px;
line-height: 18px;
}

/* ---- Header ---- */

#logo	{
position: absolute;
top: 10px;
left: 11px;
padding: 0;
margin: 0;
}

#logo a	{
display: block;
background: url(../i/logo.gif) no-repeat;
width: 227px;
height: 86px;
}

html>body #logo a { background-image: url(../i/logo.png); }

.nav	{
list-style: none;
padding: 0;
margin: 82px 0 0 0;
color: #fff;
font-weight: bold;
float: right;
}

html>body .nav { margin-bottom: 11px; }

.nav li	{
float: left;
padding: 0 15px;
}

.nav li a	{
color: #fff;
text-decoration: none;
}

/*  ---- Content ---- */

#content p, #content li { line-height: 18px; }

#content .featured-home	{
font-size: 11px;
border: solid 1px #369;
background: url(../i/bg-featured-property.png) repeat-x;
padding: 8px 0 0 0;
}

#content .featured-home .details { padding: 0 0 8px 0; }


#content .featured-home .thumb	{
border: solid 1px #369;
float: left;
display: inline;
width: 173px;
height: 108px;
margin: 0 10px 0 7px;
}

#content .featured-home .thumb img { border: solid 3px #fff; }

#content .featured-home .information	{
float: left;
width: 346px;
line-height: 14px;
}

#content .featured-home .information h2	{
color: #900;
font-size: 14px;
font-weight: bold;
margin: 8px 0 0 0;
}

#content .featured-home .details .information .featured-specs	{
list-style: none;
margin: 11px 0 18px 0;
padding: 0;
font-weight: bold;
}

#content .featured-home .featured-specs li	{
float: left;
padding: 0 9px;
border-right: solid 2px #000;
}

#content .featured-home .featured-specs li.first { padding-left: 0; }

#content .featured-home .featured-specs li.last { border-right: none; }

#content .featured-home .footer	{
background: #930;
font-weight: bold;
height: 24px;
line-height: 24px;
padding: 0 0 0 10px;
}

#content .featured-home .footer a { color: #fff; }

#content #sub-content { margin-top: 20px; }

#content #what-you-get	{
background: url(../i/bg-what-you-get.jpg) no-repeat;
width: 279px;
height: 160px;
padding: 20px 0 0 70px;
font-family: 'trebuchet MS', tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
float: left;
display: inline;
margin-right: 20px;
}

#content #what-you-get h2	{
background: url(../i/hdr-what-you-get.png) no-repeat;
width: 203px;
height: 39px;
margin-bottom: 10px;
}

#content #what-you-get ul	{
padding: 0 0 0 1em;
margin: 0 0 0 1em;
list-style-type: square;
}

#content #owner-message	{
float: left;
width: 171px;
font-family: 'trebuchet MS', tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
font-style: italic;
}

#content #owner-message .author { font-weight: bold; }

#content #testimonial	{
margin-top: 30px;
line-height: 18px;
}

#content #testimonial h2	{
color: #900;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
}

#content #testimonial .author { font-weight: bold; }

/* Contact Us */

#contact-information	{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #ddd;
}

#contact-information h4 { font-size: 12px; }

.contact-row div	{
float: left;
width: 270px;
margin: 20px 0;
line-height: 18px;
}

fieldset	{
margin-bottom: 15px;
padding: 5px;
* margin-bottom: 35px;
background: #d1dde9;
}

legend	{
font-weight: bold;
text-transform: uppercase;
color: #000;
padding: 5px 10px 10px 10px;
* margin: -20px 0 0 0;
* padding-top: 10px;
background: #d1dde9;
}

#form-contact-info div { float: left; }

#form-contact-info .label { width: 100px; }

#form-contact-info .form { width: 160px; }

#form-looking-for .column	{
float: left;
width: 260px;
}

fieldset .form { margin-bottom: 10px; }

.alert	{
font-size: 12px;
margin: 20px 0;
padding: 20px;
border: solid 1px #75736e;
background: #ddd;
text-align: center;
font-weight: bold;
}

/* Property Listings */
    /* any home listing type */
.specs .label { font-weight: bold; }
   
    /* all listings */
.listings, .single-listing { margin: 20px 0; }

.listings .listing {
margin-bottom: 20px;
padding: 20px 10px;
border: solid 1px #3E2F1F;
border-right: solid 10px #369;
}

.listings .listing img {
float: left;
width: 100px;
height: 85px;
}

.listing-name {
font-weight: bold;
margin: 2px 0;
}

.plan-details-blurb { margin: 10px 0 0 0; }

.listings .listing .listing-name, .listings .listing .specs { margin-left: 120px; }

.listings .address, .listings .information, .listings .plan-details, .listings .features { display: none; }

    /* single listing */
/*.single-listing .listing img { float: right; }*/

.single-listing .specs { margin: 10px 0; }

.single-listing .information {
margin: 10px 0;
font-size: 90%;
}

.single-listing .information a:link, .single-listing .information a:hover, .single-listing .information a:visited, .single-listing .information a:active { color: #900; }

.single-listing .plan-details-blurb { display: none; }

.single-listing .plan-details, .single-listing .features { background: #D1DDE9; }
.single-listing .header {
color: #FFF;
background: #369;
font-weight: bold;
padding: 5px;
margin: 0 0 5px 0;
}

.single-listing .plan-details .content { padding: 5px; }

.single-listing .features .content ul { list-style: disc none inside; }

.single-listing .features .content ul li {
float: left;
width: 200px;
margin: 0 10px;
padding: 0 5px;
}

/* Portfolio */
.portnav { margin-bottom: 15px; }

.portnav a {
font: 9px 'Lucida Grande', verdana, arial, helvetica, sans-serif;
border: 1px solid #aaa;
float: left;
padding: 3px;
text-align: center;
color: #aaa;
margin: 0 3px 3px 0;
text-decoration: none;
}

.portnav a:hover, .portactive	{
font: 9px 'Lucida Grande', verdana, arial, helvetica, sans-serif;
border: 1px solid #aaa;
float: left;
padding: 3px;
text-align: center;
margin: 0 3px 3px 0;
color: #fff;
text-decoration: none;
background: #aaa;
}

#portfolio-image	{
float: left;
width: 300px;
}

#portfolio-details	{
float: left;
width: 240px;
}

#portfolio-image img	{
padding: 4px;
border: 1px solid #aaa;
}

#portfolio-details div	{
line-height: 20px;
}

/* ---- Right Column ---- */

#welcome { background: #eacdb1; }

#welcome h3	{
background: url(../i/right-col-headers.png) no-repeat;
width: 270px;
height: 50px;
}

#welcome p	{
margin: 0;
padding: 8px 10px 13px 25px;
}

#flyer{
padding-bottom:3px;
background-color:#ffefde;
}

#current-news	{
background: #eacdb1 url(../i/bg-current-news.png) no-repeat bottom left;
border-bottom: dotted 1px #c96;
}

#current-news h3	{
background: url(../i/right-col-headers.png) no-repeat 0 -100px;
width: 270px;
height: 25px;
}

#current-news ul	{
font-weight: bold;
list-style: none url(../i/bullet.gif);
line-height: 20px;
padding-bottom: 10px;
}

html>body #current-news ul { list-style-image: url(../i/bullet.png); }

#current-news a { color: #039; }

#affiliations	{
margin-top: 10px;
font-weight: bold;
text-align: center;
}

#right-col .featured-home	{
position: relative;
background: #eacdb1;
}

#right-col .featured-home a, #right-col .featured-home a:hover { color: #000; }

#right-col .featured-home h2	{
position: absolute;
top: 0;
left: 0;
background: url(../i/right-col-headers.png) no-repeat 0 -50px;
width: 270px;
height: 50px;
}

#right-col .featured-home .details { padding: 60px 10px 16px 10px; }

#right-col .featured-home .details .thumb	{
border: solid 1px #369;
float: left;
margin-right: 6px;
display: inline;
width: 69px;
height: 43px;
}

#right-col .featured-home .details .thumb img	{
border: solid 1px #fff;
width: 67px;
height: 41px;
}

#right-col .featured-home .details .information	{
float: left;
width: 173px;
}

#right-col .featured-home .details .featured-specs	{
list-style: none;
margin: 0;
padding: 0;
font-weight: bold;
}

#right-col .featured-home .details .featured-specs li	{
float: left;
padding: 0 9px;
border-right: solid 1px #000;
}

#right-col .featured-home .details .featured-specs li.other { display: none; }

#right-col .featured-home .details .featured-specs li.first { padding-left: 0; }

#right-col .featured-home .details .featured-specs li.last { border-right: none; }

#right-col .featured-home .footer { display: none; }

/* ---- Footer ---- */

#footer a { color: #fff; }

#footer #copyright	{
float: left;
width: 438px;
}

#footer #contact-info	{
float: left;
width: 438px;
text-align: right;
}

/* ---- Page Headers ---- */

h1 { background: url(../i/headers.png) no-repeat; }

h1#about	{
width: 209px;
height: 19px;
}

h1#services	{
background-position: 0 -111px;
width: 59px;
height: 14px;
}

h1#current-news-hdr	{
background-position: 0 -97px;
width: 108px;
height: 14px;
}

h1#contact-us	{
background-position: 0 -69px;
width: 85px;
height: 14px;
}

h1#available-sites {
background-position: 0 -34px;
width: 106px;
height: 15px;
}

.thumbs
{
	margin: 10px 0;
}

.listings .listing .thumbs { display: none; }

.thumbs a
{
	text-decoration: none;
}

.thumbs a img
{
	padding: 2px;
	border: solid 1px #CCCCCC;
}


/* ---- Common Hides for Image Text ---- */

.alt, h1 span, #logo a span, #marquis span, #content #what-you-get h2 span, #welcome h3 span,
#current-news h3 span, #right-col .featured-home h2 span { display: none; }

/* ---- LIGHT BOX START ---- */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../i/lbimg/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../i/lbimg/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	td.tdImg { width:150px; height:100px;}
/body{background-color:#eee;}
#divWG {text-align:center; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#divWG img, #divWG table {border:none;}
#divWG a:link, #divWG a:visited {text-decoration:none;}
#divWG a:hover {color:red;text-decoration:underline;}
#tblThumbsLayout {text-align:left; margin: 0 auto;}
#tblGalleryName{margin-top:2px;}
#currentGalleryLocation {font-weight:bold;}
td#galleryNameCell {font-size: 18px; font-weight:bold; color:#606060; margin: 6px 6px 0 0;}
td#pagingCell {text-align:right; white-space:nowrap;}
.currentPage {font-weight: bold;}
td#pagingCell a, .currentPage {font-size: 12px; padding: 3px 5px; border:1px solid #ccc;vertical-align:middle; }
td#pagingCell a:hover, .currentPage {border: #666 1px solid; background-color:#fff; text-decoration:none;}
td.tdImg {border: 1px solid; border-color: #aaa #666 #666 #aaa;
  text-align:center; background-color:#e9e9e9; vertical-align:middle;padding:4px;}
td.tdImg img {margin-top:11px;}
#pnCell {text-align:right;}
a.pn, a.pn:LINK,a.pn:VISITED {color: #606060; font: 9px arial, helvetica, sans-serif; text-decoration: none; padding: 1px 4px;}

	
/* ---- LIGHT BOX END ---- */