body {
    margin: 0px; background: url(/templates/default/media/images/background.jpg) no-repeat;
    font-family: Arial, Helvetica, sans-serif; color: #666;
}
img { border: none; }
sup { font-size: 7pt; }
p, li { font-size: 11pt; }
h2 { color: #004990; margin: 0px; padding: 16px 0px 0px 16px; }
.clear { clear: both; }

#wrapper { width: 1026px; margin: 0px auto; display: block; position: relative; }

#header { height: 100px; background: url(/templates/default/media/images/logo.gif) no-repeat 0px 0px; position: relative;}
#logo { float: left; height: 100px; width: 301px; }
#logo span { display: block; width: 0; height: 0; overflow: hidden; }

#navbar { height: 53px; margin: 0px; padding: 0px; height: 53px; }
#navbar ul { list-style-type: none; display: inline; }
#navbar li { display: inline; float: left; margin: 0px; padding: 0px;}

.navbutton { float: left; height: 53px; }
#nav_home { width: 141px; background-image: url(/templates/default/media/images/nav_home.jpg); }
#nav_home:hover { background-image: url(/templates/default/media/images/nav_home_over.jpg) }
#nav_about { width: 108px; background-image: url(/templates/default/media/images/nav_about.jpg); }
#nav_about:hover { background-image: url(/templates/default/media/images/nav_about_over.jpg) }
#nav_our_homes { width: 155px; background-image: url(/templates/default/media/images/nav_our_homes.jpg); }
#nav_our_homes:hover { background-image: url(/templates/default/media/images/nav_our_homes_over.jpg) }
#nav_build { width: 180px; background-image: url(/templates/default/media/images/nav_build.jpg); }
#nav_build:hover { background-image: url(/templates/default/media/images/nav_build_over.jpg) }
#nav_links { width: 110px; background-image: url(/templates/default/media/images/nav_links.jpg); }
#nav_links:hover { background-image: url(/templates/default/media/images/nav_links_over.jpg) }
#nav_green { width: 180px; background-image: url(/templates/default/media/images/nav_green.jpg); }
#nav_green:hover { background-image: url(/templates/default/media/images/nav_green_over.jpg) }
#nav_contact { width: 152px; background-image: url(/templates/default/media/images/nav_contact.jpg);}
#nav_contact:hover { background-image: url(/templates/default/media/images/nav_contact_over.jpg) }
.navbutton span { display: block; width: 0; height: 0; overflow: hidden; }

#content_container {
    width: 1024px;
    border-left: #c5aa02 1px solid; border-right: #c5aa02 1px solid; border-bottom: #c5aa02 1px solid;
    background-color: white;
}

/* Stuff for the home page */

#scroller { margin: 0px; padding: 0px; height: 449px; width: 1024px; background-color: white; }
#tagline {
    margin: 0px; padding: 0px; width: 390px; height: 200px;
    position: absolute; top: 224px; left: 24px; z-index: 1000;
}
#leftcolumn { float: left; width: 460px; border-right: #c5aa02 1px solid; padding-right: 40px; margin: 24px; }
#rightcolumn { float: left; width: 400px; margin: 24px; }
#bigcolumn { float: center; width: 850; padding:40px; }

/* Stuff for the "Our Homes" page */

#homes_links {
    height: 298px; width: 1024px;
    background: url(/templates/default/media/images/ourhomes_bg.jpeg) no-repeat top; position: relative;
}
#homes_links ul { list-style-type: none; display: inline; margin: 0px; padding: 0px; }
#homes_links li { display: inline; margin: 0px; padding: 0px; }
.homes_linkbutton { float: left; height: 30px; }
#ourhomes_modelhome { width: 192px; background-image: url(/templates/default/media/images/ourhomes_modelhome.jpg); }
#ourhomes_modelhome:hover { background-image: url(/templates/default/media/images/ourhomes_modelhome_over.jpg) }
#ourhomes_wainwright { width: 192px; background-image: url(/templates/default/media/images/ourhomes_wainwright.jpg); }
#ourhomes_wainwright:hover { background-image: url(/templates/default/media/images/ourhomes_wainwright_over.jpg) }
#ourhomes_pendleton { width: 192px; background-image: url(/templates/default/media/images/ourhomes_pendleton.jpg); }
#ourhomes_pendleton:hover { background-image: url(/templates/default/media/images/ourhomes_pendleton_over.jpg) }
#ourhomes_cierra { width: 192px; background-image: url(/templates/default/media/images/ourhomes_cierra.jpg); }
#ourhomes_cierra:hover { background-image: url(/templates/default/media/images/ourhomes_cierra_over.jpg) }
#ourhomes_bennington { width: 192px; background-image: url(/templates/default/media/images/ourhomes_bennington.jpg); }
#ourhomes_bennington:hover { background-image: url(/templates/default/media/images/ourhomes_bennington_over.jpg) }
#ourhomes_bridgeland { width: 192px; background-image: url(/templates/default/media/images/ourhomes_bridgeland.jpg); }
#ourhomes_bridgeland:hover { background-image: url(/templates/default/media/images/ourhomes_bridgeland_over.jpg) }
#ourhomes_prescott { width: 192px; background-image: url(/templates/default/media/images/ourhomes_prescott.jpg); }
#ourhomes_prescott:hover { background-image: url(/templates/default/media/images/ourhomes_prescott_over.jpg) }
#ourhomes_ia { width: 440px; background-image: url(/templates/default/media/images/ourhomes_ia.jpg); }
#ourhomes_ia:hover { background-image: url(/templates/default/media/images/ourhomes_ia_over.jpg) }
#ourhomes_ea { width: 440px; background-image: url(/templates/default/media/images/ourhomes_ea.jpg); }
#ourhomes_ea:hover { background-image: url(/templates/default/media/images/ourhomes_ea_over.jpg) }
#ourhomes_sms { width: 440px; background-image: url(/templates/default/media/images/ourhomes_sms.jpg); }
#ourhomes_sms:hover { background-image: url(/templates/default/media/images/ourhomes_sms_over.jpg) }
#ourhomes_sc { width: 440px; background-image: url(/templates/default/media/images/ourhomes_sc.jpg); }
#ourhomes_sc:hover { background-image: url(/templates/default/media/images/ourhomes_sc_over.jpg) }
.homes_linkbutton span { display: block; width: 0; height: 0; overflow: hidden; }
#homes_types { position: absolute; top: 118px; left: 48px; width: 192px; }
#homes_features { position: absolute; top: 118px; left: 540px; width: 440px; }

#home_container { float: left; width: 700px; height: 525px; background-position: center center; }
#homes_browser {
    width: 976px; background-color: #e5ecf4;
    padding: 16px 24px; margin: 0px;
}
#home_overlay {
    margin: 0px; padding: 0px; width: 700px; height: 525px;
    position: absolute; top: 153px; left: 1px; z-index: 1000;
    background-image: url(/templates/default/media/images/homeviewer_overlay.png);
}
#homes_browser ul { list-style-type: none; display: inline; margin: 0px; padding: 0px; }
#homes_browser li { display: inline; margin: 0px; padding: 0px; }
.homebutton { float: left; height: 40px; width: 180px; text-decoration: none; color: #004990; }
.homebutton:hover { background: url(/templates/default/media/images/homepicker.gif) no-repeat left; color: white; }

#photos_browser {
    float: left; width: 260px; height: 501px; padding: 12px 32px;
    background: url(/templates/default/media/images/sidebar_base.gif) no-repeat bottom;
}
#photos_browser h2, #photos_browser p { text-align: center; margin: 0px; padding: 0px; }
.thumb a {
    float: left; width: 130px; height: 130px;
    background-image: url(/templates/default/media/images/thumb_bg.gif);
}
.thumb a:hover { background-image: url(/templates/default/media/images/thumb_bg_over.gif); }
.thumb div { position: relative; top: 14px; left: 14px; background-position: center center; height: 100px; width: 100px; }
.homebutton div { float: left; background-position: center center; height: 40px; width: 60px; }
.homebutton span { position: relative; top: 12px; left: 16px; }

/* Stuff for the "How We Build" page */

#gold_top { height: 46px; width: 1024px; background: url(/templates/default/media/images/build_top.gif); }
#gold_body { background-color: #c5aa02; }
#gold_bottom { height: 52px; width: 1024px; background: url(/templates/default/media/images/build_bottom.gif); }
.gold_section { width: 384px; float: left; background: no-repeat 8px 16px; padding-left: 96px; padding-right: 32px; }
.gold_section .point { font-size: 36pt; color: white; }
.gold_section p { font-size: 11pt; color: #333; margin-top: 0px; margin-bottom: 32px; }
hr { border: 0px; width: 960px; height: 1px; color: #004990; background-color: #004990; margin: 16px auto; }
#gold_body h2 { padding-left: 0px; }

/* Stuff for the Links page */

#links_container {
    height: 400px; width: 1024px;
    background: url(/templates/default/media/images/links_bg.jpg) no-repeat top; position: relative;
}
#links ul { list-style-type: none; display: inline; margin: 0px; padding: 0px; }
#links li { display: inline; margin: 0px; padding: 0px; }
.links_linkbutton { float: left; height: 30px; width: 780px; }
#links_pschba { background-image: url(/templates/default/media/images/links_pschba.jpg); }
#links_pschba:hover { background-image: url(/templates/default/media/images/links_pschba_over.jpg) }
#links_green { background-image: url(/templates/default/media/images/links_green.jpg); }
#links_green:hover { background-image: url(/templates/default/media/images/links_green_over.jpg) }
#links_calderone { background-image: url(/templates/default/media/images/links_calderone.jpg); }
#links_calderone:hover { background-image: url(/templates/default/media/images/links_calderone_over.jpg) }
#links_blitz { background-image: url(/templates/default/media/images/links_blitz_2012.jpg); }
#links_blitz:hover { background-image: url(/templates/default/media/images/links_blitz_2012_over.jpg) }
.links_linkbutton span { display: block; width: 0; height: 0; overflow: hidden; }
#links { position: absolute; top: 121px; left: 8px; width: 780px; }

/* Stuff for the "Contact Us" page */

#contact_steve {
    height: 88px; width: 192px;
    background: url(/templates/default/media/images/steve.jpg) no-repeat top left; background-position: -1px;
    padding-left: 155px; padding-top: 40px; float: left;
}
#contact_geoff {
    height: 88px; width: 192px;
    background: url(/templates/default/media/images/geoff.jpg) no-repeat top left;
    padding-left: 150px; padding-top: 40px; float: left;
}
.contact h3 { margin: 0px; padding: 0px; font-size: 14px; color: #004990; }
.contact p { margin: 0px; padding: 0px; font-size: 14px; }
#contact_rightpane {
    float: left;
    width: 200px;
    margin-left: 24px; margin-top: 24px; padding: 4px 0px 4px 24px;
    vertical-align: middle;
    border-left: #c5aa02 1px solid;
}

#about_container { height: 297px; width: 1026px; background-image: url(/templates/default/media/images/about_image.jpg) }
#green_container { height: 298px; width: 1026px; background-image: url(/templates/default/media/images/green_image.jpg) }
#contact_container { height: 297px; width: 1026px; background-image: url(/templates/default/media/images/contact_image.jpg) }

#footer { font-size: 9pt; text-align: center; margin-top: 5px;}

