/*********************************************************************
	
	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
*********************************************************************/

.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 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;
	}
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;
	}
.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;}