/* Constants */
.red { color: #70221a;}
.hidden { display:block; overflow:hidden; text-indent:-9999px; }
.float-left { float:left !important; }
.float-right { float:right !important; }
.center { margin:0 auto; }
.shadowbox { border: 1px solid #d0c8b3; border-bottom: 2px solid #908a7c; border-right: 2px solid #908a7c; background-color: #fff; padding: 5px;}

html {font-size:100.01%;}
	
body {
	margin:0;
	font:64% "Lucida Grande", Verdana, sans-serif;
	background:#fff;
	min-width:959px;
	}
	
/* GENERAL */
img {border:0;}
form {display:inline;}
label {cursor: pointer;}

p {
	margin:0;
	padding:0;
	}

ul {
	margin:0;
	padding:0;
	list-style:none;
	}

a {text-decoration:none;}
a:focus {outline:none;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	}

/* HEADER */
.header-holder {
	overflow:hidden;
	width:100%;
	background:url('gallery/bg-header-holder.gif') repeat-x 0 0;
	height:179px;
	}

#header {
	width:1002px;
	margin:0 auto;
	background:url('gallery/bg-header.gif') no-repeat 0 0;
	height:179px;
	overflow:hidden;
	position:relative;
	}

#logo a {
	width:348px;
	height:131px;
	background:url('gallery/logo.gif') no-repeat 0 0;
	position:absolute;
	left:38px;
	top:8px;
	overflow:hidden;
	text-indent:-9999px;
	}

#header #phone_box {
	position:absolute;
	left:385px;
	top:5px;
	margin-right:20px;
	}
	
#header #phone_box li {
	float:right;
	padding-right:10px;
	}

#header #phone_box li.last {padding-right:25px;}

#header #phone_box li a {
	float:left;
	height:31px;
	padding:7px 5px 0;
	font:12px "Lucida Grande", Verdana, sans-serif;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}


#nav {
	position:absolute;
	left:425px;
	top:56px;
	}

#nav li {
	float:left;
	}

#nav li.last {padding-right:0;}

#nav li a {
	float:left;
	height:31px;
	padding:7px 5px 0;
	font:12px "Lucida Grande", Verdana, sans-serif;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}

#nav li a:hover,
#nav li a.active {
	height:29px;
	padding:6px 4px 0;
	border:1px solid #fff;
	background:#619884;
	}
	
	#nav li a.current {
	height:29px;
	padding:6px 4px 0;
	border:1px solid #fff;
	background:#619884;
	}

#header h1 {
	position:absolute;
	top:128px;
	left:467px;
	background:url('gallery/h1.gif') no-repeat 0 0;
	width:492px;
	height:50px;
	}

/* GALLERY */

.gallery-holder {
	width:100%;
	background:url('gallery/bg-content-holder.gif') #fcf9f0 repeat-x 0 0;
	overflow:hidden;
	text-align:center;
	}
	
	div.galleryimage {
	text-align:center;
	width:160px;
	height: 200px;
	padding:10px;
	float:left;
	clear:none;
	}	
	
/* CONTENT */	

.content-holder {
	width:100%;
	background:url('gallery/bg-content-holder.gif') #fcf9f0 repeat-x 0 0;
	overflow:hidden;
	}

#content {
	width:632px;
	margin:0 auto;
	}

	/* Banner */
	#content .banner {
	overflow:hidden;
	width:948px;
	height:362px;
	padding: 4px;
	position:relative;
	z-index:1;
	background-color:#fff;
	border: 1px solid #d0c8b3;
	border-bottom: 2px solid #908a7c;
	border-right: 2px solid #908a7c;
	}

	#content .banner img {display:block;}

	#content .banner .textbox {
	position:absolute;
	bottom:8px;
	left:-1px;
	z-index:2;
	height:44px;
	width:935px;
	text-align:right;
	padding:10px 10px 0 0;
	background:url('gallery/banner-textbox.png') no-repeat 0 0;
	font:bold 20px "Lucida Grande", Verdana, sans-serif;
 color:#ffffff;
	/*color:#70221a;*/
    }

	#content .banner .textbox a {
		/*color:#70221a;*/
 color:#ffffff;
	border-bottom:1px dotted #70221a;
	text-decoration:none;
	padding:0 0 5px;
	position:relative;
	cursor:pointer;
	}

	#content .banner .textbox a:hover {
	border:0;
	padding:0 0 6px;
	}

	/* Main Content */
	.content-main {
	float:left;
	width:957px;
	padding:20px 1px 30px;
	}

	#content h2 {
	float:left;
	width:100%;
	font:22px "Lucida Grande", Verdana, sans-serif;
	color:#70221a;
	padding:5px 0 5px;
	margin-bottom:5px;
	background:url('gallery/hr.gif') no-repeat 0 100%;
	letter-spacing: 1px;
	}

	#content p {
	font:15px/20px "Lucida Grande", Verdana, sans-serif;
	color: #4d3a2d;
	width:100%;
	padding:0 5px;
    text-align: left;
    float: left;
    margin: 5px 0pt 15px 0px;
	}
	
	/* Left Side */
	div.condoimages {
	float:left;
	width:50%;
	padding:0 0 10px;
	}
	
	.left-box {
	float:left;
	width:490px;
	}
	
	.left-box .box {
	float:left;
	width:440px;
	background-color: #fff;
	border: 1px solid #d0c8b3;
	border-bottom: 2px solid #908a7c;
	border-right: 2px solid #908a7c;
	padding:9px 22px 28px 22px;
	margin-top:10px;
	}
	
	.left-box .box .holder {
	float:left;
	width:420px;
	padding-bottom:15px;
	}

	.left-box #contact input,
	.left-box #contact textarea {
	padding: 8px;
    float: right;
    margin: 10px 20px 0 0;
    font-size: 15px;
    color: #4d3a2d;
    width: 350px;
    border: 1px solid #d0c8b3;
	}

	#search_form input:hover,
	#search_form select:hover,
	#search_form textarea:hover,
	#contact input:hover,
	#contact select:hover,
	#contact textarea:hover,
	#home_valuation_form input:hover,
	#home_valuation_form select:hover, 
	#home_valuation_form textarea:hover{
	padding: 7px;
	border: 2px solid #908a7c;
	}
	
	ul.listings {
	float:left;
	width:100%;
	padding:0 0 10px;
	}

	ul.listings li {
	float:left;
	width:100%;
	position: relative;
	}

	ul.listings li a {
	float:left;
	width:100%;
	margin:10px 0 0;
	padding:10px 0 10px 10px;
	}

	ul.listings li a img {
	float:left;
	padding: 4px;
    background-color: #fff;
    margin-right: 20px;
	}

	ul.listings li .inner-shadow{
	position:absolute;
	top:25px;
	left:15px;
	width:156px;
	height:116px;
	}


	ul.listings li a span {
	float: left;
	font:bold 15px/31px "Lucida Grande", Verdana, sans-serif;
	color:#4D3A2D;
	cursor:pointer;
	width:200px;
	}
	
	ul.listings li a:hover {background:#6aa693;}
	ul.listings li a:hover span {color:#fff;}
	
	ul.listings2 {
	float:right;
	width:100%;
	padding:0 0 10px;
	}

	ul.listings2 li {
	float:right;
	width:100%;
	position: relative;
	}

	ul.listings2 li a {
	float:right;
	width:100%;
	margin:10px 0 0;
	padding:10px 0 10px 10px;
	}

	ul.listings2 li a img {
	float:right;
	padding: 4px;
    background-color: #fff;
    margin-right: 20px;
	}

	ul.listings2 li .inner-shadow{
	position:absolute;
	top:25px;
	left:15px;
	width:156px;
	height:116px;
	}


	ul.listings2 li a span {
	float: right;
	font:bold 12px/20px "Lucida Grande", Verdana, sans-serif;
	color:#4D3A2D;
	cursor:pointer;
	width:200px;
	}
	
	ul.listings2 li a:hover {background:#6aa693;}
	ul.listings2 li a:hover span {color:#fff;}
	
	.left-box a.view {
	float:right;
	font:bold 16px "Lucida Grande", Verdana, sans-serif;
	color:#70221a;
	border-bottom:1px dotted #70221a;
	padding: 0 0 3px;
	}

	.left-box a.view:hover {
	border:0;
	padding:0 0 4px;
	}

	/* Right Box */

	.right-box {
	float:right;
	width:430px;
	}

	.right-box .box {
	float:left;
	width:391px;
	margin-bottom:34px;
	display:inline;
	background:#fff;
	padding:0 19px 20px 18px;
    border: 1px solid #d0c8b3;
    border-bottom: 2px solid #908a7c; 
    border-right: 2px solid #908a7c;
	}
	
	.map-box {
	width:490px !important;
	border:1px solid #009933;
	}

	.right-box .box .mag-glass {
	position:absolute;
	bottom:-27px;
	right:-10px;
	z-index:9999;
	background:url('gallery/mag-glass.png') no-repeat 0 0;
	width:69px;
	height:74px;
	}

	.right-box .relative {position:relative; z-index:10;}
	.right-box a img {float:left;}
	
	/* Home Comment Box */

	.right-box .holder {
	float:left;
	width:100%;
	padding:7px 0;
	}

	.right-box .holder label {
	float:left;
	width:150px;
	text-align:right;
	padding-right:4px;
	font:12px/36px "Lucida Grande", Verdana, sans-serif;
	color:#4d3a2c;
	}

	.right-box .holder p {
	font:12px/16px "Lucida Grande", Verdana, sans-serif !important;
	text-align:center;
	}

	
	.right-box .holder .text {
	float:left;
	width:214px;
	height:14px;
	padding:8px;
	font:12px "Lucida Grande", Verdana, sans-serif;
	color:#4d3a2c;
	border:1px solid #c6c6c6;
	}

	.right-box .holder .text1 {width:170px !important;}

	.right-box .holder select {
	float:left; 
	height:18px;
    height: auto !important;
	padding:8px;
	border:1px solid #c6c6c6;
	font:15px "Lucida Grande", Verdana, sans-serif;
	color:#4d3a2c;
	}
	
	.right-box .holder .select1 {
	width:70px;
	font:12px "Lucida Grande", Verdana, sans-serif;
	margin-right:5px;
	}

	.right-box .holder1 {padding:10px 0 0 !important;}

	a.button {
	display:block;
    background-color: #6ca996;
    padding: 7px 10px 7px 10px;
    border: 4px double #fff; 
    color: #fff;
	font:12px "Lucida Grande", Verdana, sans-serif !important;
    width:100px;
	text-align:center;
    cursor: pointer;
    }

	a.button:hover {text-decoration:underline;}


/* FOOTER */

.footer-holder {
	width:100%;
	background:url('gallery/bg-footer-holder.gif') repeat-x 0 0;
	overflow:hidden;
	}

#footer {
	margin:0 auto;
	overflow:hidden;
	width:959px;
	padding:30px 0 20px;
	}
	

#footer ul {
	margin: 0 auto;
	width:100%;
	padding:0 0 25px;
	text-align:center;
	}
	
#footer ul li {
	display: inline;
	padding:0 15px 0 15px;
	background:url('gallery/hr3.gif') no-repeat 0 3px;
	}

#footer ul li.first {background:none;}
	
#footer a {
	display: inline; 
	font:bold 13px "Lucida Grande", Verdana, sans-serif;
	color:#70221a;
	padding-bottom:2px;
	border-bottom:1px dotted #70221a;
	}

#footer a:hover {
	border:0;
	padding-bottom:3px;
	}

#footer a.active {
	color:#4a5044;
	border:0;
	padding-bottom:1px;
	}
	
#footer p {
	font:14px/31px "Lucida Grande", Verdana, sans-serif;
	color:#989898;
	padding:0 9px 25px;
	text-align:center;
	}
	

