/* Header Area 
---------------------------------------------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold; }
em { font-style: italic; }
a { color:#f90; text-decoration:none; }

/* Standard Image Settings */
img { border:0;}
img.left { float:left; padding:0; margin:0 5px 10px 0; border:0; }
img.leftnm { float:left; padding:0; margin:0 0 10px 0; border:0; }
img.cs { float:left; padding:0; margin:0 10px 5px 0; border:0; }

/* Main layout blocks */
body { background:#302718 url(../images/body.jpg) top center no-repeat fixed; color:#fff; }
div { position:relative; }
div.break {font-size: 8px; margin: 0px; padding: 0px;}

#header { width:100%; height:290px; background:url(../images/repeater.png); z-index:2; }
#header div { margin:0 auto; width:620px; }

/* Seperate Wrapper for each page 
---------------------------------------------------------------------------------------- */

#wrapper_cs { margin:-100px auto; width:620px; height:500px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_home { margin:-100px auto; width:620px; height:850px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_serv { margin:-100px auto; width:620px; height:1250px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_about { margin:-100px auto; width:620px; height:680px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_contact { margin:-100px auto; width:620px; height:900px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_ta { margin:-100px auto; width:620px; height:260px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_na { margin:-100px auto; width:620px; height:310px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_adult { margin:-100px auto; width:620px; height:610px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_portfolio { margin:-100px auto; width:620px; height:1420px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_privacy { margin:-100px auto; width:620px; height:800px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_copy { margin:-100px auto; width:620px; height:490px; background:url(../images/wrapper.png); z-index:1; }
#wrapper_testimonial { margin:-100px auto; width:620px; height:930px; background:url(../images/wrapper.png); z-index:1; }

#content div { margin:0 auto; width:620px; }
#content div.inner { font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; margin:0 auto; padding:110px 0 0 10px; width:555px; height:354px; text-align:justify; }
#content div.inner p { font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#fff; }
#content div.inner h3 { font:20px/20px Georgia, 'Times New Roman', Times, serif; margin:-10px 0 10px 0; color:#fbaf89; }
#content div.inner h4 { font:16px/16px Georgia, 'Times New Roman', Times, serif; margin: 0 0 10px 0; color:#fffc08; }
#content span { color:#fff; }
#content span.bold { font-weight:bold; }
#content table, #content td { border-collapse:collapse; font-size:100%; border:0; table-layout: fixed; }
#content td { color:#fff; margin:0; padding:1px; color:#fffc08; vertical-align:top; text-align:center; width:180px; }

ul.body { margin: 10px 0 10px 10px; list-style-position: outside; }
ul.body li { list-style:inside; list-style-type:disc; }

/* Header Area 
---------------------------------------------------------------------------------------- */
/* Header Assets Section */
h1 { text-indent:-9999px; background:url(../images/h1.png); width:449px; height:314px; position:absolute; top:25px; left:-156px; }
h2 { text-indent:-9999px; background:url(../images/h2.gif); width:383px; height:54px; position:absolute; top:114px; right:0; }
h3.leaf { text-indent:-9999px; background:url(../images/feed.png); width:92px; height:58px; position:absolute; top:11px; right:-56px; }

/* Header Navigation Section */
ul.nav { background:url(../images/nav.gif); width:380px; height:30px; padding:16px 0 0 0; position:absolute; top:204px; right:0; text-align:center; }
ul.nav li { font:12px/12px Georgia, 'Times New Roman', Times, serif; color:#963; display:inline; }
ul.nav li a { color:#f90; text-decoration:none; }
ul.nav li a:hover { color:#fff; }

/* Contact Form
---------------------------------------------------------------------------------------- */

#formcontainer { width:600px; font-family: "trebuchet ms", helvetica, verdana; margin: 10px 5px 0px 5px; }
#formcontainer div.clearfix { margin-top:5px; }

.formsend { background:url("http://www.oakviewwebdesign.com/images/submit_button.png") no-repeat top; width:75px; height:25px; border:none; }

/* Footer Area
---------------------------------------------------------------------------------------- */

#footer { width:100%; height:354px; background:url(../images/footer_repeater.png); z-index:2; }
#footer div.inner { margin:0 auto; padding:0 0 0 190px; width:440px; height:354px; }
#footer div div { float:left; width:200px; margin:75px 0 0 20px; }
#footer div div.tree { float:none; margin:0; width:353px; height:318px; background:url(../images/footer_tree.png); position:absolute; bottom:-23px; left:-150px; }
#footer div div.leaf { text-indent:-9999px; background:url(../images/footer_leaf.png); width:108px; height:65px; position:absolute; bottom:-18px; right:-50px; }
#footer br { clear:both; }

h3 { font:18px/18px Georgia, 'Times New Roman', Times, serif; margin:0 0 10px 0; }
p { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#963; margin-bottom: 10px; }
p a:hover { border-bottom:1px solid #f90; }