@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');

body {font: 62.5%/1.8em Arial, Verdana, sans-serif; color:#3d3d3d; background:url('/images/backgrounds/body.jpg') repeat-x top center #1b2510;}
.clear{clear:both;}
/* Containers */
#container{width:940px; margin:0 auto; position:relative;}
  a#logo {position:absolute; top:9px; left:13px; display:block; width:167px; height:102px; background:url('../images/logos/country_lane_homes.png') no-repeat 0 0;}
  ul#navigation{height:35px; padding:1px 0 0 190px; width:730px;}
  ul#banners{width:940px; height:567px; display:block; overflow:hidden;}
  #content{background:url('/images/backgrounds/content.gif') repeat-y 0 0; padding:40px 0;}
    #primary{float:left; width:600px; padding-left:30px;}
    #secondary{float:right; width:235px; padding-right:30px; color:#2b3626;}
  #footer{background:url('/images/backgrounds/footer.png') repeat-x 0 0; padding:20px 0;}
  
/* Navigation Elements */
ul#navigation li{float:left; height:35px; width:75px;}
ul#navigation li a {display:block; height:35px; line-height:35px; text-align:center; color:#fff; text-decoration:none; font-size:1.2em;}
  ul#navigation li#about_us-nav {width:100px;}
  ul#navigation li#designs-nav {width:105px;}
  ul#navigation li#drafting_designs-nav {width:140px;}
  ul#navigation li#gallery-nav {width:90px;}
  ul#navigation li#brochures-nav {width:105px;}
  ul#navigation li#contact_us-nav {width:103px;}

#home-page ul#navigation li#home-nav a,
#about_us-page ul#navigation li#about_us-nav a,
#designs-page ul#navigation li#designs-nav a,
#drafting_designs-page ul#navigation li#drafting_designs-nav a,
#gallery-page ul#navigation li#gallery-nav a,
#brochures-page ul#navigation li#brochures-nav a,
#contact_us-page ul#navigation li#contact_us-nav a,
ul#navigation li a:hover{background:url('/images/backgrounds/navigation.gif') repeat-x 0 0;}

/* Banner Elements */
ul#banners li, ul#banners li img {display:block; height:567px; overflow:hidden;}

/* Primary Elements */
h1, h2, h3, h4, h5 {font: 2.6em "Times New Roman", Times, serif; padding-bottom:15px; color:#2b3626;}
h2 {font-size:2.2em;}
h3 {font-size:2em;}
h4 {font-size:1.8em;}
h5 {font-size:1.4em;}

#primary p, #primary ul {padding-bottom:20px; font-size:1.2em; line-height:1.9em;}
#primary ul {list-style: disc outside; padding-left:20px;}
#primary a {color:#3d3d3d; text-decoration:underline;}
#primary a:hover {text-decoration:none;}

ul#designs {list-style: none; padding:0 0 20px 0;}
ul#designs li a {text-decoration:none;}
ul#designs li a:hover {background:#fff; } 
ul#designs li {clear:both;  border-bottom:1px dashed #b2c0ac; padding:20px 40px 20px 0; margin:0; position:relative;}
ul#designs li img {float:left; margin:0 30px 30px 30px;}
ul#designs li a p {font-size:1em; text-decoration:none;}

ul#location {width:200px; list-style: none;}
div#location_map{float:right; width:400px; height:300px; border:5px solid #b2c0ac;}
ul#downloads {list-style:none; border-top:1px dashed #b2c0ac; padding:0;}
ul#downloads li {border-bottom:1px dashed #b2c0ac;}
a.file {padding:5px 10px 5px 40px;  background:url('/images/icon-file.gif') no-repeat 20px 7px; display:block;}
a.pdf {padding:5px 10px 5px 40px;  background:url('/images/icon-pdf.gif') no-repeat 20px 7px !important; display:block;}
a.doc, a.docx {padding:5px 10px 5px 40px;  background:url('/images/icon-word.gif') no-repeat 20px 7px !important; display:block;}
a.file:hover {background-color:#fff;}


/* Secondary Elements */
#secondary a {color:#1b714c; text-decoration:underline;}
#secondary a:hover {text-decoration:none;}

a#view_gallery {display:block; height:114px; margin-bottom:30px; background:url('/images/buttons/view_gallery.gif') no-repeat 0 0; text-indent:-9999px;}
p#phone-cta {height:50px; text-indent:-9999px; background:url('/images/call_to_action/phone.gif') no-repeat 28px 0;}
ul#contact_details li{padding-bottom:3px; font-size:1.1em;}

ul#images{padding-left:10px; list-style:none;}
ul#images li {padding-bottom:10px;}
ul#images li a img{border:3px solid #b2c0ac;}
ul#images li a:hover img{border-color:#819878;}

#primary ul#images li {float:left; padding:0 20px 20px 0;} 
#primary ul#images {padding:0;}

#opening_hours {padding-top:40px;}
#opening_hours dt {font-size:1.1em; font-weight:bold; padding-bottom:10px;}

#opening_hours dd {font-size:1.1em}

/* Footer Elements */
#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#ccc;}
#footer a img {float:right;}
#footer p {line-height:30px; color:#999; font-size:1.2em;}

/* Gallery Page Elements */
#gallery-page #content, #designs-page #content {background:#ecf1eb;}
#gallery-page #primary, #designs-page #primary {float:none; display:block; width:auto;}
#gallery-page #secondary, #designs-page #secondary{display:none;}