/*********************************************************************
	
	Procacci Development Cascading Stylesheet  (c) 2008
	Written by: THAT Agency LLC
	All rights reserved. 
	Any reproduction or intentional misuse is strickly prohibited
	
*********************************************************************/


/* Reset CSS */
@import url("reset.css");

/* All Text CSS */
@import url("text.css");

/* 960 Grid CSS */
@import url("960.css");

/* Global Navigation CSS */
@import url("global_nav.css");

/* jQuery Tooltip CSS */
@import url("jquery.cluetip.css");

/* jQuery Facebox Lightbox CSS */
@import url("facebox.css");


/*********************************************************************
	
	COLORS ->
	
	GREEN: #678F21
	ORANGE: #A25B20
	LOGO COLOR: #A25B20
	DARK BROWN: #281F16
	NAV GRAY: #BEBDBD
	CENTER BOX GRAY: #85807C
	BROWN BORDERS: #504942
	
*********************************************************************/

/*********************************************************************
	100% Wide Fill
*********************************************************************/

.wrapper, .wrapper_nav, .wrapper_footer, .wrapper_gradient, .wrapper_interiorCommon {
	width:100%;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	}
.wrapper_nav {
	background:#281F16 url("../img/nav_background.jpg") top center repeat-y;
	}
.wrapper_footer {
	background:#281F16 url("../img/nav_background.jpg") top center repeat-y;
	}
/*Sets large gradient section on home page and properties page*/
.wrapper_gradient {
	background:#85807C url("../img/gradient_background.jpg") top center repeat-x;
	margin-bottom:20px;
	}
/*Sets the gradient behind most H1 tags within common content pages. Allows left content to float above the gradient*/
.wrapper_interiorCommon {
	background:#FFF url("../img/interior_h1_gradient.jpg") top center repeat-x;
	/*margin-bottom:20px;*/
	min-height:450px;
	}

/*********************************************************************
	Header CSS
*********************************************************************/
.topperLeft {
	text-align:left;
	color:#B0B0B0;
	font-style:italic;
	padding:40px 8px 2px 10px;
	margin:0;
	line-height:22px;
	}
.topper {
	text-align:right;
	color:#B0B0B0;
	text-transform:uppercase;
	padding:40px 10px 2px 24px;
	margin:0;
	line-height:22px;
	}
.topperRight {
	text-align:right;
	color:#B0B0B0;
	padding:40px 0 2px 0;
	margin:0;
	line-height:20px;
	}
.topper strong{
	color:#393027;
	}
.loopNetButton{background-color:#A25B20;border:1px solid #281F16;color:#fff;margin:0;padding:0; text-align:center;}
.loopNetButton a{color:#fff;}
/*********************************************************************
	Header CSS
*********************************************************************/
.logo {
	border-right:1px solid #FFF;
	padding:9px 0 8px;
	}

/*********************************************************************
	Home Page CSS
*********************************************************************/

.home_flash {
	height:360px;
	text-align:center;
	padding:12px 0 0;
	}
.image_box {
	border:2px solid #5E564F;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	float:left;
	height:auto !important;
	}
.image_box_label{
	display:block;
	clear:both;
	margin:2px 0;
	padding:0 0 0 5px;
	text-align:left;
}
.image_box img {
	border:2px solid #FFF;
	margin:0;
	padding:0;
	}
.image_box a {
	border:none;
	}
.why ul{
	float:left;
	/*width:230px;*/
	font-size:10px;
	margin:0;
	}
.why ul li {
	padding:5px 0 5px 10px;
	margin:0 10px 0 0;
	line-height:11px;
	background: url("../img/nav_list.gif") 0px 7px no-repeat;
	text-transform:uppercase;
	}
a.no_format_link {
	color:#565959;
	text-decoration:none;
	}
a:hover.no_format_link {
	text-decoration:underline;
	color:#666666;
	}


/*********************************************************************
	Interior Common CSS
*********************************************************************/

.interior_common {
	padding:30px 0 0;
	}
.large_centerImage {
	margin:30px auto;
	text-align:center;
	}
.interior_common ul{
	float:left;
	width:230px;
	font-size:10px;
	margin:0;
	}
.interior_common ul li {
	padding:5px 0 5px 10px;
	margin:0 10px 0 0;
	line-height:11px;
	background: url("../img/nav_list.gif") 0px 7px no-repeat;
	}
.interior_common h1.property_name {
	margin-bottom:0px;
	padding-bottom:2px;
	}
.interior_common a {
	color:#A25B20;
	}
	


/*********************************************************************
	Property Pages CSS
*********************************************************************/

.property_list_background {
	background:url("/img/project_list_back.jpg") top center repeat-y;
	}
.top_padding {
	padding-top:20px;
	}
.property_categoryHeads h5 {
	color:white;
	margin:8px 0;
	padding:0;
	}
.project_list {
	padding:20px 0 0;
	}
.project_list p {
	margin:5px 0 2px;
	}
.project_list p strong a {
	margin:5px 0 2px;
	color:#666666;
	text-decoration:none;
	}
.project_list p strong a:hover {
	color:#A25B20;
	text-decoration:none;
	}
.project_list hr {
	margin:2px 0;
	height:1px;
	}
.property_icons {
	margin:0;
	padding:0;
	float:right;
	clear:none;
	width:30px;
	}
.property_icons img {
	float:right;
	padding:0 0 0 3px;
	}

 p.property_adrdress {
	margin:5px 0 12px;
	font-size:10px;
	}
.right_logos img{
	margin:0 0 15px 0;
	padding:0;
	border:none;
	width:220px;
	}
.right_logos a {
    color: #fff; /*A25B20*/
	text-decoration:underline;
}
a.property_builing_link {
	float:left;
	width:30%;
	margin:0;
	padding:5px;
	color:#FFF;
	background:#79736F;
	font-size:9px;
	text-decoration:none;
	text-transform:uppercase;
	border:1px solid #8A8582;
	}
a:hover.property_builing_link {
	background:#2A2118;
	color:#A25B20;
	}
a.property_builing_link.active {
	background:#2A2118;
	color:#FFF;
	}
#property_flash {
	height:327px;
	margin:0 0 20px;
	border-bottom: 2px solid #504942;
	border-top: 2px solid #504942;
	}

/*********************************************************************
	Tiger Striped tables CSS
*********************************************************************/

.interior_common table {
	border:1px solid #59524C;
	text-align:left;
	font-size:9px;
	}
.interior_common td,.interior_common tr {
	padding:2px;
	border-left:1px solid #59524C;
	}
th {
	background:#59524C;
	color:#FFF;
	margin: 0; 
	padding: 5px;
	}	
.odd { 
	background:#EDEDED; 
	margin: 0; 
	padding: 5px;
	}
.even { 
	background-color: #FFF; 
	margin: 0; 
	padding: 5px;
	}
.check {
	margin: 0; 
	padding: 5px;
	}

/*********************************************************************
	Property Image Carousel CSS
*********************************************************************/

.stepcarousel{
	position: relative; /*leave this value alone*/
	border-bottom: 2px solid #504942;
	border-top: 2px solid #504942;
	overflow: scroll; /*leave this value alone*/
	width: 700px; /*Width of Carousel Viewer itself*/
	height: 327px; /*Height should enough to fit largest content's height*/
	margin-bottom:20px;
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	z-index:1;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
.property_pagination {
	background:#2A2118;
	padding:5px 25px;
	margin:0;
	position:absolute;
	top:298px;
	left:600px;
	color:#FFF;
	}
		
/*********************************************************************
	Right Column Form CSS
*********************************************************************/
.right_form {
	background:#FFF;
	border:2px solid #5E564F;
	margin:0 0 10px 0;
	padding:8px;
	display:block;
	float:left;
	width:198px;
	}
.right_form label {
	color:#333333;
	text-transform:uppercase;
	font-size:9.5px;
	float:left;
	margin:5px 0 2px;
	padding:0;
	}
.right_form .form_result {
	border:1px solid #CCC;
	float:left;
	padding:20px 10px;
	width:174px;
	text-align:center;
	color:#A25B20;
	}
.right_form input, .right_form select {
	font-size:10px;
	color:#333;
	/*height:12px;*/
	width:190px;
	float:left;
	margin:0 0 15px 0;
	}


/*********************************************************************
	Contact Form CSS
*********************************************************************/
.contact_form {
	background:#fff;
	margin:0 0 10px 0;
	padding:8px;
	display:block;
	float:left;
	width:440px;
	}
.contact_form label {
	color:#333333;
	text-transform:uppercase;
	font-size:9.5px;
	float:left;
	margin:5px 0 2px;
	padding:0;
	width: 150px;
	}
.contact_form input, .contact_form select {
	font-size:10px;
	color:#333;
	/*height:12px;*/
	width:250px;
	float:left;
	margin:0 0 15px 0;
	}


/*********************************************************************
	News Press CSS
*********************************************************************/
.newsTitle h2 {
	font-size:13px;
	padding-bottom:1px;
	margin:0 0 0 45px;
	}

.newsTitle h2 a{
	color:#312820;
	text-decoration:none;
	}
.newsTitle p {
	color:#CCCCCC;
	margin:0 0 0 45px;
	padding:0 0 5px 0;
	}

.archives, .white_box {
	background:#FFF;
	border:2px solid #5E564F;
	margin:0 0 10px 0;
	padding:8px;
	display:block;
	float:left;
	width:198px;
	}
.archives ul {
	width:150px;
	}
	
.archives ul li {
	background:none;
	text-transform:uppercase;
	margin:8px 0;
	padding:0;
	font-size:10px;
	}
.archives li a {
	text-decoration:none;
	color:#333333;
	}
.archives li a:hover, .newsTitle h2 a:hover {
	text-decoration:underline;
	color:#A25B20;
	}
	
.dateBox {
	float: left;
	background-image: url(/img/date_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
	margin: 0px 10px 2px 0;
	padding: 6px 0 0;	
	width: 34px;
	height: 34px;
	}
.dateBox .eMonth {
	color: #B83D00;
	font-weight: bold;
	font-size: 9px;
	display:block;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	}
.dateBox .eDay {
	color: #312820;
	font-weight: bold;
	font-size: 13px;
	padding: 0px;
	margin: 0;
	display:block;
	}

/*********************************************************************
	Sitemap CSS
*********************************************************************/

.sitemap_list a{
	color:#565959;
	text-decoration:none;
	text-transform:uppercase;
	}
.sitemap_list a:hover{
	color:#333333;
	text-decoration:underline;
	}
.sitemap_list li ol li {
	background:none;
	}
.sitemap_list ol {
	margin-bottom:10px;
	}

/*********************************************************************
	Footer CSS
*********************************************************************/

.footer {
	text-transform:uppercase;
	color:#BEBDBD;
	font-size:9px;
	padding:10px 0 45px;
	height:70px;
	}
.footer a {
	text-decoration:none;
	color:#BEBDBD;
	font-family: 'Lucida Sans Unicode','Lucida Grande',LucidaGrande,'Lucida Sans',Geneva,Arial,sans-serif;
    font-size: 9px;
	}
.footer p{
	font-family: 'Lucida Sans Unicode','Lucida Grande',LucidaGrande,'Lucida Sans',Geneva,Arial,sans-serif;
    font-size: 9px;	
	}	
.footer a:hover {
	text-decoration:underline;
	color:#FFF;
	}
	
/*********************************************************************
	FORM ERRORS
*********************************************************************/

form label.error, label.error{color:red;padding:0 0 0 10px;}
div.error{display:none;}
input.error, select.error, textarea.error{border:1px solid red;}	


/*********************************************************************
	SUB-CATEGORY NAVIGATION
*********************************************************************/
.interior_common #cat_nav{display:block;clear:both;height:45px;width:900px;margin:0;padding:5px 0 0 0;background-image:url(/img/catnav_off.png); background-repeat:repeat-x; background-position:left 5px;}
.interior_common #cat_nav ul.city_nav{display:block;clear:both;height:40px;margin:0;padding:0;list-style-type:none;width:900px;}
.interior_common #cat_nav ul.city_nav li{float:left;margin:0;padding:0;height:40px;}
.interior_common #cat_nav ul.city_nav li.header{display:block;clear:both;margin:0;padding:3px 10px;color:#fff;text-decoration:none;height:40px;line-height:25px;text-align:center;background-image:url(/img/catnav_header.png); background-repeat:no-repeat; background-position:center top;}
.interior_common #cat_nav ul.city_nav li a{display:block;clear:both;margin:0;padding:3px 15px;color:#fff;text-decoration:none;height:40px;line-height:25px;text-align:center;background-image:url(/img/catnav_off.png); background-repeat:no-repeat; background-position:center top;}
.interior_common #cat_nav ul.city_nav li a:hover{display:block;clear:both;margin:0;padding:3px 15px;color:#fff;text-decoration:none;height:40px;line-height:25px;text-align:center;background-image:url(/img/catnav_on.png); background-repeat:no-repeat; background-position:center top;}
.interior_common #cat_nav ul.city_nav li a.active{background-color:#fff;background-image:url(/img/catnav_on.png); background-repeat:no-repeat; background-position:center top;}
/*********************************************************************
	PROPERTY HOVERS
*********************************************************************/
.boxgrid{width: 200px;height: 200px;margin:10px;float:left;overflow: hidden;position: relative;}
.boxgrid img{position: absolute;top: 0;left: 0;border: 0;}
.boxcaption{float: left;position: absolute;background: #000;height: 200px;width: 100%;opacity: .5;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionPlus .cover{display:none;}
.captionDL .cover{display:none;}
/*********************************************************************
PROPERTY BOXES
*********************************************************************/
.interior_common ul.property_boxes{list-style-type:none;display:block;clear:both;margin:0;padding:0;width:900px}
.interior_common ul.property_boxes li{float:left;margin:0;padding:0;width:225px;text-align:center;height:180px;}
/*********************************************************************
	BLOG SIDE NAV
*********************************************************************/
.container{position: relative;color: #666666;background-color: #ffffff;padding: 10px;border: 1px #C0C0C0 solid;}
div.corner{position: absolute;width: 10px;height: 10px;border: 0px;margin: 0px;padding: 0px;background-attachment: scroll;background-image: url(/img/circle.png);overflow: hidden;}
div.top_left{top: -1px;left: -1px;background-position: 0px 0px;}
div.top_right{top: -1px;right: -1px;background-position: 10px 0px;}
div.bottom_left{bottom: -1px;left: -1px;background-position: 0px 10px;}
div.bottom_right{bottom: -1px;right: -1px;background-position: 10px 10px;}
h3{color:#444;font: bold 100%/100% Arial,Helvetica,sans-serif; text-transform: uppercase; display:block;padding: 8px 24px 7px 10px; margin:0 0 5px 0;border-bottom: 1px dotted #C0C0C0;}
#secondary {width: 230px;}
#secondary ul{font-size:10px;margin:0;width:230px;}
#secondary ul li{background: url("/img/nav_list_blog.gif") no-repeat scroll 0 4px transparent;line-height:11px;margin:0 10px 0 0;padding:5px 0 0 18px;}
#secondary ul li a{color:#000;text-decoration:none;font-weight:normal;font-size:12px;} /*A25B20 */

.header_link{color:#fff;text-decoration:none;}
.project_list a { color: #A25B20; }


.blog_headersearchBox{display:block;clear:both;height:58px;}
.blog_headersearchBox h1{font-size:20px;line-height:58px;color:#fff;font-weight:normal;margin:0;padding:0;}
.blog_headersearchBox form{float:right;margin-top:15px;}



.clear5{height:5px;}
.clear10{height:10px;}
.clear15{height:15px;}
.clear20{height:20px;}
.clear25{height:25px;}
.clear50{height:50px;}
.clear100{height:100px;}

.rounded_box{position: relative;color: #666666;background-color: #ffffff;padding: 10px;border: 1px #C0C0C0 solid;}

.post{width:640px;}
.post p {font-size: 13px; line-height: 1.3em; margin-bottom: 10px;color: #565959;font-family: 'Lucida Sans Unicode','Lucida Grande',LucidaGrande,'Lucida Sans',Geneva,Arial,sans-serif;}
.title-container {display:block;clear:both;margin:0 0 20px 0;padding:0;width:668px;}
h1.posttitle, h2.posttitle {border-bottom: 1px dotted #CCCCCC;color: #000000;font-size: 200%;margin: 3px 0 2px;padding-bottom: 4px;}
h1.posttitle a, h1.posttitle a:visited, h2.posttitle a, h2.posttitle a:visited {color: #A25B20;text-decoration: none;}
.m_title{float:right;margin:0 30px 0 0;padding:0;width:560px;}
.m_date{color: #FFFFFF;font: 150%/100% Arial,Helvetica,sans-serif;height: 48px;margin: 0;padding: 0;position: relative;text-align:center;width:48px;}
.post .m_date {background: url("/img/calgray-1.png") no-repeat scroll 0 0 transparent;color: #444444;}
.post .m_date span.day, .post .m_date span.month {color: #000;}
.post .m_date span.month {color: #000;display: block;font: 11px Arial,Helvetica,sans-serif;height: 12px;padding-top: 2px;text-align: center; font-weight:bold;}
.post .m_date span.day, .post .m_date span.month {color: #000;}
.post .m_date span.day {color: #000;font: 13px Arial,Helvetica,sans-serif;padding: 0;text-align: center;font-weight:bold;}
.post .m_date span.year {color: #000;}
.post .m_date span.year {color: #000;display: block;font: 12px Arial,Helvetica,sans-serif;height: 12px;padding-top: 0;text-align: center;font-weight:bold;}
.title-container .category{max-width:450px;float:left;padding:0;}
.title-container .category a{color:#666;font-size:11px;}
.post_footer{display:block;clear:both;margin:20px 0;padding:0;width:640px;}
.post_footer .author {float: left;padding-right: 10px;color:#aaa;display:inline-block;max-width: 400px;font: 11px Arial,Helvetica,sans-serif;}
.post_footer .tags {text-align: right;max-width:268px;color:#aaa;display: block;float: right;font: 12px Arial,Helvetica,sans-serif;}
.post_footer .author a, .post_footer .tags a{ font: 12px Arial,Helvetica,sans-serif; color:#333;text-decoration:underline;}


.connections{list-style-type:none;margin:0;padding:0;}
.connections li{float:left;margin:0;padding:0 2px 0 0;height:26px;line-height:26px;color:#686868;}
.connections li.connection_header{padding-right:10px}
li.cat-item  ul{display:block;clear:both;}