﻿/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background-image:url('images/bg-fade.gif'); background-repeat:repeat-x;background-color:#FFFFFF;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

textarea {font-family:Arial; font-size:0.688em; line-height:1.636em; color:#000000;}

input {font-family:Arial; font-size:0.688em; line-height:1.636em; color:#000000;}

html {font-family:Arial; font-size:0.688em; line-height:1.636em; color:#000000;}
select {vertical-align:middle; font-weight:normal;
	height: 20px;
}

input {vertical-align:middle; font-weight:normal;}

ul {list-style:none;}
li a {text-decoration:none;}
a {text-decoration:underline; color:#77A10A;}
a:hover {text-decoration:none;}
h1{font-size:16px; font-family:"Georgia";margin-bottom:15px;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}

#content .col-2 {float:left;}

#content .col-1 {float:left;}
.col-1 {font-size:1.2em;font-family:'Trebuchet MS','Sans Serif';}
.contact_right {font-size:1.2em;font-family:'Trebuchet MS','Sans Serif';}

.properties_content{
	width:890px;
	font-size:1.2em;
	font-family:'Trebuchet MS','Sans Serif';
	float:left;
	padding-top:10px;
	padding-left:10px;
	text-align:center;
}

#content span {color:#96C61A; text-transform:uppercase;}
/***************header***************/
#header {font-size:1.182em; color:#585858;}
#header .float-l {margin:5px 0 18px 30px;}
#header .float-r {font-size: 40px;font-weight:700;padding:50px 75px 0 0; padding-left:30px; font-family:Georgia;font-size:1.1em; line-height:20px;color:#000000;}

#navigation {background:url(images/nav-back.gif) top left repeat-x; height:57px; font-size:0.900em}
#navigation ul {margin:0 30px;	width: 900px;}
#navigation li {text-transform:uppercase; display:inline;}
#navigation li a {color:#FBFBF9; display:block;float:left;}
#navigation li a:hover {background:url(images/nav-back-hov.gif) top left repeat-x;}
#navigation li a strong {padding:19px 30px 20px 30px; display:block;}
#navigation li a:hover strong {background:url(images/nav-hov.gif) bottom center no-repeat;}
#navigation .link-un a {background:url(images/nav-back-hov.gif) top left repeat-x;}
#navigation .link-un strong {background:url(images/nav-hov.gif) bottom center no-repeat;}

#header .col-1 {float:left; margin:10px 1px 0 0;}
#header .col-2 {float:left; width:330px;background :url(images/logo-sign-back.gif) top left repeat-x; padding:3px; margin-top:10px}
#header .border {border:1px solid #BCE74C; width:330px; height:210px;}
.border cite {color:#000000; font-style:normal;}
/*.border img {padding:15px 0 0 155px}*/
/***************content***************/
.wrapper {width:100%; overflow:hidden;}

#content {background:url(images/content-back.gif) top left repeat-x; border-top:1px solid #C7C797; padding-bottom:30px;}
#content .col-1 {padding:35px 35px 0 31px;}
.col-1 .title-un {padding:30px 0 10px 0}
#content .col-2 {padding:37px 0 0 0;width:343px;}
.col-1 .title {padding-bottom:10px;}
.col-2 .title {background:url(images/title-back.gif) top left repeat-x; padding:12px 0 12px 17px}
.col-2 .title-bg {background:url(images/title-marker.gif) 3px 35px no-repeat; width:100%; padding-bottom:18px}
.col-1 .text {border-top:2px solid #C7C797; padding-top:20px; }
.col-2 .text {padding:0 23px 0 19px}

#content p {padding-bottom:15px;}
#content p strong {text-transform:uppercase;}
#content p span {text-transform:uppercase; color:#96C61A;}

.line {background:#F0F0E1; padding:8px 0 12px 30px; margin:0 0 40px -30px; font-size:1.091em; line-height:2em}
.line a {color:#000000;}
.line .news {margin-right:40px; background:url(images/img-read-more.gif) top left no-repeat; padding-left:35px;}
.line .rss {background:url(images/img-rss.gif) top left no-repeat; padding-left:30px;}

.img-indent {float:left; padding:35px 20px 40px 0;}

.col-1 ul {padding-bottom:15px;}
.col-1 li {line-height:2em; font-size:1.1em;font-family:'Trebuchet MS','Sans Serif';}
/*.col-1 li a {text-decoration:underline; padding-left:10px;}
.col-1 li a:hover {text-decoration:none;}*/

.col-2 ul {padding-bottom:5px;}
.col-2 li {background:url(images/sep.gif) bottom left repeat-x; font-size:1.091em; line-height:4.2em; font-weight:bold;}
.col-2 li a {background:url(images/list-marker2.gif) top left no-repeat; text-decoration:none; color:#000000; padding:6px 0 0px 38px}
.col-2 li a:hover {text-decoration:underline;}
.col-2 .link-un {background:none;}

.button {background:url(images/button-back.gif) top left repeat-x; display:block; float:left; text-decoration:none; text-transform:uppercase;}
.button span {background:url(images/button-right.gif) top right no-repeat; display:block;}
.button strong {background:url(images/button-left.gif) top left no-repeat; display:block; color:#000000; padding:7px 16px 7px 42px;}
a:hover span strong {color:#77A10A;}
/***************page-1***************/
#page-1 .col-2 .text {padding-bottom:28px}
.newsletter-img {padding:0 0 38px 0 }
.newsletter {border:1px solid #9C9C6C;}
.newsletter .title {padding-top:5px; padding-bottom:0}
.newsletter .title-bg {padding-bottom:0px; background-position:3px 42px}
.newsletter .title img {margin-top:7px}
.newsletter .text {padding-bottom:25px}
.newsletter .text div {display:inline; height:22px;}
.newsletter .text input {font-size:1em; border:1px solid #989883; padding-top:4px; height:18px; margin-right:5px; vertical-align:middle;}
.newsletter .text img {vertical-align:middle;}
#content .newsletter .text p {padding-bottom:0; margin-top:10px;}
.newsletter a {color:#000000;}
/***************page-2***************/
#page-2 .wrapper p {padding-bottom:20px}
#page-2 .img-indent {padding-bottom:25px}
/***************page-3***************/
#page-3 .wrapper p {padding-bottom:20px}
#page-3 .col-1 .title-un {padding-top:15px}
#page-3 .img-indent {padding-bottom:20px}
#page-3 ul {padding-bottom:10px}
#page-3 .col-1 li {background-position:left 9px}
#page-3 .col-2 p {padding-top:10px}
/***************page-4***************/
#page-4 .text .col-2 {padding:0 0 15px 0; float:left}
#page-4 .text .col-1 {padding:0 0 15px 0; float:left}
#page-4 .text .col-2 {padding-left:10px}
#page-4 .text .col-2 .img-indent {padding-right:10px;}
#page-4 .text .col-1 .img-indent {padding-right:10px;}
/***************page-5***************/
#page-5 .col-1 ul {padding-bottom:14px}
#page-5 #content .col-1 p {padding-bottom:10px}
#page-5 .text .col-2 {padding:0 0 15px 0; float:left}
#page-5 .text .col-1 {padding:0 0 15px 0; float:left}
#page-5 .text .col-2 {padding-left:6px;}
#page-5 .text .col-1 .img-indent {padding-right:5px;}
#page-5 .col-2 .title-bg {padding-bottom:25px}
#page-5 .col-2 p {padding-bottom:18px}
#page-5 .col-2 .text {padding-bottom:20px;}
/***************page-6***************/
#page-6 .col-1 ol li {background:none; line-height:1.636em}
#page-6 .col-1 ol {padding-left:18px; font-weight:bold;}
#page-6 .col-1 ol li p {font-weight:normal;}
#page-6 .col-1 .wrapper p {padding-bottom:11px}
#page-6 .col-2 .title-bg {padding-bottom:25px}
/***************page-7***************/
#page-7 .col-1 .wrapper p {padding-bottom:20px}
#page-7 .col-2 .img-indent {padding-top:10px}
#page-7 .col-2 ul {padding:20px 0 0 0}
#page-7 .col-1 li {background-position:left 9px}
/***************page-8***************/
#page-8 .wrapper p strong {display:block;}
.phone {font-size:1em; float:right; margin-right:85px;}
#page-8 #content .col-1 .phone {color:#000000;}
#contact-form {padding-top:0px;}
#contact-form p {padding:5px 0 0 0}
#contact-form span {text-transform:none; color:#000000;}
#page-8 .float-l input {width:228px; height:17px; font-size:1em}
#page-8 .float-r textarea {width:230px; height:110px; font-size:1em; margin-bottom:20px}
#page-8 .float-r .button {margin-left:12px;}
/***************page-9***************/
#page-9 #content .col-1 {padding:35px 26px 0 31px;}
/***************footer***************/
#footer {color:#AAAAAA; background:#FBFBF9; border:1px solid #E4E4E4; padding:20px 0 21px 30px; margin-top:40px;margin-bottom:40px;}
#footer li {text-transform:uppercase; display:inline; border-left:1px solid #7A7871; padding:0 6px 0 9px; line-height:1.364em;}
#footer .link-un {border:none; padding-left:0;}
#footer li a {color:#7A7871;}
#footer li a:hover {text-decoration:underline}
#footer span {margin-right:10px; font-size:0.909em; line-height:1.5em;}
#footer span a {margin-left:10px; color:#A5C615;}

/*************CONTACT FORMS****************/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
padding: 2px;
font-family:'Verdana','Sans Serif';
font-size:1.5em;

}
textarea{
font-family:'Verdana','Sans Serif';
font-size:1em;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*************BUTTON************/
.formbutton{
font-family:'Trebuchet MS','Sans Serif';
font-size:1em;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}
/*************Custom List************/
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{list-style-type:none; padding:0px 0px 18px 30px; background-image:url(images/icon_checks.png); background-repeat:no-repeat; 
	background-position:0px 0px; line-height:18px;}
ul.l2 li a:visited{color:#4c4c4c; text-decoration:none;}
ul.l2 li a{color:#4c4c4c; text-decoration:none;}
ul.l2 li a:hover{text-decoration:underline;}



ul.reg{list-style-type:circle;margin:0px; padding:0px; list-style-type:none;}
ul.reg li{padding:0px 0px 5px 30px; line-height:18px;}

ul.reg2{list-style-type:circle;margin:0px; padding:0px; list-style-type:none;font-size:12px;}
ul.reg2 li{padding:0px 0px 5px 30px; line-height:18px;}


.img-frame{
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #EEEEEE;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}




















