/* RESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }

/* GLOBAL */
body { font-family: Helvetica, Arial, sans-serif; background: url(../img/site-background.jpg) center 270px repeat-y;  }
a { color: #C40000; text-decoration: none; border-bottom: 2px solid #FF8080; }
a:hover { border-bottom: 2px solid #C40000; }
.container { margin:0 auto; width: 900px; }
#header { width: auto; height: 58px; background: url(../img/headerBG.gif) bottom repeat-x #000; }
#footer { width: 100%; margin: 20px 0 0 0; padding: 20px 0 15px 0; background: url(../img/footerBG.gif) top repeat-x #000;}
.clearDivs { clear: both; }
#bodyContent { width: auto; background-color: #fff; padding: 0 20px 30px 20px; margin: -10px 0 27px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.fullCol { width: 100%; }
.narrowCol { width: 31%; float: left; }
.wideCol { width: 64%; float: right; }
.halfCol { width: 49%; float: left; margin: 0 0 20px 0; }
#form-left .halfCol { margin: 0; }
.thirdCol { width: 32%; float: left; margin-right: 15px; }
.seperate { margin: 0 0 0 15px; padding: 0; width: 48%;}
#contactWrap #footer, #aboutWrap #footer, #noWrap #footer { margin-top: 0; }
#preLoad { display: none; }
hr { border-top: 1px solid #EBEBEB; border-bottom: none; border-right: none; border-left: none; background-color: #fff; width: auto; padding: 0; margin: 25px 0 25px 0; }
.feature { width: auto; margin: 25px 0 0 0; border: 3px solid #EBEBEB; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.feature img { margin: 5px 3px 0 0; }
.feature .padd { padding: 10px; }
.feature img.last { margin-right: 0; }
.feature hr { margin: 5px 0 15px 0; }
.feature a { border: none; }
#flashContent p { text-align: center; padding-top: 10px;}

/* SLIDER */
#banner{ width:900px; margin: 0 0 25px 0; padding: 8px 0 0 0; }
.controls { padding: 0 0 10px 0; }
.scroller { width:900px; overflow: hidden; padding: 15px 0 0 0; }
.section { width:900px; float: left; }
.scroller .content { width: 10000px; }
.content { text-align: center; }

#thumbs { width: auto; padding-top: 13px; float:left; line-height: 1em; }
#thumbs li { float:left; display: block; width:auto; margin-right: 6px; }
#thumbs li.last { margin: 0; }
#thumbs li a { outline: none; border: none; }

#pointer { z-index: -10; position: relative; top: -17px; margin-bottom: -25px; margin-left: 3px; display: block; }

.thumbA, .thumbB, .thumbC, .thumbD, .thumbE, .thumbF, .thumbG { opacity:.8; filter:alpha(opacity=80); -webkit-transition:opacity .3s ease-in-out; display: block; }
.thumbA:hover,.thumbASelect, .thumbB:hover,.thumbBSelect, .thumbC:hover,.thumbCSelect, .thumbD:hover,.thumbDSelect, .thumbE:hover,.thumbESelect, .thumbF:hover,.thumbFSelect, .thumbG:hover,.thumbGSelect { opacity:1; filter:alpha(opacity=100); display: block; }
#thumbs .test { -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(../img/thumb-hands.jpg) no-repeat top; width: 111px; height: 71px; }

/* TEXT */
#siteTitle, h1, h2 { font-family: Arial, Helvetica, sans-serif; }
#siteTitle { font-size: 4.8em; line-height: 1em; text-align: center; width: 100%; padding: 40px 0 0 0; margin: 0; background-color: #fff;}
.subTitle { font-size: 1.5em; float: right; width: 37%; text-align: right; color: #fff; padding: 9px 0 0 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: normal; }
h1 { font-size: 2.6em; font-weight: normal; color: #999999; text-align: center; padding: 0 0 25px 0; margin: 0; line-height: 1.8em; }
h2 { font-size: 2em; padding: 0; margin: 10px 0 10px 0; }
h3 { font-size: 1.5em; margin: 0 0 10px 0; font-family: Helvetica, Arial, sans-serif; color: #336699; }
h4 { font-size: .8em; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; margin: 18px 0 5px 0;}
.feature h4 { text-align: center; margin: 0;}
p { padding: 0; margin: 0 0 10px 0; line-height: 1.4em; font-size: .875em;}
.feature p { font-size: .95em; text-align: center; }
.halfCol p { font-size: .625em; color: #666666; margin: 8px 0 0 0; line-height: 1.5em;} 

.section ul { font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em;  }
.section li { display: inline; float: left; margin: 0 20px 13px 0; }
.section li.sideNote { font-size: .55em; padding: 4px 0 0 0; margin: 0; float: right; }
.section li .subdue { color: #999999; }
#footer p { text-align: center; color: #fff; }
#footer a { border-color: #460000; }
#footer a:hover { border-color: #C40000; }
.largeType { font-size: 5em; line-height: normal; }
#blogWrap #footer p { font-size: 13px;}
.fullCol h2, .fullCol p { text-align: center;}
h2.flash-sub { font-size: 28px; margin: 0 0 15px 0; display: block; height: 35px; width: 100%; padding: 0; text-align: left; color: #34679b;}
.fullCol h2.flash-sub { text-align: center;}
.grey { color: #666;}

/* MAIN NAVIGATION */
#nav { width: 61%; padding: 0; font-size: 16px; text-align: left; }
#nav li { list-style: none; display: inline-block; margin: 0 1px 0 0; padding: 0; }
#nav li a { padding: 19px 27px 17px 25px; text-decoration: none; color: #fff; white-space: nowrap; display: inline-block; border: none; }
#nav li a:hover { background-color: #333333; }
#blogWrap #nav li.blog a, #webdesignWrap #nav li.webdesign a, #contactWrap #nav li.contact a, #aboutWrap #nav li.about a, #artworkWrap #nav li.artwork a { background-color: #fff; color: #000; padding-bottom: 22px;  }

/* FORMS */
label { font-size: 1.2em; line-height: 30px; font-family:Arial, Helvetica, sans-serif; }
input[type=text], textarea { font-size: 16px; padding: 4px; width: 240px; border: 1px solid #999999; font-family:Arial, Helvetica, sans-serif; } 
input[type=text]:focus, textarea:focus { border: 1px solid #76b03a;}
textarea { width: 518px; height: 150px; }
button { cursor: hand; }
.submitButton, .more_entries a { margin: 20px 0 0 0; width: 198px; height: 38px; border: none; display: block; }
.more_entries a { margin: 0; border: 0;}
.more_entries a:hover { border: 0;}
.submitSendtosteve { background: url(../img/button-send-to-steve-trans.png) 0 0 no-repeat; }
.submitSendtosteve:hover { background: url(../img/button-send-to-steve-trans.png) 0 -39px no-repeat; }
.submitSendtosteve:active { background: url(../img/button-send-to-steve-trans.png) 0 -78px no-repeat; }
.submit-send-comment { background: url(../img/button-submit-comment-trans.png) 0 0 no-repeat; }
.submit-send-comment:hover { background: url(../img/button-submit-comment-trans.png) 0 -39px no-repeat; }
.submit-send-comment:active { background: url(../img/button-submit-comment-trans.png) 0 -78px no-repeat; }
.submit-newer-entries { background: url(../img/button-newer-entries-trans.png) 0 0 no-repeat; }
.submit-newer-entries:hover { background: url(../img/button-newer-entries-trans.png) 0 -39px no-repeat; }
.submit-newer-entries:active { background: url(../img/button-newer-entries-trans.png) 0 -78px no-repeat; }
.submit-older-entries { background: url(../img/button-older-entries-trans.png) 0 0 no-repeat; }
.submit-older-entries:hover { background: url(../img/button-older-entries-trans.png) 0 -39px no-repeat; }
.submit-older-entries:active { background: url(../img/button-older-entries-trans.png) 0 -78px no-repeat; }
.required { font-size: 25px; color: red; position: relative; top: 3px; }

/* IMAGES */
img a { border: none; }
.photoNote { margin: 10px 0 10px 0; padding: 0; font-style: italic; color:#333333; }
img a { border: none; }
.photoNote { margin: 10px 0 10px 0; padding: 0; font-style: italic; color:#333333; }