body, p, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; }
body { padding-bottom: 30px; }
img { border: 0; }
div.clear { display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0; font-size: 1px; line-height: 1px; clear: both; }


/* Some site-wide observations */
body { font-family: arial,helvetica,verdana,sans-serif,"Helvetica Neue Ligh"; color: #878787; font-size: 15px; }
a { color: #EE3224; text-decoration: none; }
a:hover { text-decoration: underline; }

.testimonial { font-style: italic; line-height: 18px; font-size: 14px; }
.testimonial p { clear: both; margin: 0; }
.testimonial .attribution { float: right; font-style: normal; }
/* */



#main { width: 930px; margin: 0 auto; }
.header { margin: 0 8px; }
.header .logo { float: left; }
.socialLinks { float: left;  margin: 90px 0 0 720px; }

#nav { clear: both; }
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav ul li { float: left; margin: 0; padding: 0; }
#nav ul li a { display: block; height: 51px; padding: 0; margin: 0; }
#nav ul li a:hover { background-position: 0 102px; }
#nav ul li.current a { background-position: 0 51px; }
#nav ul li a span { display: none; }
#nav .index a { background: url(images/nav/stack_03.png); width: 110px; }
#nav .about a { background: url(images/nav/stack_04.png); width: 140px; }
#nav .marketing a { background: url(images/nav/stack_05.png); width: 149px; }
#nav .services a { background: url(images/nav/stack_06.png); width: 137px; }
#nav .print a { background: url(images/nav/stack_07.png); width: 111px; }
#nav .website a { background: url(images/nav/stack_08.png); width: 136px; }
#nav .contact a { background: url(images/nav/stack_09.png); width: 147px; }

#home { margin: 0px 8px 8px 3px; background: #000000 url(images/home-bg.png); background-repeat: no-repeat; clear: both; color: white; font-size: 13px; padding-bottom: 9px; }
#home .left { float: left; margin: 405px 23px 10px 12px; width: 285px; }
#home .center { float: left; margin: 405px 23px 10px 0; width: 285px; }
#home .right { float: left; margin: 405px 0 10px 0; width: 285px; }
#home a { color: #FDBB30; text-decoration: none; }
#home a:hover { text-decoration: underline; }
#home div.hr { clear: both; border: 0 none; background: url(images/home-hr.gif); height: 2px; }

#about { margin: 0 8px 14px 3px; position: relative; clear: both; padding-top: 14px; }
#about .copy { margin-top: 20px; line-height: 20px; }
#about .copy p { margin: 13px 0; }
#about .portrait { position: relative; float: left; margin: 0px 35px 7px 10px; }
#about .clients { float: right; }
#about hr { clear: both; border: 0 none; background: url(images/hr-bg.gif); height: 1px; }
#about .testimonial { float: right; width: 462px; margin-bottom: 10px; }

#marketing { margin: 0 8px 14px 3px; position: relative; clear: both; padding-top: 14px; }
#marketing .copy { margin-top: 0px; line-height: 20px; }
#marketing .copy p { margin: 13px 30px 13px 0;}
#marketing .copy p:first-child { margin-top: 0; margin-bottom: 0;}
#marketing .chalkboard { position: relative; float: left; margin: 0px 35px 7px 10px; }
#marketing hr { clear: both; border: 0 none; background: url(images/hr-bg.gif); height: 1px; }
#marketing .testimonial { float: right; width: 590px; margin-bottom: 10px; margin-right: 30px; }
#marketing ul { list-style: none; line-height: 30px; color: #415968;}
#marketing .left { float: left; width: 281px; margin: 20px 50px 30px 0px; }
#marketing .right { float: left; width: 281px; margin: 20px 0 30px 0px;  }

#services .copy { margin-top: 12px;}
#services .copy p { margin: 0px 30px 13px 0; }
#services .copy p:first-child { margin-top: 0; margin-bottom: 0; }
#services .pallet { position: relative; float: left; top: 80px; left: -15px; margin-right: 15px; margin-bottom: 7px; }
#services hr { clear: both; border: 0 none; background: url(images/hr-bg.gif); height: 1px; }
#services .testimonial { float: right; width: 540px; margin-bottom: 10px; margin-right: 30px; }
#services ul { margin: 8px 0 0px 0; list-style: none; color: #807F83; font-size: 14px; line-height: 19px; }
#services .left { float: left; width: 286px; margin: 20px 50px 30px 0px; }
#services .left ul { float: left; }
#services .left ul.first { margin-right: 60px; }
#services .right { float: left; width: 286px; margin: 20px 0 30px 0px; }

#contact { font-size: 13px; }
#contact .copy { margin-top: 12px;}
#contact .copy p { position: relative; margin: 20px 30px 13px 0; border: 1px solid red; }
#contact .copy p:first-child { margin-top: 0; margin-bottom: 0; }
#contact .map { position: relative; float: left; top: 17px; margin-right: 55px; margin-bottom: 7px; }
#contact hr { clear: both; border: 0 none; background: url(images/hr-bg.gif); height: 1px; }
#contact .testimonial { float: right; width: 640px; margin-bottom: 10px; margin-right: 30px; }
#contact ul { margin: 8px 0 10px 0; list-style: none; color: #807F83; font-size: 14px; line-height: 19px; }
#contact .left { float: left; width: 285px; margin: 20px 0px 30px 0px; }
#contact .confirmRight { width: 300px; float: left; margin: 60px 0 30px 0px; }
#contact .right .label { width: 70px; vertical-align: top; }
#contact .right { float: left; margin: 20px 0 30px 0px; }
#contact .right .text { border: 1px solid #807F83; width: 261px; height: 23px; }
#contact .right .captchaText { border: 1px solid #807F83; height: 32px; width: 139px; }
.captcha { }
#contact .right textarea { height: 103px; width: 261px; border: 1px solid #807F83; }
#contact .right .submit { border: 0; background-color: white; font-family: arial,helvetica,verdana,sans-serif,"Helvetica Neue Ligh"; color: #878787; font-size: 15px; font-weight: bold; float: right; cursor: pointer; }
#contact .right table { margin-top: 13px; }

#print { position: relative; margin: 13px 8px 14px 3px; background: url(images/website-bg.png); clear: both; }
#print .copy .quote { font-size: 18px; margin-bottom: 10px; }
#print .copy .attrib { float: right; }
#print .top { background: url(images/website-bg-top.png); background-repeat: no-repeat; }
#print .bottom { background: url(images/website-bg-bottom.png); background-position: bottom; background-repeat: no-repeat; padding: 40px;}
#print .title { border-bottom: 1px solid #D8D8D8; padding-bottom: 10px;  }
#print .list { border-right: 1px solid #D8D8D8; width: 200px; margin: 15px 0 0 0; float: left; height: 400px; }
#print .list ul { list-style: none; }
#print .list ul li a { color: #B32317; font-size: 13px; }
#print .content { float: left; margin: 23px 5px 0 31px; width: 600px; }
#print .content ul { list-style: none; }
#print .list ul li ul { margin: 0; padding: 0; width: 150px; }
#print .list ul li ul li { display: inline;  margin: 0; padding: 0; }
#print .icon { margin-right: 5px; margin-bottom: 5px; }
#print .content .sample { margin-left: 35px; }
#print .content .sample .screenshot { margin-bottom: 7px; }
#print .content .sample .siteName { font-weight: bold; font-size: 16px; width: 200px; }
#print .content .sample .siteDescription { font-size: 13px; width: 200px; }
#print .content .sample .launch { float: right; margin-top: 4px;  }

#website { position: relative; margin: 13px 8px 14px 3px; background: url(images/website-bg.png); clear: both; }
#website .note { float: right; font-size: 12px; margin-top: 10px; }
#website .top { background: url(images/website-bg-top.png); background-repeat: no-repeat; }
#website .bottom { background: url(images/website-bg-bottom.png); background-position: bottom; background-repeat: no-repeat; padding: 40px;}
#website .title { border-bottom: 1px solid #D8D8D8; padding-bottom: 10px;  }
#website .list { border-right: 1px solid #D8D8D8; width: 200px; margin: 15px 0 0 0; float: left; }
#website .list ul { list-style: none; }
#website .list ul li a { color: #B32317; font-size: 13px; }
#website td { vertical-align: top; }
#website .content .copy { line-height: 21px; width: 585px; margin: 20px 0 0 32px; font-size: 15px; }
#website .content ul { list-style: none; }
#website .content .sample { margin-left: 35px; }
#website .content .sample .screenshot { margin-bottom: 7px; }
#website .content .sample .siteName { font-weight: bold; font-size: 16px; width: 200px; }
#website .content .sample .siteDescription { font-size: 13px; width: 200px; }
#website .content .sample .launch { float: right; margin-top: 4px;  }
#website .slider { float: left; margin: 23px 5px 0 31px; width: 600px; }

#footer { margin: 0 8px 15px 3px; font-size: 12px; }
#footer .left { float: left; }
#footer .right { float: right; }


.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size: 12px;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}