/* @override http://eullwoodworks.sucrose/css/main.css */

/*
------------------------------------------------------------------------ 
This is the main stylesheet for the 2008 Eull Woodworks design.

The graphics and design are Copyright (c) 2008 Smitty's Workshop and 
Eull Woodworks. Original site design by Smitty's Workshop. Code 
authoring by and Copyright (c) Joel Schou and Fuzzy Coconut. Reproducing 
the design in whole or part is strictly prohibited. However, creative 
inspiration is wonderful and inevitable. Contact us at www.smittypages.com

Feel free to learn from the CSS. Copying all or part is not only shallow,
but completely useless if you want to actually learn CSS. Please respect
our hard work and only use the code for reference. We will gladly answer
your questions. Contact us at fuzzycoconut.com/contact
-----------------------------------------------------------------------
*/

/* import stylesheets */
@import "reset.css";

* {
	margin: 0;
	padding: 0;
}

html {
	background: #240303 url(../img/html.jpg) 50% 0;
}

body {
	text-align: center;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 75%; /* IE */
	line-height: 1.8em;
	background: url(../img/body.jpg) 50% 0 repeat-x;
}
html > body { font-size: 12px; } /* Other browsers */

#wrapper {
	margin: 0 auto;
	width: 978px;
	background: url(../img/wrapper.gif) 50% 147px repeat-x;
}

/* ######### header region ######### */
#header {
	position: relative;
	margin: 0 -7px;
	width: 992px;
	height: 147px;
	background: url(../img/header.jpg) 683px 0 no-repeat;
	z-index: 1;
}

h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 445px;
	height: 147px;
	background: url(../img/header-h1.gif) no-repeat;
}
h1 a {
	display: block;
	margin: 10px 115px 0 110px;
	width: 220px;
	height: 100px;
	text-indent: -999px;
}

#header p.tagline {
	position: absolute;
	top: 23px;
	left: 556px;
	width: 107px;
	height: 78px;
	text-indent: -999px;
	background: url(../img/header-p.gif) no-repeat;
	overflow: hidden;
}

/* ========= nav bar ========= */
/* ---- top level ---- */
#header ul {
	position: absolute;
	top: 116px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 992px;
	height: 31px;
	list-style: none;
}
/* ---- second level ---- */
/*#header ul ul {
}*/

/* --------- list items --------- */
#header li {
	display: inline;
	position: relative;
	height: 31px;
	width: 100px;
	float: left;
}

#header li.skipnav /* jump to content link */ {
	position: absolute;
	top: -250px;
	width: 0;
}
#header li.nav1 { margin-left: 7px; }
#header li.nav2 { margin-left: 250px; }
#header li.nav3 { margin-left: 8px; }
#header li.nav4 { margin-left: 8px; }
#header li.nav5 { margin-left: 212px; }

/* --------- links --------- */
#header li a {
	display: block;
	height: 31px;
	line-height: 35px;
	text-indent: -999px;
	background: url(../img/nav.png) no-repeat;
	overflow: hidden;
}
#header li.nav1 a { background-position: 0 0; }
#header li.nav2 a { background-position: -350px 0; }
#header li.nav3 a { background-position: -458px 0; }
#header li.nav4 a { background-position: -566px 0; }
#header li.nav5 a { background-position: -870px 0; }

/* --------- links hovered --------- */
#header li.nav1 a:hover { background-position: 0 -31px; }
#header li.nav2 a:hover { background-position: -350px -31px; }
#header li.nav3 a:hover { background-position: -458px -31px; }
#header li.nav4 a:hover { background-position: -566px -31px; }
#header li.nav5 a:hover { background-position: -870px -31px; }

/* --------- current section --------- */
.home #header li.nav1 a {  }
.aboutus #header li.nav2 a { background-position: -350px -31px; cursor: default; }
.portfolio #header li.nav3 a { background-position: -458px -31px; cursor: default; }
.whatsnew #header li.nav4 a {  }
.contactus #header li.nav5 a { background-position: -870px -31px; cursor: default; }


/* ######### content/sidebar regions ######### */
#content {
	padding: 0 0 0 260px;
	height: 479px;
	text-align: left;
}

#scroller {
	padding: 25px 35px;
	height: 429px;
	overflow: auto;
	background: url(../img/scroller.jpg) 465px 0 no-repeat;
}



/* ========= page items ========= */

/* --------- links --------- */
#content a { color: #303; }
#content a:visited { color: #664c66; }
#content a:hover { color: #5e2a07; text-decoration: none; }
#content a:active { color: #424242; background: #fed685; }

a img { border: none; }


/* --------- subnav --------- */
/*ul.subnav {
	margin: 36px 0 0 47px;
	padding: 0 0 36px 0;
	font: 1em/1.33em Georgia, Times, 'Times New Roman', serif;
	text-transform: lowercase;
	color: #000;
	list-style: none;
	overflow: auto;
}

.subnav li {
	display: inline;
	margin: 0 6px 0 0;
	padding: 0 0 0 6px;
	border-left: 1px solid #000;
	float: left;
}
.subnav li.sub1 {
	padding: 0;
	border: none;
}

.subnav a { color: #000; }
.subnav a:visited { color: #666; }
.subnav a:hover { color: #600; }
.subnav a:active { color: #300; }*/


/* --------- text --------- */
h2 {
	font: bold 16px/36px Georgia, Times, 'Times New Roman', serif;
	color: #3b0202;
}

/*h3 {
	margin: 0 0 0 47px;
	height: 25px;
	font: 1.667em/1.25em Times, 'Times New Roman', serif;
	font-weight: lighter;
	color: #300;
}
#sidebar h3 {
	height: auto;
}

h4 {
	margin: 18px 0 0 47px;
	font: 1.167em/1.25em Georgia, Times, 'Times New Roman', serif;
	color: #300;
}

h5 {
}
h6 {
}*/

#content p {
	margin: 0;
	padding: 0 0 18px 0;
	font: 14px/18px Georgia, Times, 'Times New Roman', serif;
	color: #636363;
}
/*#sidebar p {
	margin: 0 auto 1.43em auto;
	width: 216px;
	color: #300;
}

span.special s { color: #999; }
span.special ins { color: #f24215; border: none; }

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

sup {
	vertical-align: super;
	line-height: 0;
	font-size: 1.2em;
	font-family: Georgia, Times, 'Times New Roman', serif;
}
sup a {
}

blockquote {
	margin: 0 47px 18px 27px;
	padding: 0 0 0 20px;
	font: 1.25em/1.75em Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	color: #999;
	background: url(../img/blockquote.gif) 0 3px no-repeat;
}
#sidebar blockquote {
	margin: 0 24px;
	padding: 0;
}

blockquote p {
	margin: 0;
}

ins {
	text-decoration: none;
	border-bottom: 1px solid #777;
}
del {
	color: #777;
}

abbr,
acronym,
dfn {
	text-decoration: none;
	border-bottom: 1px dotted #777;
}
cite {
	text-decoration: none;
	font-style: italic;
}

address {
	margin: 0 0 1.43em 47px;
	font: 1.167em/1.71em Georgia, Times, 'Times New Roman', serif;
	color: #000;
}
#sidebar address {
	margin: 0 auto 1.43em auto;
	width: 216px;
	color: #300;
}

iframe {
}*/

/* --------- lists --------- */
#content ul {
	margin: 0;
	padding: 0 0 18px 0;
	font-size: 14px;
	line-height: 18px;
	color: #636363;
	list-style: circle;
}
/*#sidebar ul {
	margin: 0 auto 1.43em auto;
	width: 216px;
	color: #300;
	list-style: none;
}

ul.pages {
	text-transform: uppercase;
	list-style: none;
}
.pages li {
	padding: 0 6px 0 0;
	display: inline;
}
.pages li.back {
	margin-right: 6px;
	border-right: 1px solid #000;
}
.pages li.more {
	font-weight: bold;
}


ol {
	margin: 0 0 1.43em 47px;
	font: 1.167em/1.71em Georgia, Times, 'Times New Roman', serif;
	color: #000;
}
ol ol {
	font-size: 1em;
	margin-left: 32px;
}


dl {
	margin: 0 0 1.43em 47px;
	font: 1.167em/1.71em Georgia, Times, 'Times New Roman', serif;
	color: #000;
}
dl ul {
	margin: 0;
	font-size: 1em;
}*/

/* --------- forms --------- */
/*form {
	margin: 0 47px 18px 47px;
}

fieldset {
	overflow: auto;
}

label {
	display: inline;
	text-transform: lowercase;
	float: left;
	clear: left;
	width: 220px;
}
label.req {
	color: #d0509a;
}

input,
textarea {
	padding: 1px;
	margin: 0;
	height: 16px;
	width: 266px;
	line-height: 16px;
	border: 1px solid #ccc;
}
textarea {
	height: 64px;
}
.radiocheck input {
	border: none;
}
.readonly input,
.readonly textarea,
.readonly select {
	color: #999;
	border-color: #fff;
}
.req input,
.req textarea,
.req select,
span.radiocheck.req {
	background: #f7805c;
}

select {
	height: 18px;
	line-height: 18px;
	border: 1px solid #ccc;
	background: #fff;
}*/

/* specific form formatting stuff */



/* buttons stuff */
/*span.buttons {
	display: block;
	padding-left: 220px;
}
button {
	padding: 0;
	width: 100px;
	height: 20px;
	font-size: .75em;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	background: #c16e9a url(../img/button.png) no-repeat;
	border: none;
	cursor: pointer;
}*/

/* required fields stuff */
/*p.reqnote {
	margin: 0;
	font-size: .8em;
	color: #d0509a;
}
p.reqmiss {
	margin: 0 5px 0 -5px;
	padding: 0 0 0 5px;
	font-size: .8em;
	background: #f7805c;
}*/

/* --------- tables --------- */


/* --------- flash --------- */


/* ######### footer region ######### */
#footer {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100px;
	clear: both;
	background: url(../img/footer.jpg) 50% 61px repeat-x;
	text-shadow: 0 0 0 #3b0202; /* so light fonts aren't so bold in Safari */
}

/* --------- contact info --------- */
#footer p.contact {
	height: 59px;
	font-size: 16px;
	line-height: 59px;
	text-align: left;
	text-indent: 20px;
	font-weight: lighter;
	color: #c9a966;
	border-bottom: 2px solid #5e4a31;
	overflow: auto;
}

#footer p.contact span.address {
	display: inline;
	float: left;
}

#footer p.contact span.phone {
	display: inline;
	width: 260px;
	font-size: 28px;
	text-align: center;
	text-indent: 0;
	float: right;
}

/* ========= fineprint bar ========= */
#footer ul {
	margin: 0;
	padding: 0;
	height: 39px;
	color: #5e2a07;
	list-style: none;
	/*background: url(../img/nav2.png) no-repeat;*/
}

/* --------- list items --------- */
#footer li {
	height: 39px;
	position: absolute;
	top: 71px;
}

#footer li.totop /* jump to content link */ {
	left: -999px;
}
#footer li.copyright {
	left: 10px;
}
#footer li.credit {
	left: 50%;
	margin-left: -120px;
	width: 240px;
}
#footer li.sitemap {
	right: 10px;
}

/* --------- links --------- */
#footer li a { color: #5e2a07; }
#footer li a:visited { color: #5e4a31; }
#footer li a:hover { text-decoration: none; }
#footer li a:active { color: #c9a966; }