/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    padding: 0px;
    margin: 0px;
}

/* GENERAL */

body {
    background: url(images/background.jpg) top center repeat fixed;
    font-family: "Lucida Grande","Lucida Unicode","Lucida Sans","Verdana",sans-serif;
    font-size: 11px;
    text-shadow: #fff 0px 1px 0px;
    border-top: #323232 solid 5px;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: #222;   
}
p {
    margin-bottom: 20px;
    color: #666;
}
input {
    font-family: "Lucida Grande","Lucida Unicode","Lucida Sans","Verdana",sans-serif;
    font-size: 11px;
    padding: 5px;
    box-shadow: 0px 0px 5px #9ea19a;
    -moz-box-shadow: 0px 0px 5px #9ea19a;
    -webkit-box-shadow: 0px 0px 5px #9ea19a;
    border: 1px solid #666;
    text-shadow: #fff 0px 1px 0px;
    margin: 0px 5px 0px 0px;
}
img {border: 0px;}

/* GENERAL LAYOUT */

#wrapper {
    display: block;
    margin: 0 auto;
    width: 960px;
}
#header {
    height: 90px;
    position: relative;
}
#logo {
    display: block;
    height: 90px;
    width: 380px;
    background: url(images/logo.png) bottom left no-repeat;
}
#navigation {
    position: absolute;
    top: 0px; right: 0px;
    display: block;
    font-style: italic;
    font-family: Georgia;
}
#navigation li {
    float: left;
}
#navigation a {
    display: block;
    float: left;
    padding: 45px 15px 15px 15px;
    margin-left: 10px;
    color: #fff;
    text-shadow: #222 0px 1px 3px;
}
#navigation a:hover {
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    background: url(images/navibg.png) top center repeat-x;
}
#navigation em {
    display: block;
    font-family: "Lucida Grande","Lucida Unicode","Lucida Sans","Verdana",sans-serif;
    font-style: normal;
    font-size: 14px;
}
.ie6Warning {
    background: #fff;
    padding: 10px;
    margin: 10px 0px;
    border: 1px solid #000;
}
.wall {
    background: #eee;
    padding: 20px;
    margin: 10px 0px 0px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 1.5em;
    border: 1px #fff solid;
    border-width: 1px 0px;
    box-shadow: 0px 1px 5px #666;
    -moz-box-shadow: 0px 1px 5px #666;
    -webkit-box-shadow: 0px 1px 5px #666;
}
#footer {
    line-height: 1.5em;
    color: #fff;
    text-shadow: #222 0px 1px 3px;
}
#footer a {
    font-weight: bold;
    color: #fff;
    text-shadow: #222 0px 1px 3px;
}
#footer a:hover {
    color: #ccc;
}
#footer li a {
    margin-left: 5px;
}
.feet {
    float: left;
    padding: 15px 20px;
    width: 199px;
    background: url(images/divider.png) right top no-repeat;
    height: 80px;
}
.last {
    float: left;
    padding: 15px 20px;
    width: 199px;
    height: 80px;
    border-right: 0px;
}

/* RECURRING LAYOUT */

.clearer {clear: both;}

#spotlight {
    padding-bottom: 10px;
    position: relative;
}
#spotlight h1 {
    width: 700px;
    font-weight: normal;
    margin: 25px 0px;
    font-family: Georgia;
    font-size: 30px;
    font-style: italic;
    letter-spacing: -1px;
}
#spotlight em {
    font-family: Georgia;
    width: 500px;
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #222;
    font-style: normal;
}
#spotlight p {
    display: block;
    width: 500px;
    color: #444;
    margin-bottom: 25px;
}
#spotlight a {
    position: absolute;
    bottom: 20px; right: 20px;
}
.action {
    display: block;
    font-family: Georgia;
    font-style: italic;
    height: 40px;
    width: 180px;
    background: url(images/action.png) center center no-repeat;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: #222 0px 1px 3px;
    box-shadow: 0px 1px 5px #666;
    -moz-box-shadow: 0px 1px 5px #666;
    -webkit-box-shadow: 0px 1px 5px #666;
    text-align: center;
    padding-top: 10px;
    border: 1px #d86e05 solid;
}
.action:hover {
    background: url(images/action_hover.png) center center no-repeat;
}
#spotlight span {
    display: block;
    font-style: normal;
    font-size: 16px;
}

h2 {
    padding: 0px 0px 10px 10px;
    background: url(images/h2border.png) bottom left no-repeat;
    margin-bottom: 20px;
    font-family: Georgia;
    font-variant: small-caps;
}

.more {
    font: italic 14px Georgia;
    color: #000;
    display: block;
    padding: 10px 10px 0px 0px;
    background: url(images/morebg.png) top left no-repeat;
}

.more em {
    color: #666;
    margin: 0px 10px;
    font-style: normal;
}

/* HOME LAYOUT */

#home {
    background: url(images/spot_home.jpg) top center no-repeat #eee;
}

#aside {
    float: left;
    width: 440px;
}

.home_work {
    clear: both;
}

.home_work_image {
    display: block;
    width: 130px;
    float: left;
    margin: 0px 20px 20px 0px;
    box-shadow: 0px 1px 5px #666;
    -moz-box-shadow: 0px 1px 5px #666;
    -webkit-box-shadow: 0px 1px 5px #666;
}

.home_work_p {
    float: left;
    width: 290px;
    display: block;
    color: #444;
    margin: 0px;
}

.home_work_a {
    display: block;
    font-size: 16px;
    font-family: Georgia;
    margin-bottom: 10px;
    font-style: italic;
    color: #000;
}

#article {
    float: right;
    width: 440px;
}

#sidetag {
    font: italic 20px Georgia;
    margin: 20px 0px 40px 0px;
}

.home_feature {
    margin-bottom: 20px;
}

.home_feature_image {
    display: block;
    width: 30px;
    float: left;
    margin: 0px 20px 20px 0px;
}

.home_feature_p {
    float: left;
    width: 390px;
    display: block;
    color: #444;
    margin: 0px;
}

.home_feature_a {
    display: block;
    font-size: 16px;
    font-family: Georgia;
    margin-bottom: 10px;
    font-style: italic;
    color: #000;
}

/* ABOUT LAYOUT */

/* WORK LAYOUT */

/* PROCESS LAYOUT */

#process {background: url(images/spot_process.jpg) top center no-repeat #eee;}

.process_image {
    float: left;
    margin: 0px 20px 20px 0;
}

.process_item {overflow: hidden;}

.process_header {
    font: italic 16px Georgia;
    display: block;
    margin-bottom: 10px;
}

#process_analysis {background: url(images/analysis_big.png) bottom right no-repeat;}
#process_marketing {background: url(images/marketing_big.png) bottom right no-repeat;} 
#process_finalization {background: url(images/finalization_big.png) bottom right no-repeat;} 
#process_design {background: url(images/design_big.png) bottom right no-repeat;} 
#process_development {background: url(images/development_big.png) bottom right no-repeat;} 

/* CONTACT LAYOUT */

#contact {
    background: url(images/spot_contact.jpg) top center no-repeat #eee;
}

#contact h3 {
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 20px;
    font-family: Georgia;
}

#contact #article p em {
    font-weight: bold;
    font-style: normal;
    color: #FF7F00;
}

label {
    display: block;
    font-size: 14px;
    font-family: Georgia;
}

input {display: block;}
textarea {height: 250px;}

input[type=text], textarea {
    width: 100%;
    margin: 10px 0px 20px 0px;
    padding: 5px;
    font-family: "Lucida Grande","Lucida Unicode","Lucida Sans","Verdana",sans-serif;
    font-size: 14px;
    color: #666;
}

/* ABOUT LAYOUT */

#about {
    background: url(images/spot_about.jpg) top center no-repeat #eee;
}

#about li {
    color: #666;
    padding-left: 40px;
    margin-bottom: 20px;
    background: url(images/hand.png) top left no-repeat;
    background-position: 5px 3px;
}

#socialbox a {
    position: relative;
    line-height: 30px;
    margin-right: 10px;
}

#socialbox span {
    margin-bottom: 10px;
    position: absolute;
    left: 50px;
}

#socialbox img {
    margin: 0px 50px 0px 10px;
}

/* WORK LAYOUT */

#work {
    background: url(images/spot_work.jpg) top center no-repeat #eee;
    position: relative;
}

#slideshow {
    width: 920px;
    height: 560px;
    margin: 20px 0px 0px 0px;
    text-shadow: none;
}

.home_feature_a:hover, .more:hover, .home_work_a:hover, #about a:hover {
    text-shadow: #666 1px 1px 3px;
}