/*
Theme Name: One Seagrove Place
Theme URI: http://oneseagroveplace.com
Description: Custom website design for One Seagrove Place
Author: Tam Cai
*/

/* ---------- BODY ---------- */

body {
	background:
		#fff;
}

/* ---------- HEADERS ---------- */

/* LOGO */
h1 {
	width: 970px;
	height: 180px;
	margin: 0;
	text-indent: -9999px;
	background:
		url(../graphics/csslayout/logo-one-seagrove-place.png)
		top center
		no-repeat;
}

/* PURPLE - Page Title */
h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #A672AD;
	line-height: 30px;
	margin: 0 0 10px 0;
}

/* CORAL - Sub Title */
h3 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #C68048;
	line-height: 18px;
	margin: 0 0 10px 0;
}

/* BOX - Box Title */
h4 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
		.coral {
			font-style: italic;
			color: #C68048;
			line-height: 25px;
		}
		
		.white {
			color: #fff;
		}
		
		.burlap {
			color: #626056;
			margin: 0 0 5px 0;
		}
		

/* ---------- PARAGRAPHS AND GENERAL TEXT ---------- */

p {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #5A5A5A;
	margin: 0 0 20px 0;
}

/* ---------- SMALL PRINT ---------- */

.small {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #95938A;
}

/* ---------- MAIN NAVIGATION ---------- */

.main-nav {
	float: left;
	width: 970px;
	height: 50px;
	margin-bottom: 50px;
}

.main-nav ul {
	margin: 0;
	padding: 0;
}

.main-nav li {
	display: inline;
	list-style-type: none;
	margin: 0;
}

.main-nav a {
	float: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #505050;
	text-decoration: none;
	text-align: center;
	padding-top: 13px;
}

.main-nav a:hover {
	color: #787878;
}

.label {
	font-size: 11px;
	display: block;
	cursor: pointer;
	margin-top: 3px;
}

.nav-homepage a {
	float: left;
	width: 125px;
	background:
		url(../graphics/csslayout/nav-divider.gif)
		repeat-y
		right;
}

.nav-rentals a {
	float: left;
	width: 115px;
	background:
		url(../graphics/csslayout/nav-divider.gif)
		repeat-y
		right;
}

.nav-real-estate a {
	float: left;
	width: 130px;
	background:
		url(../graphics/csslayout/nav-divider.gif)
		repeat-y
		right;
}

.nav-specials a {
	float: left;
	width: 170px;
	background:
		url(../graphics/csslayout/nav-divider.gif)
		repeat-y
		right;
}

.nav-area-info a {
	float: left;
	width: 175px;
	background:
		url(../graphics/csslayout/nav-divider.gif)
		repeat-y
		right;
}

.nav-contact a {
	float: left;
	width: 130px;
	background:
		url(../graphics/csslayout/nav-divider.gif)
		repeat-y
		right;
}

.nav-owner a {
	float: left;
	width: 125px;
}

/* ---------- COLUMNA01 LINKS ---------- */

.columnA01 a {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #377798;
	text-decoration: none;
}

.columnA01 a:hover {
	color: #1B4E68;
}

/* ---------- SIDEBAR LINKS ---------- */

.sidebar-link ul {
	margin: 5px 0;
	padding: 0 0 0 18px;
}

.sidebar-link li {
	margin: 0 0 5px 0;
}

.sidebar-link a {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}

.sidebar-link a:hover {
	color: #D6D0AF;
}

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

.footer-links {
	margin-bottom: 25px;
}

.footer-links ul {
	margin: 0;
	padding: 0;
}

.footer-links li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	border-right: 1px solid #625F4C;
	margin-right: 7px;
	padding-right: 7px;
}

.footer-links a {
	font-size: 11px;
	color: #625F4C;
	text-decoration: none;
}

.footer-links a:hover {
	color: #787878;
}

/* ---------- BUTTON - PURPLE ---------- */

.buttonA {
	float: right;
}

.buttonA ul {
	padding: 0;
}

.buttonA li {
	display: inline;
	padding: 0;
}

.buttonA a {
	float: left;
	width: 175px;
	height: 30px;
	list-style-type: none;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
	background:
		url(../graphics/csslayout/buttonA01.gif)
		no-repeat;
}

.buttonA a:hover {
	color: #E1D1EB;
	background:
		url(../graphics/csslayout/buttonA02.gif)
		no-repeat;
}

/* ---------- BODY FORMAT ---------- */

body {
	margin: 0px;
}

/* ---------- LOGO ---------- */

#container-logo {
	width: 970px;
	margin: auto;
}

#logo {
	position: absolute;
	z-index: 9999;
	width: 970px;
	height: 180px;
	margin: 0 auto;
	text-align: center;
}

/* ---------- WEB SITE CONTAINER ---------- */

#container-homepage {
	width: 970px;
	margin: auto;
}

#container-subpage {
	width: 970px;
	margin: auto;
}

/* ---------- WEAVE + PANORAMIC ---------- */

#weave-homepage {
	float: left;
	width: 100%;
	height: 420px;
	margin-top: 100px;
	background:
		url(../graphics/csslayout/weave-homepage.gif)
		top center
		repeat-x;
}

		#panoramic {
			width: 970px;
			padding-top: 13px;
			margin: auto;
		}
		
#weave-subpage {
	float: left;
	width: 100%;
	height: 100px;
	margin-top: 100px;
	background:
		url(../graphics/csslayout/weave-subpage.gif)
		top center
		repeat-x;
}

/* ---------- BODY CONTENT AREA ---------- */

#full-page {
	float: left;
	width: 970px;
}

#columnA01 {
	float: left;
	position: relative;
	width: 650px;
	margin-right: 25px;
}
	
		#columnA01 ul {
			margin: 0 0 30px 0;
		}

		#columnA01 li {
			list-style-type: square;
			font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #5A5A5A;
			margin: 0 0 10px 0;
		}
	
	#building-photo {
		background: url(../graphics/photos/bldg1small.jpg) no-repeat;
		height: 262px;
		position: absolute;
		top: 35px;
		right: 40px;
		width: 193px;
		}

#columnA02 {
	float: left;
	width: 295px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #5A5A5A;
	padding-top: 35px;
}

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

#footer {
	float: left;
	width: 970px;
	margin: 35px 0;
	padding-top: 20px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #625F4C;
	line-height: 15px;
	background:
		url(../graphics/csslayout/horizontal-line.gif)
		top
		no-repeat;
}

#footerA01 {
	float: left;
	width: 770px;
}

#footerA02 {
	float: left;
	width: 200px;
	text-align: right;
}

/* ---------- LISTINGS ---------- */

.listing-top {
	float: left;
	width: 600px;
	padding: 25px 25px 5px 25px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #5A5A5A;
	line-height: 24px;
	background:
 		url(../graphics/csslayout/listing-top.gif)
		top
		no-repeat;
}

.listing-bottom {
	float: left;
	width: 650px;
	margin-bottom: 20px;
	background:
 		url(../graphics/csslayout/listing-bottom.gif)
		top
		no-repeat;
}

/* ---------- SIDEBAR BOX ---------- */

.box-top {
	float: left;
	width: 235px;
	padding: 30px 30px 5px 30px;
	background:
 		url(../graphics/csslayout/box-frame-top.gif)
		top
		no-repeat;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #EBE09D;
	line-height: 22px;
}

.box-bottom {
	float: left;
	width: 235px;
	padding: 0 30px 25px 30px;
	background:
 		url(../graphics/csslayout/box-frame-bottom.gif)
		top
		no-repeat;
}

/* ---------- TABLE FORMAT ---------- */

.table-format {
	font-family: "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	color: #626262;
	line-height: 22px;
}

.formA {
	width: 300px;
}

.formB {
	width: 450px;
}

.small {
	font-family: "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #626262;
	line-height: 15px;
}

/* ---------- PHOTOS AND OBJECTS POSITIONING ---------- */

.photo-left {
	float: left;
	clear: left;
	width: 170px;
	height: 152px;
	padding: 23px 15px 0 15px;
	margin: 0px 20px 10px 0px;
	background:
		url(../graphics/csslayout/photo-bg.gif)
		top
		no-repeat;
}

.photo-right {
	float: right;
	clear: right;
	width: 200px;
	height: 175px;
	margin: 0px 0px 10px 20px;
	background:
		url(../graphics/csslayout/photo-bg.gif)
		top
		no-repeat;
}

.object-left {
	float: left;
	clear: left;
	margin: 0px 20px 10px 0px;
}

.object-right {
	float: right;
	clear: right;
	margin: 0px 0px 10px 20px;
}

/* ---------- OTHER ---------- */

.clear {
	clear: both;
}

/* ---------- WORDPRESS IMG SETTINGS ---------- */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

/* ---------- POPUP ON RESULTS ---------- */

.jqifade{
	position: absolute;
	background-color: #aaaaaa;
}
div.jqi{
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
	width: auto;
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 10px;
	margin: 10px;
	border: solid 1px #eeeeee;
	background: #F9F9ED;
}

div.jqi button.jqidefaultbutton{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #BF5E26;
	border: 0;
	color: #fff;
	cursor: pointer;
	font: 14px 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 10px;
}

	div.jqi button.jqidefaultbutton:hover {
		background: #AD4E1B;
	}


.jqimessage img, .jqimessage a img {
	border: 0;
	padding: 5px;
}

.jqimessage p {
	font-style: italic;
}