body {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 78%;
	background-color:#48392c;
	padding:50px 0 30px ;
}

* 					{ margin:0; padding:0;} 
img					{ border:none; margin:0; padding:0;} 

p, .list,
form label			{ color:#dfd2b5; line-height:1.35em; font-size:.9em; }
p					{ margin-bottom:1em;} 

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-white			{ color:#FFF}
.txt-grey			{ color:#767676}
.txt-darkBrown		{ color:#48392c; }
.txt-mediumBrown	{ color:#b8a362; }

.txt-uppercase		{ text-transform:uppercase}
.txt-lowercase		{ text-transform:none;}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ }

div.maptext a,
a,
a:visited			{ color:#48392c;}
a:hover				{ text-decoration:none; color:#48392c;}

a.hide				{ position:absolute; left:-999em; }

h1					{ width:200px; height:86px; display:block; text-indent:-999em; margin:0; background:url('../images/colmoreSq/layout/logo.png') no-repeat top right; padding-bottom:10px; position:relative }
h1 span				{ width:146px; height:86px; display:block; text-indent:-999em; position:absolute; top:0; right:0; cursor:pointer;  }
h2					{ margin:0 0 .75em 0; display:block; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; border-bottom:1px dashed #b8a362; padding-bottom:.5em; height:54px; }


h3					{ color:#b8a362; margin:1.25em 0 .75em 0; text-transform:uppercase; font-size:1em; border-bottom:1px dashed #b8a362; padding-bottom:2px; }

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ width:1000px; text-align:left; margin:0 auto; position:relative; }  
#col-nav				{ width:200px; float:left; margin-right:50px; }
#col-content			{ float:left; width:750px; position:relative; }
#content				{ padding:10px; margin-bottom:2em; position:relative; overflow:hidden; }


/* Building (Thumbnails) */
/* ---------------------------- */
.building-content #text-panel a,
.building-content #text-panel a:visited { color:#DFD2B5; }

ul.thumbnails					{ list-style:none; margin-left:-15px}
ul.thumbnails li				{ float:left; margin:0 0 12px 15px;  }
ul.thumbnails li a				{}
ul.thumbnails li a img,
ul.thumbnails li a:visited img	{ width:58px; height:58px; border:5px #8c793d solid;  }
ul.thumbnails li a:hover img	{ border-color:#b8a362}

/* Interior */
ul.interior						{ position:absolute; top:10px; /*left:257px;*/ right:10px;}


/* Floorplans */
/* ---------------------------- */
.full-width h2							{  }
#full-width-content						{ clear:both; background-color:#bdad81;  }
.full-width .col-left					{ width:160px; padding:10px; margin-right:0; float:left; }
.full-width .col-left ul				{ margin-bottom:2.5em;}
.full-width .col-left ul li				{ list-style:none; margin-bottom:5px; display:inline; }
.full-width .col-left ul li	a,
.full-width .col-left ul li	a:visited	{ text-transform:uppercase; font-size:1em; color:#48392c; text-decoration:none; font-weight:bold; border-bottom:1px dashed #48392c; padding:5px 0; display:block; }
.full-width .col-left ul li.first a		{ padding-top:0; }
.full-width .col-left ul li	a:hover,
.full-width .col-left ul li.active a,
.full-width .col-left ul li.active a:visited	{ color:#f5ecd2; border-bottom:1px dashed #f5ecd2; }

a.pdf,
a.pdf:visited							{ background:url('../images/colmoreSq/pdf.png') no-repeat left 6px; padding:10px 0 5px 30px; display:block; text-transform:uppercase; line-height:1.3em; clear:both; font-weight:bold; }
a.pdf-spec								{ width:250px; border-top:1px dashed #48392c }
a.pdf-light,
a.pdf-light:visited						{ background-image:url('../images/pdf-bkgdLight.png')}
a.pdf:hover								{ text-decoration:none;}

.full-width .col-right					{ background-color:#e9e4d5; width:500px; padding:10px 10px 10px 40px; float:left; position: relative;}
.full-width .col-right h3				{ margin-top:0; text-align:right; color:#9f8945; }
.full-width .col-right p				{ color:#9f8945; text-align:right; position:relative; z-index:999; }
.full-width .col-right img.floorplan	{ position:relative; top:-28px; margin-bottom:-29px; }
.full-width .col-right img.colmore-plan-7	{ margin-bottom:-16px;}
.full-width .col-right img.small-floorplan			{ /*top:-15px; margin-bottom:-17px; left:-165px;*/ left:75px; margin-bottom:-16px;}
.full-width .col-right img.very-small-floorplan		{ /*top:-15px; margin-bottom:-17px; left:-165px;*/ left:75px; margin-bottom:0; margin-top: 56px;}

a.btn-dwg,
a.btn-dwg:visited						{ background-color: #48392C; color: #FFF; padding: 3px 7px; z-index: 999; position: absolute; right: 10px; text-decoration: none; font-size: .8em; }
a.btn-dwg:hover							{ background-color: #BDAD81; color: #48392C;}


/* Schedule */
/* ---------------------------- */
div.schedule #full-width-content		{ background-color:#e9e4d5; }
div.schedule img						{ float:left}

table									{ width:258px; border-collapse:collapse; margin:15px 0 15px 15px; float:left;}
body.colmoreSq table					{ margin:15px}
table td, table th						{ padding:5px 8px 5px 0; text-transform:uppercase; font-size:.9em; border-bottom:1px dashed #bdad81; color:#70583b;}
table th								{ color:#70583b; border-bottom-style:solid}
table tfoot td							{ font-weight:bold; border-bottom:none }

/* Connections */
/* ---------------------------- */
div.connections #full-width-content		{ height:240px;}

table.connections						{ width:211px;}
table.connections td,
table.connections th					{ padding:2px 8px 2px 0}
table.connections th					{ padding-top:0;}

/* Location */
/* ---------------------------- */
.location #full-width-content			{ background-color:#e9e4d5;}
.location  p							{ color:#48392c; }
.location .col-right					{ padding:0; width:550px }
.location .col-right img				{ float:left; }

#locationmap							{ width:550px; height:340px; }
#locationmap p							{ color:#48392c;}

img.locality-pic						{ }

div.map #full-width-content				{ background:#e9e4d5 url('../images/colmoreSq/map-pic.jpg') no-repeat bottom left; }
body.cannonHouse div.map #full-width-content				{ background:#e9e4d5 url('../images/cannonHouse/map-pic.jpg') no-repeat bottom right; }

/* Specifications */
/* ---------------------------- */
.specifications #full-width-content		{ background-color:#E9E4D5; padding:10px; }
.specifications #full-width-content p,
.specifications #full-width-content li	{ color:#48392c;}

ul.specifications-list					{ width:305px; float:left; margin-right:30px; }
ul.no-margin							{ margin-right:0; }
ul.specifications-list li				{ }

ul.spec-pics							{ margin-top:10px;}
ul.spec-pics li							{ list-style:none; float:left; margin-right:10px; }
ul.spec-pics li.last					{ margin-right:0;}
ul.spec-pics li	img						{ float:left;}

/* Amenities */
/* ---------------------------- */
ul.amenities-thumbnails					{ left:auto; right:10px;}



/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#nav 							{ position:absolute; text-align:right; width:215px}
#nav li 						{ list-style:none; margin-bottom:1px; }
#nav li a,
#nav li a:visited				{ text-transform:uppercase; font-size:.9em; color:#8f7450; text-decoration:none; padding-right:15px;   font-weight:bold; }
#nav li a:hover,
#nav li.active a,
#nav li.active a:visited,
#nav li.active a:hover			{ color:#ebe1c5; background:url('../images/colmoreSq/layout/nav-active.png') no-repeat right center  }
#nav li a:hover,
#nav li a:visited:hover			{ background-image:none;}

#nav li.other-site 				{ border-top:dashed 1px #8f7450; padding-top:6px; margin-top:7px;}
#nav li.bottom-link				{ margin-bottom: 0;}
#nav li.bottom-link a,
#nav li.bottom-link a:visited	{ padding-right:15px; background:url('../images/colmoreSq/layout/arrow.png') no-repeat right center; color:#ebe1c5; font-size:.8em;  text-transform:capitalize; margin-right:15px; }
body.cannonHouse #nav li.bottom-link a,
body.cannonHouse #nav li.bottom-link a:visited 	{ padding-right:0; }
#nav li.bottom-link a:hover,
#nav li.bottom-link a:visited:hover				{ color:#8f7450; background:url('../images/colmoreSq/layout/arrow.png') no-repeat right center; }

#flash-bubble					{ position:absolute; top:266px; }


/* Sub Nav */
/* ---------------------------- */
#sub-nav						{ position:absolute; top:50px; padding:0 0 10px 250px; border-bottom:1px dashed #b8a362; }
#sub-nav li						{ float:left; list-style:none; padding-right:10px; border-right:1px solid #ebe1c5; margin-right:10px;}
#sub-nav li.last				{ border:none; margin-right:0; padding-right:0; }
#sub-nav li a,
#sub-nav li a:visited			{ text-transform:uppercase; font-size:.9em; color:#b8a362; text-decoration:none; font-weight:bold;}
#sub-nav li.active a,
#sub-nav li.active a:visited,
#sub-nav li a:hover				{ color:#f5ecd2; }

.location #sub-nav						{ padding-left:190px;}


/* Footer Nav */
/* ---------------------------- */
#footer-nav						{ font-size:.8em; color:#ebe1c5; border-top:1px dashed #8f7450; padding-top:10px; }
#footer-nav li					{ list-style:none; float:left; padding-right:10px; border-left:1px solid #f5ecd2; padding-left:10px; text-transform:uppercase; font-weight:bold; color:#8f7450; }
#footer-nav li.first			{ padding-left:0; border:none;}
#footer-nav li a,
#footer-nav li a:visited		{ text-decoration:none; color:#8f7450; }
#footer-nav li a:hover,
#footer-nav li.active a,
#footer-nav li.active a:visited	{ color:#f5ecd2; }

p.speaks-for-itself				{ display:block; width:182px; height:15px; text-indent:-999em; background:url('../images/colmoreSq/layout/speaksForItself.png') no-repeat 0 0; position:absolute; right:0; margin-top:-16px;}

/* --------------------- */
/* additions */
/* --------------------- */
#text-panel								{ float:left; width: 195px;  z-index: 10; position:relative; background-color:#70583b; padding: 0 15px 0 0; }
.content-right #text-panel				{ float: right; padding: 0 5px 0 10px;} 
.btn-slide								{ float: right; margin-top: 200px; text-transform: uppercase; background: #9b8950; padding: 5px; color: #f5ecd2;  z-index: 10; position:relative; font-weight:bold; font-size:.8em; cursor:pointer }
body.cannonHouse .btn-slide				{ background-color:#48392c}
.btn-slide.left							{ float: left; }
.interior-content .btn-slide			{ margin-top: 155px; }
body.cannonHouse  .interior-content .btn-slide			{ margin-top: 165px; }
body div.background-image				{ width: 730px; height: 418px; overflow: hidden; background:url('../images/cannonHouse/home.jpg') no-repeat 0 0;}
body.colmoreSq div.background-image		{ background:url('../images/colmoreSq/home.jpg') no-repeat 0 0;}
body.colmoreSq .interior-content div.background-image,
body.cannonHouse .interior-content div.background-image	{ width:auto; height:auto; background-image:none;}
#text-panel p							{  }
div.home div.overlay					{ height:418px; }
.interior-content #text-panel			{ margin-top:100px; }
body.cannonHouse .interior-content #text-panel		{ margin-top:80px;}
.interior-content #text-panel p			{ margin-top:10px}
body.cannonHouse .amenities #text-panel	{ margin-top:110px;}

.hidden									{ display: none; }
.images									{ float:right}
.images img								{ position: absolute; top: 90px; left: 10px; }
.building-content .images				{ float:left; position:relative; margin-left:-10px; }
.building-content .images img			{ top:0; right:10px; }
body.colmoreSq .interior-content,
body.colmoreSq .building-content,
body.cannonHouse .interior-content,
body.cannonHouse .building-content 		{ height: 418px;}

/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
