/* GENERAL STYLES */
* {margin: 0; padding: 0}
body {background: #ffffff url(../images/background-main.jpg) repeat top center; font-family: verdana, sans-serif; font-size: 12px}
img {display: block}
a { color: #156036;}
a img {border: 0}
ul {list-style-type: none}
.clear {clear: both}
.left {float: left}
.right {float: right}

/* MAIN BACKGROUND STRUCTURE */
#wrapTop {height: 200px; background: url(../images/background-top.jpg) repeat-x top center;}
#wrapMiddle {background:  url(../images/background-middle.jpg) repeat-x top center}

/* MAIN INNER STRUCTURE */
#top {width: 995px; height: 200px; padding:0 ;margin: 0 auto; background: url(../images/background-inner-top.jpg) no-repeat bottom left; overflow: hidden}
#middle {
	width: 995px;
	margin: 0 auto;
	
	/*background: transparent url(../images/background-inner-middle.jpg) no-repeat top left;*/
	
}
#middle img.stock{
box-shadow:0px 5px 25px 0px #000000;
}

#bottom {width: 995px; margin: 0 auto; background: transparent url(../images/background-inner-bottom.jpg) repeat-y top left}
#footer {width: 995px; height: 91px; margin: 0 auto; background: transparent url(../images/background-footer.jpg) no-repeat top left; overflow: hidden}
#bottomContent {width: 955px; margin: 0 auto; padding: 0 0 45px 0; background-color:#F1E9DF; background-image: url(../images/background-bottom-content-homepage.jpg) no-repeat top left; overflow: hidden;box-shadow:0px 5px 25px 0px #000000;}

/* HEADING STYLES */
h1, h2, h3, h4 {font-weight: normal}
h1#logo {margin: 45px 0 0 20px; width: 411px; height: 72px; position: relative; font-size: 1px}
h1#logo span {width: 100%; height: 100%; background: transparent url(../images/img-logo.jpg) no-repeat; position: absolute}
h2 {
	font-family: georgia, serif;
	font-size: 16px;
	color: #3F6036;
	margin: 0 0 20px 0;
	line-height: 20px
}
h3 {
	font-family: georgia, serif;
	font-size: 14px;
	color: #754c29;
	margin: 0 0 20px 0;
	line-height: 20px
}
h4 {font-family: georgia, serif; font-size: 18px; color: #754c29; margin: 35px 0 10px 0}

/* MAIN NAVIGATION */
ul#nav {width: 925px; height: 59px; margin: 15px 0 0 35px; background: transparent url(../images/nav-main.jpg) no-repeat}
ul#nav li span {display: none}
ul#nav li {float: left; display: inline}
ul#nav li, ul#nav li a {height: 14px; display: block}
ul#nav li#profile {width: 130px; margin: 24px 0 0 33px}
ul#nav li#services {width: 64px; margin: 24px 0 0 43px}
ul#nav li#projects {width: 68px; margin: 24px 0 0 44px}
ul#nav li#properties {width: 163px; margin: 24px 0 0 43px}
ul#nav li#articles {width: 66px; margin: 24px 0 0 41px}
ul#nav li#book {width: 43px; margin: 24px 0 0 44px}
ul#nav li#contact {width: 70px; margin: 24px 0 0 41px}
ul#nav li#profile a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -33px -83px}
ul#nav li#services a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -206px -83px}
ul#nav li#projects a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -314px -83px}
ul#nav li#properties a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -424px -83px}
ul#nav li#articles a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -629px -83px}
ul#nav li#book a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -739px -83px}
ul#nav li#contact a:hover {background: transparent url(../images/nav-main.jpg) no-repeat -823px -83px}

/* CONTENT STRUCTURE */
#leftCol {width: 300px; margin: 30px 0 0 20px; float: left}
#leftCol div.mod {width: 220px; height: 184px; margin: 0 0 20px 0; padding: 10px 40px; background: transparent url(../images/background-leftCol-mod.jpg) no-repeat}
#leftCol div.modSub {width: 220px; margin: 0 0 20px 0; padding: 10px 40px; background: transparent url(../images/background-leftCol-mod.jpg) no-repeat bottom left}
#rightCol {width: 585px; margin: 30px 30px 0 0; float: right; background-color: #F1E9DF;}
#noCol {width: 895px; margin: 30px 30px 0 0; float: right}
#project {margin: 30px 30px 0 30px}
#projectBox a{display: block; width: 233;}
#projectBox {width: 233px; margin: 0 0 1px 0; padding: 8px 0 8px 10px; background: #e4d5c0}
#projectBox:hover {background: #d7c3a6; display: block}
#articleBox-a {width: 233px; margin: 30px 0 1px 30px; padding: 8px 0 8px 10px; background: #e4d5c0 }
#articleBox-a a{display: block; width: 233;}
#articleBox-b a{display: block; width: 233;}
#articleBox-b {width: 233px; margin: 0 0 1px 30px; padding: 8px 0 8px 10px; background: #e4d5c0}
#articleBox-a:hover, #articleBox-b:hover {background: #d7c3a6; display: block;}
#propertiesTop {width: 583px; height: 143px; margin: 0 0 20px 0; background: transparent url(../images/background-properties.jpg) repeat-x; overflow: hidden}
#propCol-a {width: 320px; margin: 0 0 20px 0; float: left; overflow: hidden}
#propCol-b {width: 230px; margin: 0 0 20px 0; float: right; overflow: hidden}
#propCol-a a{display: block; width: 320;}
#propCol-b a{display: block; width: 230;}
#extras {width: 583px; height: 100px; margin: 0 0 20px 0; background: transparent url(../images/background-extras.jpg) repeat-x; overflow: hidden}
#mapWrap {width: 300px; height: 250px; padding: 10px 0 0 0; background: transparent url(../images/background-map.jpg) no-repeat; overflow: hidden}
#map {width: 260px; height: 230px; margin: 0 0 0 20px; overflow: hidden}

/* TYPOGRAPHY */
p {margin: 0 0 20px 0; line-height: 18px}
p.modTitle {margin: 0 0 10px 0; font-size: 18px; color: #808080; line-height: 22px}
p.modText-a {margin: 0 0 15px 0; font-size: 12px; color: #806e60; line-height: 16px}
p.modText-b {padding: 3px 0 0 0; font-size: 12px; color: #806e60; line-height: 16px}
p.servText {margin: 0 0 20px 30px}
p.privacy {width: 190px; color: #808080; float: right}
p.address {margin: 20px 20px 0 20px}
p.area {margin: 0 0 10px 0}
p.locMap {margin: 25px 0 0 30px; font-size: 18px}
p.form {margin: 25px 0 0 30px; font-size: 12px; font-weight: bold}
p.propertiesTop {color: #754c29}
p.propTitle {font-size: 12px; margin: 0 0 10px 0}
p.propContact {color: #806e60; margin: 0 0 20px 0}
span {color: #806e60}
p.notice {font-size: 9px; line-height: 12px; color: #998c82; margin: 10px 0}

/* LINKS */
#projectBox a, #articleBox-a a, #articleBox-b a {color: #156036; text-decoration: none; line-height: 18px}
#projectBox a:hover, #articleBox-a a:hover, #articleBox-b a:hover {color: #4d392a}
p.propContact a, #noCol a  {color: #156036}
p.propContact a:hover, #noCol a:hover {text-decoration: none}

/* LISTS */
ul.mod {margin: 0 0 20px 0}
ul.mod li {margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url(../images/dot-list-a.jpg) no-repeat 0 60%; font-size: 12px; color: #806e60}
ul.mod li.top {margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url(../images/dot-list-a.jpg) no-repeat 0 20%; font-size: 12px; color: #806e60}
ul.locMap-list {margin: 10px 0 0 30px}
ul.locMap-list li {padding: 0 10px; background: transparent url(../images/divider-footer.gif) no-repeat 0 50%; float: left; display: inline}
ul.locMap-list li.nodiv {padding: 0 10px 0 0; background: none}
ul.locMap-list li a {color: #156036}
ul.locMap-list li a:hover {text-decoration: none}
ul.modProp {margin: 0}
ul.modProp li {margin: 0 0 10px 0; padding: 0 0 0 10px; background: transparent url(../images/dot-list-a.jpg) no-repeat 0 60%; font-size: 12px; color: #806e60; line-height: 18px}
ul.modProp li.dotTop-a {background: transparent url(../images/dot-list-a.jpg) no-repeat 0 15%}
ul.modProp li.dotTop-b {background: transparent url(../images/dot-list-a.jpg) no-repeat 0 25%}

/* IMAGES */
#leftCol div.mod img.pdf, #ajaxcontent img.pdf {margin: 0 5px 0 10px}
#middle img.stock {margin: 0 0 0 20px}
#rightCol img.num {margin: 5px 0 0 0}
img.projectsPhoto-a {margin: 0 0 20px 0; padding: 5px; border: 1px solid #d7c3a6; background: #ffffff}
img.projectsPhoto-b {float: right}
img.articlesPhoto {margin: 0 20px 30px 0; padding: 5px; border: 1px solid #d7c3a6; background: #ffffff; float: left}
#propertiesTop img {margin: 17px 17px 0 17px; float: left}

/* FORMS */
#contactForm {width: 525px; margin: 0 0 30px 0; padding: 30px; background: #e3d3c1}
#contactForm a {color: #806e60}
#contactForm a:hover {text-decoration: none}
fieldset {border: none}
label {margin: 0 0 3px 0; font-size: 12px; color: #000000; display: block}
#name, #email, #phone {width: 300px; margin: 0 0 15px 0; padding: 2px; display: block}
#message {height: 152px; width: 520px; margin: 0 0 25px 0; display: block}

/* FOOTER */
ul#footer {padding: 16px 0 0 40px; color: #806e60}
ul#footer li {padding: 0 10px; background: transparent url(../images/divider-footer.gif) no-repeat 0 50%; float: left; display: inline}
ul#footer li#nodiv {background: none}
ul#footer li a {font-size: 12px; color: #806e60; text-decoration: none}
ul#footer li a:hover {text-decoration: underline}