/* Resets
--------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, span, ul, li, div, form, input, select, textarea, button {margin:0; padding:0;}
ul {list-style:none;}
a, a:hover {text-decoration:none; outline:0;}
a img {border:0;}

/* Structure
--------------------------------------------- */
html {background:#666;}

body {font:13px/18px Arial, Helvetica, sans-serif; background:#333 url(../img/body-bg.gif) top left repeat-x;}

#header {width:800px; height:135px; margin:0 auto; overflow:hidden;}

#logo {float:left; width:173px; height:75px; margin-top:37px; background:url(../img/logo.gif) top left no-repeat;}
#logo h1 a {display:block; width:173px; height:75px; text-indent:-999em;}

#location {float:right; width:130px; height:120px; margin-top:15px; background:url(../img/location-bg.png) top left no-repeat;}
#location p {margin-top:25px; margin-left:10px; color:#FFF;}

#nav {height:37px; background:url(../img/nav-bg.png) top left repeat-x;}
#nav ul {width:800px; margin:0 auto; overflow:hidden;}
#nav li {float:left;}
#nav li.last {float:right;}
#nav li a {display:block; height:37px; text-indent:-999em; background-image:url(../img/nav-bg.png); background-repeat:no-repeat;}
#nav li a.home {width:67px; background-position:0 -37px;;}
#nav li a.home:hover {background-position:0 -74px;}
#nav li a.started {width:118px; background-position:-67px -37px;}
#nav li a.started:hover {background-position:-67px -74px;}
#nav li a.what {width:123px; background-position:-185px -37px;}
#nav li a.what:hover {background-position:-185px -74px;}
#nav li a.portfolio {width:93px; background-position:-308px -37px;}
#nav li a.portfolio:hover {background-position:-308px -74px;}
#nav li a.links {width:67px; background-position:-401px -37px;}
#nav li a.links:hover {background-position:-401px -74px;}
#nav li a.contact {width:115px; background-position:-468px -37px;}
#nav li a.contact:hover {background-position:-468px -74px;}
#nav li a.special {width:129px; background-position:-583px -37px;}
#nav li a.special:hover {background-position:-583px -74px;}

#body {min-height:163px; padding-top:40px; background:url(../img/body-gradient-bg.png) top left repeat-x;}

.container {width:800px; margin:0 auto; color:#FFF; overflow:hidden;}

#footer {margin-top:100px; padding:30px 0; overflow:hidden; border-top:6px solid #1B1B1B; background:#666;}
#footer ul {text-align:center;}
#footer li {display:inline; border-right:1px solid #CCC;}
#footer li.last {border-right:0;}
#footer li a {margin:0 10px; color:#CCC}
#footer li a:hover {text-decoration:underline;}
#footer p.credit {margin-top:10px; text-align:center; color:#333;}

/* Module stuff
--------------------------------------------- */
.half {float:left; width:360px;}
.half.margin {margin-left:60px;}

.third {float:left; width:240px;}
.third.margin {margin-left:40px;}

.photo {float:left; margin:10px;}
.photo a img {padding:3px; border:1px solid #666;}
.photo a:hover img {background:#555;}

.contact-error {width:386px; padding:5px; border:1px solid #C00; background:#666;}

/* Type
--------------------------------------------- */
h2 {font-size:26px; line-height:40px;}
h3 {font-size:22px; line-height:36px;}
h4 {font-size:18px; line-height:32px;}
h5 {font-size:14px; line-height:28px;}

.replaced {text-indent:-999em;}
h2.full-service {width:320px; height:77px; margin-bottom:30px; background:url(../img/h2-full-service.gif) top left no-repeat;}
h4.samples {width:161px; height:19px; margin:0 auto 10px; background:url(../img/h4-samples.gif) top left no-repeat;}

a {color:#800000;}
a:hover {}

a.block {padding:3px; color:#FFF; background:#666;}
a.block:hover {background:#800000;}

blockquote {margin:20px 0; padding:3px 0 0 20px; background:url(../img/quote-open.gif) top left no-repeat;}
blockquote span {padding:0 20px 3px 0; background:url(../img/quote-close.gif) bottom right no-repeat;}

#testimonials {overflow:hidden;}
#testimonials div.testimonial-half {float:left; width:390px;}
#testimonials div.right {float:right;}
#testimonials blockquote {margin:10px 0; padding:5px 5px 5px 25px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#666 url(../img/quote-open.gif) 5px 5px no-repeat;}
#testimonials blockquote p {text-align:right; font-style:italic;}

p.notice {padding:10px; margin-bottom:20px; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#FEEFB3;}

.normal {font-weight:normal;}
.sixteen {font-size:16px;}

ul.links {overflow:hidden;}
.links li {margin:10px 0;}
.links li a {background:none;}
.links li a:hover {color:#999; background:none;}

/* Lists
--------------------------------------------- */
ul.tick li {margin:20px 0; padding-left:30px; background:url(../img/tick.png) top left no-repeat;}

.content ul {margin:10px 0 0 25px; list-style:disc;}
.content li {margin:8px 0;}

/* Forms
--------------------------------------------- */
form div.fix {margin-right:10px;}

label {display:block; margin-top:5px; cursor:pointer;}
form.inline label {display:inline;}
label.inline {display:inline;}

form p {margin-bottom:10px;}

.input, textarea, select {padding:3px; font-family:Arial, Tahoma, Helvetica, sans-serif; color:#FFF; font-size:12px; border:1px solid #777; background:#666;}
.input:hover, textarea:hover {border:1px solid #999;}
.input:focus, textarea:focus {border:1px solid #FFF;}

form.full input, form.full textarea, form.full select, form.full button, input.full, textarea.full, select.full, button.full {float:none; width:100%;}
form.half {float:none; width:50%;}
form.half input, form.half textarea, form.half select, form.half button, input.half, textarea.half, select.half, button.half {width:100%;}
form.large input, form.large textarea, form.large select, form.large button, input.large, textarea.large, select.large, button.large {font-size:22px; font-weight:bold;}

button {margin-top:10px; cursor:pointer; text-align:center; border:0;}
button.submit {height:35px; line-height:35px; border:1px solid #FFF; border-width:0 1px; background:url(../img/contact-submit-btn.png) top center no-repeat;}
button.submit:hover, button.submit:focus {background:url(../img/contact-submit-btn.png) bottom center no-repeat;}

form#contact .input, form#contact textarea {margin:3px 0;}
#name, #email {width:165px;}
#message {width:342px;}
form#contact .error {border:1px solid #C00;}
form#contact button {width:350px; margin:3px 0;}


/* Misc.
--------------------------------------------- */
.clear {clear:both; overflow:hidden;}
.clear-invisible {clear:both; width:100%; height:0;}
.left {display:block; float:left; overflow:hidden;}
.right {display:block; float:right; overflow:hidden;}