/*
Author: George Poulos, www.abovethemezzanine.com

[Table Of Contents]
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
*/

/* =1 Global */
body { background: #e5e5e5 url("../images/bg-main-x.gif") repeat-x; color: #525252; font: 62.5%/1.25 "Trebuchet MS", Arial, Helvetica, sans-serif; }
#page-wrap { width: 960px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }

p { font-size: 1.2em; padding: 5px 0 5px 0; }
.clearfix { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/* =2 Links */
a:link, a:visited { color: #318F3E; text-decoration: none; }
a:hover { color: #318F3E; text-decoration: underline; }
a:active { color: #318F3E; text-decoration: none; }

/* =3 Headings */
h1, h2, h3, h4, h5 { color: #000000; font-style: bold; }
h1 { font-size: 2.4em; margin: 0; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

/* =4 Header */
#header { width: 960px; height: 86px; margin: 6px 0 0 0; background: url("../images/header-main.gif") no-repeat scroll 0 0; }
#home-link { position: absolute; height: 50px; width: 245px; left: 20px; top: 22px; text-indent: -9999px; }

/* =5 Navigation */
#nav { width: 960px; height: 51px; background: url("../images/bg-nav-main.gif") no-repeat scroll 0 0; }
#menu { background: url("../images/menu.gif") no-repeat; width: 960px; height: 51px; margin: 0; padding: 0; }
#menu span { display: none; }
#menu li, #menu a { height: 51px; display: block; }
#menu li { float: left; list-style: none; display: inline; }
#home { width: 117px; }
#home .selected { background:url("../images/menu.gif") 0px -102px no-repeat; }
#properties { width: 109px; }
#properties .selected { background:url("../images/menu.gif") -117px -102px no-repeat; }
#applicants { width: 110px; }
#applicants .selected { background:url("../images/menu.gif") -226px -102px no-repeat; }
#news { width: 109px; }
#news .selected { background:url("../images/menu.gif") -336px -102px no-repeat; }
#about { width: 109px; }
#about .selected { background:url("../images/menu.gif") -445px -102px no-repeat; }
#contact { width: 111px; }
#contact .selected { background:url("../images/menu.gif") -554px -102px no-repeat; }
#home a:hover { background:url("../images/menu.gif") 0px -51px no-repeat; }
#properties a:hover { background:url("../images/menu.gif") -117px -51px no-repeat; }
#applicants a:hover { background:url("../images/menu.gif") -226px -51px no-repeat; }
#news a:hover { background:url("../images/menu.gif") -336px -51px no-repeat; }
#about a:hover { background:url("../images/menu.gif") -445px -51px no-repeat; }
#contact a:hover { background:url("../images/menu.gif") -554px -51px no-repeat; }

#subnav { color: #FFFFFF; width: 960px; height: 20px; padding: 5px 0 0 0; background: url("../images/bg-subnav-main.gif") no-repeat scroll 0 0; }
#subnav ul, #subnav ul li { list-style: none; display: inline; }
#subnav ul { margin: 0 0 0 20px; }
#subnav ul li { padding: 0 7px 0 7px; }
#subnav a { color: #FFFFFF; font-size: 1.1em; }

/* =6 Middle */
#main { background-color: white; float: left; position: relative; width: 960px; margin: 10px 0 0 0; padding: 0; }
#feature { width: 946px; height: 375px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-main.jpg") no-repeat 7px; color: #FFFFFF; }
#feature h2 { color: #9FD500; }
.feature-entry { width: 230px; padding: 140px 20px 0 20px; }
.feature-entry ul { font-size: 1.2em; }
.feature-entry a { color: #FFFFFF; text-decoration: none; }
#feature-list { margin-left: 0; padding-left: 0; list-style: none; }
#feature-list li { padding: 5px 0 0 20px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0 .4em; }

#feature-secondary { width: 946px; height: 260px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-secondary.jpg") no-repeat 7px; }
#feature-secondary-properties { width: 946px; height: 260px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-secondary-properties.jpg") no-repeat 7px; }
#feature-secondary-applicants { width: 946px; height: 260px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-secondary-applicants.jpg") no-repeat 7px; }
#feature-secondary-news { width: 946px; height: 260px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-secondary-news.jpg") no-repeat 7px; }
#feature-secondary-aboutus { width: 946px; height: 260px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-secondary-aboutus.jpg") no-repeat 7px; }
#feature-secondary-contact { width: 946px; height: 260px; margin: 0 0 10px 0; padding: 0 7px 0 7px; background: url("../images/feature-secondary-contact.jpg") no-repeat 7px; }
#main-content { padding: 20px 60px 30px 80px; }
#main-content ul { font-size: 1.2em; list-style-type:disc; margin-left:30px; padding:0; }
#main-content h2 { padding: 0 0 16px 0; background:url("../images/line.jpg") 0 20px no-repeat; }
.news-entry { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }

/* =7 Forms */
#ethan-contact { margin: 20px 0 20px 0; font-size: 1.2em; }
#ethan-contact fieldset { margin: 0; padding: 10px 5px 10px 10px; }
#ethan-contact legend { color: #525252;  padding: 0 4px 0 4px; }
#ethan-contact label { float:left; margin: 0 30px 0 0; padding: 2px 0 2px 0; text-align: right; width: 100px; }
#ethan-contact input, #ethan-contact textarea { margin: 2px 0 0 0; }
#ethan-contact .send-button { margin: 0 0 0 130px; }
.mandatory { color: red; }

/* =8 Extra */

/* =9 Footer */
#footer { float: left; background-color: #FFFFFF; width: 948px; height: 22px; margin: 10px 0 20px 0; padding: 6px; color: #8B8B8B; font-size: 0.9em; }
.footer-site-details { float: left; background-color: #FFFFFF; width: 640px; padding: 0 0 0 14px; }
.footer-site-design { float: right; background-color: #FFFFFF; width: 280px; padding: 0 14px 0 0; text-align: right; }