/* @override http://www.claytonandclayton.com/css/clayton.css */

/*-------------------------------------------------
GLOBAL RESET
-------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
	clear: both;
}
.hidden {
	display: none;
	visibility: hidden;
}

/*-------------------------------------------------
HEADER
-------------------------------------------------*/

body {
	background: url("/images/trim.jpg") 50% 100px no-repeat;
	font-family: Arial, verdana, sans-serif;
}
.header {
	width: 900px;
	margin: 20px auto 19px auto;
}
.header table {
	width: 100%;
}
.header td {
	vertical-align: middle;
}
.header .logo h1 {
	height: 61px;
	background: url("/images/logo.png") no-repeat;
}
.header .tagline {
	background: url("/images/tagline.png") left 0 no-repeat;
	height: 19px;
}
.header span {
	display: none;
	visibility: hidden;
}
.trim {
	height: 150px;
}

/*-------------------------------------------------
NAV
-------------------------------------------------*/


.navbdr { width:100%; border-bottom: 3px solid #ddd; background: #889c9e; height: 30px; line-height: 30px; font-weight: bold; font-size: 14px; }
.nav { background: #889c9e; height: 30px; line-height: 30px; font-weight: bold; font-size: 14px; text-decoration: none; }
.nav .inner { width: 900px; margin: 0 auto; }
.nav li { float: left; }
.nav li a:link, .nav li a:visited { color: #fff; text-decoration: none; padding: 0 19px; height: 30px; line-height: 30px; display: block; }
.nav li a:hover, .nav li.current_page_item a,  .nav li.current_page_parent a { background: #0c5861; }

.nav ul li { position: relative; }
.nav ul li:hover div.dropdown_wrapper { display: block; }

div.dropdown_wrapper { display: none; position: absolute; top: 30px; z-index: 1000; background: #0c5861; color: #fff; }
div.dropdown_wrapper ul li a{ padding: 0 10px; text-align: center;  }
div.dropdown_wrapper ul li a:hover { background: #889c9e; }
div.dropdown_wrapper ul li { display: block; float: none; width: 200px; }






-------------------------------------------------
CONTENT
-------------------------------------------------

.content {
	background: url("/images/bg.png") 0 0 repeat-x;
	padding: 25px 0 10px 0;
}
.content .inner {
	width: 900px;
	margin: 0 auto;
}

/*-------------------------------------------------
TEXTAREA
-------------------------------------------------*/

.textarea {
	font-family: Georgia, sans-serif;
	font-size: 13px;
	line-height: 20px;
}
.textarea p {
	margin: 13px 0;
}
.textarea strong { font-weight: bold; }
.textarea em { font-style: italic; }
.textarea h2 {
	font-weight: bold;
	color: #0c5861;
	font-size: 18px;
}
.textarea h3 {
	font-weight: bold;
	color: #0c5861;
	font-size: 17px;
	line-height: 25px;
}
.textarea a:link, .textarea a:visited {
	/*color: #0c5861;*/
}

.textarea a { color: #0c5861; }

.textarea .entry img {
	float: right;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 0 13px 13px;
}

/*-------------------------------------------------
SPECIAL
-------------------------------------------------*/

/* SALES + RENTALS */
body.page-id-11 .textarea table td,
body.page-id-8 .textarea table td,
body.page-id-49 .textarea table td {
	vertical-align: top;
	padding: 10px 0;
	border-top: 1px solid #ddd;
}
body.page-id-11 .textarea table td img,
body.page-id-8 .textarea table td img,
body.page-id-49 .textarea table td img {
	margin: 0 25px 0 0;
	padding: 5px;
	border: 1px solid #ddd;
}
body.page-id-8 .textarea table span,
body.page-id-49 .textarea table span {
	font-weight: bold;
	font-size: 14px;
}
body.page-id-49 .textarea table li {
	list-style-type: disc;
	margin: 0 0 0 20px;
}

/* CONTACT US */
.mapbox {
	border: 1px solid #ddd;
	float: right;
	margin: 0 0 10px 0;
}
#map {
	background: #eee;
	border: 5px solid #fff;
	width: 600px;
	height: 250px;
}

/*-------------------------------------------------
HOME
-------------------------------------------------*/

.floatHome {
	width: 350px;
	margin: 0 0 15px 15px;
	float: right;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
}
.floatHome h4 {
	font-family: Georgia, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 10px 10px 0 10px;
}
.floatHome p {
	font-family: Georgia, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 5px 10px 10px 10px;
}
.floatHome strong { font-weight: bold; }

.alignright {
	float: right;
	margin: 0 0 0 25px;
}
.alignnone {
	float: none !important;
	margin: 0 !important;
}

/*-------------------------------------------------
NEWS
-------------------------------------------------*/
div#newsEntry img { float: right; margin: 13px 0 13px 13px; }

/*-------------------------------------------------
SEARCH BAR
-------------------------------------------------*/

td.logo { width: 450px; height: 61px;}
td.tagLine {width: 370px;}
td.search {width: 250px;}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

.gutter {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	width: 888px;
	margin: 0 auto;
}
.gutter li {
	float: left;
}
.gutter li span {
	display: none;
	visibility: hidden;
}
.gutter li.g01 a {
	display: block;
	background: url("/images/g01.jpg");
	width: 292px;
	height: 100px;
	border-right: 5px solid #fff;
}
.gutter li.g02 a {
	display: block;
	background: url("/images/g02.jpg");
	width: 294px;
	height: 100px;
	border-right: 5px solid #fff;
}
.gutter li.g03 a {
	display: block;
	background: url("/images/g03.jpg");
	width: 292px;
	height: 100px;
}
.footer {
	padding: 5px 0;
	width: 900px;
	margin: 0 auto;
	font-family: Arial, verdana, sans-serif;
	font-size: 11px;
	color: #999;
}
.footer li {
	float: right;
	margin: 10px 0 0 15px;
}
.footer p {
	margin: 10px 0;
}
.footer a:link, .footer a:visited {
	color: #999;
	text-decoration: underline;
}
.footer a:hover {
	color: #0c5861;
}

/* Properties */

#propertiesBox table {
	margin: 25px 0;
	width: 100%;
}
#propertiesBox table table {
	margin: 0;
	width: 100%;
}
#propertiesBox table table td {
	margin: 0;
	width: 50%;
	border-top: none;
}
#propertiesBox .properties_content {
	padding: 0;
}
table.list-description li {
	line-height: 22px;
}
#propertiesBox li.price {
	font-weight: bold;
	font-size: 14px;
}
#propertiesBox li.attribute, p.attribute {
	font-weight: bold;
	color: #666;
}

p.attribute { margin:0; }

#propertiesBox .calltoaction {
	font-weight: bold;
	font-size: 17px;
}
img.property_single_large { padding: 5px; border: 1px solid #ddd; }
img.property_teaser { padding: 5px; border: 1px solid #ddd; max-width:300px; }
li.propItem { border-bottom: 1px dashed #ccc; }
li.last { border: none; }

.thumbs a {
	float: left;
	margin: 0 6px 10px 0;
	border: 1px solid #ddd;
	display: block;
}
.thumbs a img {
	margin: 0 !important;
	border: 4px solid #fff;
	height: 56px;
	width: 75px;
}
#propertiesBox td { vertical-align: top; }
div.features_box ul li { list-style-type: disc; margin: 0 0 0 25px; }

div#nytimes a { display: block; height: 70px; width: 475px; margin: 10px 0; background: url("/images/nytimes.png"); border: 1px solid #ccc; }
div#nytimes a span { display: none; visibility: hidden; }

ul#newsList { margin: 25px 0; }
ul#newsList li { margin: 3px 0 3px 0; padding: 3px 0; border-bottom: 1px dashed #ccc; }
ul#newsList li span { width: 150px; padding-right: 15px; display: block; float: left; color: #999; text-align: right; }
ul#newsList li h4 { font-weight: bold; display: inline; }
ul#newsList li.last { border: none; }
div#newsEntry { margin: 25px 0; }
div#newsEntry h4 { font-weight: bold; font-size: 18px; }
div#newsEntry img { padding: 5px; background: #fff; border: 1px solid #ccc; }

div#propMsg { display: block; padding: 20px; margin: 0 0 25px 0; text-align: center; font-weight: bold; font-size: 18px; background: #fff; border: 1px solid #000; }

/***** feb 28 AW edits *********/
a.property { display:block; background:#0c5861; color:#fff; padding:3px 0; text-align:center; width:135px; text-decoration:none; }
.textarea a.property:link, .textarea a.property:visited { color:#fff; }

a.request { display:block; background:#0c5861; color:#fff; padding:3px 0; text-align:center; width:175px; text-decoration:none; font-weight:bold; margin-bottom:10px; }
.textarea a.request:link, .textarea a.request:visited { color:#fff; }

.caps { text-transform:uppercase; }

/***** tabs ******/
div.tabs { padding-top:15px; }
a.tab { display:block; float:left; padding:3px 7px; border:1px solid #fff; background:#bbb; color:#fff; text-decoration:none; font-weight:bold; }
div.tabs a.active, div.tabs a.tab:hover { background:#0C5861; }

div.tab-content { clear:both; border:1px solid #0C5861; padding:10px; position:relative; top:-1px; margin-left:1px; }

/***** October 11 Additions ******/
div.rental-form { width:900px; height:80px; margin:20px 0; border-bottom: 1px dashed #CCCCCC; }
div.rental-form h1 a { color: #0C5861; font-size: 18px; font-weight: bold; background:#eaeaea; padding:20px; }
div.rental-form { width:900px; margin-bottom:20px; border-bottom: 1px dashed #CCCCCC; }

#form-container { width:900px; margin:0 auto; }
.hide { visibility:hidden; }
.clear { clear:both; }
h1.rental-title { color: #0C5861; font-size: 24px; font-weight: bold; margin:20px 0; font-family:Georgia, Times New Roman, Serif; }
ul#rental-form { list-style:none; color:#333; font-size:12px; line-height:18px; }
ul#rental-form li { margin-bottom:10px; }
ul#rental-form li label { display:block; float:left; margin-right:20px; width:300px; text-align:right; padding-top:5px;  }
ul#rental-form li label span { color:#FF0000; }
ul#rental-form li input { padding:5px; width:300px; background:#eee; border:1px solid #ccc; }
ul#rental-form li input#Field68 { margin-top:70px; }
ul#rental-form li input#Field69 { margin-top:-20px; }
ul#rental-form li input:focus { background:#FFF; outline:none; }
ul#rental-form li input#saveForm { padding:3px; width:100px; float:right; background:#0C5861; color:#FFF; margin-right:480px; }
ul#rental-form li textarea { width:310px; min-width:310px; max-width:310px; }



/***** 12/16/11 Letter Rental Agreement 2012 *******/
div.letter { margin: 20px 0 30px 0; }
div.letter h3 { font-size: 24px; color: #0c5861; }
div.letter p { font-weight: 100px; line-height: 1em; margin-bottom: 20px; }
div.letter a { display: block; width: 300px; background: #889c9e; color: #fff; text-align: center; padding: 10px 10px; margin: 30px auto; }