/*
TITLE:      Striking Development, Inc master styles for screen media
AUTHOR:     Dan Boland, dan@danzigner.com
UPDATE:     February 1, 2006
NOTES:      Hand-crafted in Los Angeles, CA
*/

* {
    margin: 0;
    padding: 0;
    font-family: Helvetica Neue, Verdana, sans-serif;
    }
    
body {
    background: #4d371b url(../css/img/body-bg-1.gif) top center fixed;
    text-align: center;
    }
    
#header,#navcontainer,#footer {width: 100%; }

#primarycontent,#sidebar {float: left;}

.alt {display: none; }

ul {list-style: none; }

/* WRAP */

#wrap {
    width: 80%;
    min-width: 720px;
    margin: 1em auto;
    background: white url(../css/img/wrap-bg.gif) top right repeat-y;
    border: 5px solid #4d371b;
    text-align: left;
    }
    
/* HEADER */

#header {
    height: 180px;
    background: white url(../css/img/header.gif) top left no-repeat;
    }
    
/* BANNER */

#banner {
    margin: 20px auto;
    width: 680px;
    height: 180px;
    background: url(../css/img/banner-bg.gif) top center no-repeat;
    }
    
/* PRIMARY CONTENT ON THE HOME PAGE */

#primarycontenthome {
    background: url(../css/img/callnowhome-bg.gif) top left no-repeat;
    padding-left: 280px;
    min-height: 377px;
    margin-left: 40px;
    }
    
#primarycontenthome h1 {
    font-size: 100%;
    color: #deb407;
    margin-bottom: 20px;
    margin-right: 20px;
    }
    
#primarycontenthome p {
    font-size: 90%; 
    line-height: 1.3em;
    color: #4d371b;
    margin-bottom: 1em;
    margin-right: 20px;
    }
    
#primarycontenthome ul {
    margin-right: 20px;
    }
    
#primarycontenthome li {
    background: url(../css/img/hawk-bullet.gif) top left no-repeat;
    padding-left: 15px;
    margin-bottom: 1em;
    font-size: 90%;
    line-height: 1.6em;
    color: #4d371b;
    }
    
#primarycontenthome a:link, #primarycontenthome a:visited {
    color: #8d7b53;
    text-decoration: none;
    }
    
#primarycontenthome a:hover {
    color: #deb407;
    text-decoration: underline;
    }
    
#primarycontenthome p.last {
    margin-bottom: 60px;
    }
    
/* PRIMARY CONTENT GENERAL */

#primarycontent {
    width: 69%;
    background: url(../css/img/primarycontent-bg.gif) top left repeat-y;
    }
    
#primarycontent h1 {
    height: 20px;
    margin-top: 20px;
    margin-left: 20px;
    }
    
#primarycontent h2 {
    font-size: 100%;
    color: #deb407;
    margin: 20px;
    margin-bottom: 0;
    }
    
#primarycontent h3 {
    color: #deb407;
    font-size: 120%
    margin-left: 20px;
    padding-left: 20px;
    margin-bottom: 3em;
    }

#primarycontent p {
    font-size: 90%;
    line-height: 1.3em;
    color: #4d371b;
    margin: 20px;
    margin-top: 0;
    }
    
#primarycontent a:link, #primarycontent a:visited {
    color: #8d7b53;
    text-decoration: none;
    }
    
#primarycontent a:hover {
    color: #deb407;
    text-decoration: underline;
    }
    
.overview {
    width: 75%;
    margin-left: 4%;
    margin-bottom: 3em;
    font-size: 90%;
    line-height: 1.3em;
    color: #4d371b;
    }
    
.overview li {
    background: url(../css/img/hawk-bullet.gif) top left no-repeat;
    padding-left: 15px;
    margin-bottom: 1em;
    }
    
.overview li strong {
    color: #8d7b53;
    }

.enhancements {
    width: 75%;
    margin-left: 4%;
    margin-bottom: 3em;
    font-size: 90%;
    line-height: 1.6em;
    color: #4d371b;
    }
    
.enhancements li {
    background: url(../css/img/hawk-bullet.gif) top left no-repeat;
    padding-left: 15px;
    margin-bottom: 1em;
    }
    
.enhancements li strong {
    color: #8d7b53;
    }

/* SIDEBAR */

#sidebar {
    width: 29%;
    min-width: 150px;
    margin: 1em 0;
    }

#releasenotes {
    background: #d6c9ad url(../css/img/releasenotes-bg.gif) top right no-repeat;
    }
    
#releasenotes h1 {
    background: url(../css/img/releasenotes-h1-bg.gif) top left no-repeat;
    height: 30px;
    margin-right: 15px;
    }

#releasenotes h4 {
    background: #d6c9ad;
    color: #4d371b;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 80%;
    }
    
#releasenotes h2 {
    background: #d6c9ad;
    color: #8d7b53;
    padding: 0 5px;
    font-size: 80%;
    }
    
#releasenotes ul {
    background: #d6c9ad;
    color: #4d371b;
    list-style: disc outside;
    font-size: 70%;
    padding: 0 5px 10px 25px;
    }
    
#releasenotes li {
    margin-bottom: 5px;
    }

#releasenotes .boot {
    padding-bottom: 20px;
    }
    
#releasenotes img {
    border: none;
    }
    
#releasenotes a:link, #sidebar a:visited {
    text-decoration: none;
    color: #8d7b53;
    }
    
#releasenotes a:hover {
    text-decoration: underline;
    color: #deb407;
    }
    
#learnmore h2 {
    font-size: 90%;
    color: #deb407;
    font-weight: bold;
    }
    
#learnmore p {
    font-size: 12px;
    color: #4d371b;
    }
    
/* BENCHMARKS ON THE FEATURES PAGE */

#benchmarks {
    margin: 2em 20px 3em 20px;
    background: url(../css/img/featured-benchmark.gif) top center no-repeat;
    padding-top: 230px;
    }
    
#benchmarks p {
    padding: 0 40px;
    font-size: 70%;
    line-height: 150%;
    }

/* CALL NOW ON THE HOME PAGE */

#callnowhome {
    }
    
/* CALL NOW GENERAL */

#callnow {
    height: 130px;
    width: 150px;
    background: url(../css/img/call-now-bg.gif) top left no-repeat;
    padding: 60px 15px 15px 15px;
    margin-top: 20px;
    font: 13px Arial, sans-serif;
    line-height: 1.3em;
    color: #8d7b53;
    } 
    
#callnow a {font-weight: bold; }

#callnow a:link, #callnow a:visited {color: #8d7b52; text-decoration: underline; }

#callnow a:hover {color: #deb407; text-decoration: none; }
    
/* CONTACT FORM */

form {text-align: center; margin-bottom: 60px; }

.row {
    clear: both;
    padding-top: 5px; 
    color: #8d7b53;
    font-size: 90%;
    line-height: 1.6em; 
    font-weight: bold;
    }
.label {
    float: left;
    width: 180px;
    text-align: right;
    }
.field {
    float: left;
    margin-left: 10px;
    width: 290px;
    text-align: left;
    }
.field input {margin-right: 5px; }

.afterform {clear: left; }

/* MENU */

#navcontainer {
    clear: both;
    padding: 40px 0;
    background: url(../css/img/primarycontent-bg.gif) top left repeat-y;
    }

#navcontainer ul {
    padding: .5em 0;
    background-color: #d6c9ad;
    list-style: none;
    font-size: 70%;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    }

#navcontainer ul li {
    display: inline; 
    margin-left: -3px;
    }

#navcontainer ul li a {
    text-decoration: none;
    background-color: #d6c9ad;
    color: #4d371b;
    padding: .5em 20px;
    border-left: 2px solid #4d371b;
    border-right: 2px solid #8d7b53;
    }

#navcontainer ul li a:hover {
    background-color: #8d7b53;
    color: #deb407;
    }
    
/* FOOTER */

#foot {
    height: 75px;
    text-align: center;
    color: #d6c9ad;
    font-size: 70%;
    line-height: 1.5em;
    background: url(../css/img/primarycontent-bg.gif) top left repeat-y;
    }
    
#foot a:link, #foot a:visited {
    color: #d6c9ad;
    }
    
#foot a:hover {
    color: #deb407;
    }