/* reset */

* {
	border:none;
	padding:0px;
	margin:0px;
	position:relative;
}

body {
	font-size:12px;
	line-height:2em;
}

input.text {
	font-family:Georgia,serif;
	font-size:12px;
	border: 1px solid #ccc;
	background-color:#FFF;
}

select.text {
	font-family:Georgia,serif;
	font-size:12px;
	width:150px;
	border:1px solid #ccc;
	background-color:#FFF;
}

button, textarea {
	padding: 1px;
	font-family:Georgia,serif;
	font-size: 12px;
	background-color:white;
	border:1px solid #ccc;
}

a, a:link, a:visited, a:focus, a:active {
	text-decoration:none;
	outline:none;
	-moz-outline-style:none;
}

/***********************************
        HTML Element Styles
***********************************/

body {
	background:url(../images/site_bg.jpg) repeat fixed top left;
	font-family:Georgia,serif;
	color:#1a1311;
}

.heading1 {
	font-size:3em;
	font-weight:bold;
	font-style:italic;
	margin-bottom:20px;
}

.heading2 {
	font-size:1.33em;
	font-weight:bold;
	margin-bottom:8px;
}

img {
	display:block;
}

p {
	margin-bottom:10px;
}

ul {
	margin-bottom:10px;
}

a {
	color:#1a1311;
}

.noteRed {
	color: red;
	font-style: italic;
	font-weight: bold;
}

.note {
	font-size: .8em;
	font-style:italic;
}

/***********************************
          General Styles
***********************************/

.block_220 {
	width:220px;
}

.block_260 {
	width:260px;
}

.block_320 {
	width:320px;
}

.block_400 {
	width:400px;
}

.block_820 {
	width:820px;
}

.block_960 {
	width:960px;
	margin:0 auto;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.clearBoth {
	clear:both;
}

.textReplace {
	display:block;
	text-indent:-9999px;
}

/***********************************
              Header
***********************************/

#header {
	background:url(../images/nav_bg_repeat.png) repeat-x top;
	height:61px;
	z-index:1000;
}

#header > div {
	background:url(../images/nav_bg.jpg) no-repeat top center;
	height:50px;
}

#logo {
	width:300px;
	height:170px;
	position:absolute;
	top:0px;
	left:305px;
	background:url(../images/shield_outside.png) no-repeat top center;
	padding:0px 25px;
}

.headerMenu {
	list-style-type:none;
	margin-bottom:0px;
	width:330px;
	height:50px;
}

.headerMenu > li {
	width:33.33%;
	height:100%;
	float:left;
}

.headerMenu > li div {
	display:none;
}

.headerMenu > li > a {
	display:block;
	width:100%;
	height:100%;
	color:#f3ead6;
	font-style:italic;
	text-align:center;
	line-height:50px;
}

#nav1_btn > a {
	background:url(../images/nav_clientServices_btn.png) no-repeat center 20px;
}

#nav2_btn > a {
	background:url(../images/nav_CECOAdvantage_btn.png) no-repeat center 20px;
}

#nav3_btn > a {
	background:url(../images/nav_newProperties_btn.png) no-repeat center 20px;
}

#nav4_btn > a {
	background:url(../images/nav_soldProperties_btn.png) no-repeat center 20px;
}

#nav5_btn > a {
	background:url(../images/nav_brokerProfiles_btn.png) no-repeat center 20px;
}

#nav6_btn > a {
	background:url(../images/nav_contactUs_btn.png) no-repeat center 20px;
}

.headerMenu > li:hover {
	background:url(../images/highlight_bg.png) repeat;
}

.headerMenu > li:hover div {
	display:block;
	width:140px;
	padding:1px;
	border:9px solid #15130f;
	background-color:#211f1b;
	z-index:10;
}

.headerMenu > li.lastElement:hover div {
	margin-left:-50px;
}

.headerMenu > li:hover div ul {
	list-style-type:none;
	margin-bottom:0px;
	width:138px;
	border:1px solid #100e0b;
	background-color:#15130f;
}

.headerMenu > li:hover div ul a {
	padding:7px 7px;
	display:block;
	color:#f3ead6;
	font-size:.9166em;
	line-height:1.25em;
}

.headerMenu > li:hover div ul a:hover {
	background-color:#594e3e;
}

/***********************************
               Main
***********************************/

#main {
	background-color:#f3ead6;
	margin:45px auto 0px auto;
	padding:40px 70px 10px 70px;
}

#main > div {
	padding:10px 0px 5px 0px;
}

#main ul {
	font-style:italic;
	margin-left:15px;
}

#main a, #main a:link, #main a:visited {
	text-decoration:underline;
}

#main a:hover {
	color:#594e3e;
}

.divider {
	margin:5px 0px;
}

#slideshow {
	width:400px;
	height:225px;
	overflow:visible;
}

#myAlternativeContent {
	margin-left:-30px;
	margin-top:-3px;
}

/* Large Buttons */

div.btn_lg {
	width:150px;
	height:49px;
	padding-left:10px;
	background:url(../images/btn_lg_left.png) no-repeat top left;
}

div.btn_lg div {
	width:150px;
	height:49px;
	background:url(../images/btn_lg_right.png) no-repeat top right;
}

div.btn_lg a {
	width:160px;
	height:49px;
	margin-left:-10px;
}

div.btn_lg:hover {
	background:url(../images/btn_lg_left_active.png) no-repeat top left;
}
	
div.btn_lg:hover div {
	background:url(../images/btn_lg_right_active.png) no-repeat top right;
}

/* Learn More Button */

#learnMore {
	margin-left:30px;
}

#learnMore a {
	background:url(../images/btn_learnMore.png) no-repeat 23px 11px;
}

/* Property Search Button */

#propertySearch {
	margin-left:20px;
}

#propertySearch a {
	background:url(../images/btn_propertySearch.png) no-repeat 14px 11px;
}

/* Property Search */

.propSearchBox {
	padding-bottom:16px;
	background:url(../images/propSearch_shadow.png) no-repeat bottom left;
	margin-top:10px;
}

.propSearchBox table {
	background:#0b0a08 url(../images/propSearch_bg.png) repeat-x top left;
	width:100%;
	color:#f3ead6;
}

.propSearchBox th {
	font-weight:bold;
	font-style:italic;
	text-align:left;
	line-height:1em;
}

.propSearchBox th, .propSearchBox td {
	padding:10px;
}

.propSearchBox img {
	width:65px;
	float:left;
	margin-right:10px;
}

#main .propSearchBox a, #main .propSearchBox a:link, #main .propSearchBox a:visited {
	color:#f3ead6;
}

#main .propSearchBox a:hover {
	color:white;
}

td.divideCell {
	background:url(../images/divider_lg.png) no-repeat top center;
	height:5px;
	padding:0px;
}

/* Property Detail */

.propertyImage {
	/* background:url(../images/propDetail_shadow.png) no-repeat bottom center; 
	width:320px;
	height:240px; */
	width:240px;
	height:320px;
	padding-bottom:17px;
	text-align:center;
	margin-right:20px;
	margin-top:10px;
}

.propertyImage img {
	background:url(../images/propDetail_bg.png) repeat-x top left;
	padding:10px 10px 30px 10px;
}

#main .propertyImage a, #main .propertyImage a:link, #main .propertyImage a:visited {
	display:block;
	color:#f3ead6;
	font-style:italic;
	margin-top:-27px;
}

#main .propertyImage a:hover {
	color:white;
}

.propertyMap {
	background:url(../images/propDetail_shadow.png) no-repeat bottom center;
	width:320px;
	height:220px;
	padding-bottom:17px;
	text-align:center;
	margin-right:20px;
	margin-top:10px;
}

.propertyMap img {
	background:url(../images/propMap_bg.png) repeat-x top left;
	padding:10px;
}

.propertyDetail {
	margin-top:10px;
	width:480px;
	margin-left:20px;
	float:left;
}

.propertyDetail table {
	margin-bottom:20px;
}

.propertyDetail th {
	text-align:left;
	font-style:italic;
	padding-right:10px;
	vertical-align:top;
}

/* Small Buttons */

.btn_sm60 {
	display:block;
	height:27px;
	width:62px;
	padding-bottom:4px;
	background:url(../images/btn_sm60_bg.png) no-repeat 0px 0px;
	color:#f3ead6;
	font-family:Georgia,serif;
	font-size:91.67%;
	font-style:italic;
	cursor:pointer;
}

.btn_sm60:hover {
	background:url(../images/btn_sm60_bg_active.png) no-repeat 0px 0px;
}

.btn_sm100 {
	display:block;
	height:27px;
	width:102px;
	padding-bottom:4px;
	background:url(../images/btn_sm100_bg.png) no-repeat 0px 0px;
	color:#f3ead6;
	font-family:Georgia,serif;
	font-size:91.67%;
	font-style:italic;
	cursor:pointer;
}

.btn_sm100:hover {
	background:url(../images/btn_sm100_bg_active.png) no-repeat 0px 0px;
}

.btn_sm120 {
	display:block;
	height:27px;
	width:122px;
	padding-bottom:4px;
	background:url(../images/btn_sm120_bg.png) no-repeat 0px 0px;
	color:#f3ead6;
	font-family:Georgia,serif;
	font-size:91.67%;
	font-style:italic;
	cursor:pointer;
}

.btn_sm120:hover {
	background:url(../images/btn_sm120_bg_active.png) no-repeat 0px 0px;
}

/* Callouts */

.callout {
	margin-right:20px;
}

.callout img {
	margin:-15px 0px -35px -45px;
	padding:24px 55px 55px 55px;
	background:url(../images/callout_bg.png) no-repeat top left;
}

#callout3 {
	margin-right:0px;
}

/***********************************
              Footer
***********************************/

#footer {
	color:#f3ead6;
	padding-top:15px;
	background:url(../images/main_dropShadow.png) no-repeat top left;
}

#footer > div {
	width:50%;
	text-align:right;
}

#footer > div p {
	font-style:italic;
	margin-top:20px;
}

#footer > div img {
	display:inline;
	margin-top:5px;
}

#footer ul {
	list-style-type:none;
	margin-bottom:0px;
}

#footer ul li {
	display:inline;
	padding:0px 10px;
	border-right:1px solid #f3ead6;
}

#footer ul li a {
	color:#f3ead6;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer ul li.lastElement {
	border:none;
	padding-right:0px;
}

#footer > p {
	width:50%;
}
