/* -------------------------------------
RESET DEFAULT STYLES
------------------------------------- */
@import url("/index.php?css=styles/reset");

/* -------------------------------------
BODY AND WRAPPER
------------------------------------- */
body {
  margin: 0;
  padding: 0;
  font: small/160% "Segoe UI", Verdana, sans-serif;
  text-align: center;
  color: #003366;
  background-color: #8fa5bc;
}

body#home {
  color: #ffffff;
  background-color: #003366;
}

#main_wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

/* -------------------------------------
HOMEPAGE
------------------------------------- */

#featured_property_area {
  width: 960px;
  height: 240px;
  margin-bottom: 1.6em;
}

.featured_property {
  position: relative;
}

.feature_info {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 267px;
  height: 230px;
  background: transparent url(http://www.chimneyville.com/images/chamblee/bg_ftr_prop_panel.png) no-repeat 0 0;
}

.feature_info h1 {
  margin: 54px 20px 0.2em 20px;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFFFCC;
}

.feature_info h2 {
  font-family: "Book Antiqua", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 200%;
  line-height: 115%;
  margin: 0 20px;
}

.feature_info p.property_city {
  font-family: Verdana, sans-serif;
  font-size: 85%;
  margin: 0 20px;
}

.feature_image {
  width: 960px;
}

.feature_image img {
  border: 5px solid #ffffff;
}

#intro_text {
  width: 690px;
  float: left;
}

#intro_text p {
  font-family: "Book Antiqua", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 155%;
  line-height: 160%;
}

#latest_news {
  float: right;
  width: 240px;
  margin-top: 6px;
}

#latest_news h1 {
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFFFCC;
}

#latest_news div.news_summary {
  margin-bottom: 1.2em;
}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
  color: #3366CC;
  background: transparent;
}

a:visited {
  color: #3366CC;
  background: transparent;
}

a:hover {
  color: #000000;
  background: transparent;
}

a:active {
  color: #6699CC;
  background: transparent;
}

img.right {
  float: right;
  display: inline;
  margin: 0.2em 0 0 18px;
}

img.left {
  float: left;
  display: inline;
  margin: 0.2em 18px 0 0;
}

img {
  border: none;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 0;
  padding: 0;
}

hr {
  display: none;
}

hr.clear {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  line-height: 0;
}

/* -------------------------------------
HEADER
------------------------------------- */

#header_wrapper {
  text-align: center;
  color: #000000;
  background: #ffffff url(http://www.chimneyville.com/images/chamblee/bg_body.jpg) repeat-y 50% 0;
}

#header {
  width: 960px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

img#site_logo {
  position: absolute;
  top: 2em;
  left: 0;
}

p#site_tag {
  margin-left: 240px;
  padding: 2em 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

/* -------------------------------------
PAGE TITLE
------------------------------------- */

#title_wrapper {
  line-height: 0;
  background: #003366 url(http://www.chimneyville.com/images/chamblee/bg_title_wrapper.png) no-repeat 800px 0;
}

/* -------------------------------------
LAYOUT COLUMNS FOR CONTENT
------------------------------------- */

#content_wrapper {
  width: 100%;
  text-align: center;
  clear: both;
  color: #000000;
  background: #ffffff url(http://www.chimneyville.com/images/chamblee/bg_body.jpg) repeat-y 50% 0;
}

#content {
  width: 960px;
  text-align: left;
  margin: 0 auto;
  padding: 30px 0;
  clear: both;
}

#primary {
  width: 720px;
  float: right;
}

#secondary {
  width: 210px;
  float: left;
}

#primary div.text_column {
  width: 460px;
  float: left;
}

#primary div.img_column {
  width: 240px;
  float: right;
}

div.photo_caption {
  font-size: 85%;
  color: #003366;
}

/* -------------------------------------
#primary TEXT STYLES
------------------------------------- */

#primary p, #primary ul, #primary ol {
  margin-bottom: 1em;
}

#primary h1 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #cc3300;
  background-color: transparent;
  border-bottom: 1px solid #000000;
  font-size: 120%;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

#primary h2 {
  font-family: "Book Antiqua", "Times New Roman", Times, serif;
  font-size: 150%;
  font-weight: normal;
  color: #003366;
  background-color: transparent;
  margin-bottom: 1em;
}

/* -------------------------------------
NAV
------------------------------------- */

#nav {
  width: 100%;
  background-color: #001d3a;
  text-align: center;
}

#nav ul {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

#nav ul li {
  float: left;
}

#nav ul li a {
  float: left;
  font-size: 85%;
  text-decoration: none;
  color: #ffffff;
  background-color: transparent;
  padding: 0.7em 1.2em;
}

#nav ul li a:hover {
  background-color: #002953;
}

#nav ul li.current a {
  background-color: #003366;
}

/* -------------------------------------
SUBNAV
------------------------------------- */

ul#subnav li a {
  text-decoration: none;
  display: block;
  padding: 0.3em 0;
  color: #cc3300;
  font-size: 90%;
}

ul#subnav li a:hover {
  padding-left: 4px;
}

ul#subnav li.current a {
  font-weight: bold;
}

/* -------------------------------------
MANAGEMENT TEAM STYLES
------------------------------------- */

div.team {
  margin: 0 20px 30px 0;
  float: left;
  width: 340px;
}

div.team img {
  float: left;
  width: 120px;
  margin-right: 20px;
}

div.team h2 {
  margin-bottom: 0.2em !important;
  font-size: 130% !important;
}

/* -------------------------------------
NEWS STYLES
------------------------------------- */

div.news_summary {
  margin-bottom: 2em;
}

div.news_summary h2 {
  margin-bottom: 0.3em !important;
}

/* -------------------------------------
PROPERTIES STYLES
------------------------------------- */

div.property_category_img {
  width: 336px;
  float: left;
  margin: 0 12px 10px 0;
}

div.property_category_img a img {
  padding: 10px;
  border: 3px solid #ffffff;
  background-color: #eeeeee;
}

div.property_category_img a:hover img {
  background-color: #dddddd;
}

div.property_summary {
  margin: 0 20px 20px 0;
  float: left;
  width: 340px;
  background-color: #eeeeee;
}

div.property_thumb img {
  border: 3px solid #ffffff;
  margin: 11px 0 0 11px;
}

div.property_summary h3 {
  margin: 0 11px;
}

div.property_summary p {
  margin: 0 11px 11px 11px;
}

div.property_photo {
  margin-bottom: 1em;
}

div.property_photo img {
  border: 5px solid #eeeeee;
}

div.property_desc {
  width: 460px;
  float: left;
}

div.property_info {
  width: 240px;
  float: right;
  color: #003366;
  font-weight: bold;
  font-size: 90%;
}

div.logo {
  float: left;
  margin-right: 20px;
}

/* -------------------------------------
CONTACT FORM
------------------------------------- */

form#contact_form fieldset {
  border: 1px solid #dddddd;
  padding: 1em;
}

form#contact_form legend {
  color: #000000;
  font-weight: bold;
}

/* -------------------------------------
FORM STYLES
------------------------------------- */

form#standard_form {
  margin: 0 0 1em 0;
  padding: 0;
}

form#standard_form fieldset {
  border: 1px solid #dddddd;
  margin: 0 0 1em 0;
  padding: 12px;
}

form#standard_form fieldset legend {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-align: left;
}

form#standard_form fieldset p {
  margin: 0 0 4px 0;
  padding: 6px;
  clear: both;
  background-color: #eeeeee;
}

form#standard_form fieldset p input.text {
  margin: 0;
  padding: 0;
}

form#standard_form fieldset p label {
  width: 160px;
  margin: 2px 0 0 0;
  float: left;
}

.form_req {
  color: #FF0000;
  background: transparent;
}

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

#footer {
  width: 960px;
  margin: 1em auto 2em auto;
  text-align: left;
  clear: both;
  font-size: 85%;
}

#footer p {
  margin: 0;
  padding: 0;
}

/* -------------------------------------
CLEAR STYLES
Clears floats without extra markup.
------------------------------------- */

#nav:after,
#content:after,
div.property_summary:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}