/* Resets
--------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, span, ul, li, div, form, input, select, textarea, button {margin:0; padding:0;}
html {overflow:-moz-scrollbars-vertical !important;}
a, a:hover {text-decoration:none; outline:0;}
a img {border:0;}
img {-ms-interpolation-mode:bicubic;} 

/* Structure
--------------------------------------------- */
body {font:normal 18px/36px Helvetica, Arial, sans-serif; text-align:center; background:url('../img/wood-bg.jpg');}

#container {padding:20px 10px; text-align:left;}
#logo a {display:block; width:288px; height:94px; text-indent:-999em; background:url('../img/logo.png') top left no-repeat;}
#call-us p {margin-top:20px; padding:10px; font-size:14px; line-height:20px; letter-spacing:2px; color:#FFF; text-shadow:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#F90;}
#nav {float:right; margin-top:20px; padding:10px; list-style:none; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#FFF;}
#nav li {display:inline; float:left;}
#nav li.first {margin-right:40px;}
#nav li a {font-size:16px; text-transform:uppercase;}

#thumbs {list-style:none; overflow:hidden;}
#thumbs li {display:inline; float:left; margin:0 48px 48px 0; line-height:0;}
#thumbs li.last {margin-right:0;}
#thumbs li a img {padding:8px; border:1px solid #FFF; border-radius:3x; -moz-border-radius:3px; -webkit-border-radius:3px; background:#333; box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 2px; -webkit-box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 2px;}
#thumbs li a:hover img {background:#000; border-color:#FFF;}

#paging {float:right; padding-right:5px; overflow:hidden; list-style:none; border-radius:3x; -moz-border-radius:3px; -webkit-border-radius:3px; background:#FFF;}
#paging li {display:inline; float:left; margin-left:4px;}
#paging li a, #paging li span {font-size:12px; line-height:18px; padding:2px 5px; border-radius:3x; -moz-border-radius:3px; -webkit-border-radius:3px;}
#paging li.active span {color:#FFF; background:#F90;}

#contact-me p {line-height:24px; margin-bottom:36px;}
#errors {margin-bottom:20px; padding:10px; color:#D8000C; border:1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#FFBABA;}
#errors p {line-height:24px; margin-bottom:0;}
#errors ul {list-style:disc; margin-left:50px;}
#errors li {font-size:14px; line-height:24px; margin:0;}
#success {margin-bottom:20px; padding:10px; color:#4F8A10; border:1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#DFF2BF;}
#success p {line-height:24px; margin-bottom:0;}

#footer {background:#F90;}
#footer p {margin:20px; font-size:12px; line-height:12px;}
#footer a {color:#FFF; text-shadow:none;}

#loading-samples, #loading-contact {position:absolute; margin:-6px 0 0 10px;}

.section {margin-top:50px;}

img.showcase {padding:10px; border:1px solid #FFF; background:#333; box-shadow:rgba(0, 0, 0, 0.5) 4px 4px 4px; -moz-box-shadow:rgba(0, 0, 0, 0.5) 4px 4px 4px; -webkit-box-shadow:rgba(0, 0, 0, 0.5) 4px 4px 4px;}

/* Type
--------------------------------------------- */
a {color:#F90;}
a:hover {text-decoration:underline;}

a.flickr {color:#0063DC;}
a.flickr span {color:#FF0084;}

h1 {font:normal 24px/24px Georgia, 'Times New Roman', serif; margin-bottom:30px; text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0;}
h2 {padding:10px; font:normal 24px/24px Georgia, 'Times New Roman', serif; margin-bottom:30px; border-bottom:1px solid #F90; background:#F90;}

p {text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0;}

/* Forms
--------------------------------------------- */
form ul {list-style:none;}
form li {margin-bottom:20px;}

label {display:block; line-height:18px; text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0;}
label + textarea {margin-top:5px;}
.input {padding:3px; font:16px/16px Helvetica, Arial, sans-serif; border:2px solid #333;}

button {cursor:pointer;}
button:active {position:relative; top:1px;}
button.submit {padding:5px 10px; font:18px/18px Helvetica, Arial, sans-serif; color:#FFF; text-transform:uppercase; border:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#F90;}

/* Misc.
--------------------------------------------- */
.left {display:block; float:left;}
.right {display:block; float:right;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.hidden {display:none;}