/* GLOBAL RESET  ============*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1em; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:link img {border: 0px none;}
img, a img {padding:0; margin:0; border:none; display:block;}
strong {font-weight:bold;}


/* ---------- GENERAL ---------- */
html{font-size:62.5%;font-family:Arial, Helvetica, sans-serif;}
ul {margin-left:15px; list-style:disc;}
.content {font-size:1.2em;line-height:1.4em}
.content h1{font-size:1.333em;line-height:1em}
.content h2{font-size:1.333em;line-height:1em}
.content h3{font-size:1.166em;line-height:1em}
.content h4{font-size:1em;line-height:1em}
.content h5{font-size:1em;line-height:1em}
.content h6{font-size:1em;line-height:1em}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content blockquote,.content address,.content table,.content form{margin-bottom:1.6em}
.content p+p{margin-top:-.8em}
.content h1{margin:1em 0 .5em}
.content h2{margin:1.5em 0 .535em}
.content h3{margin:0.857em 0 .2857em}
.content h4{margin:1.23em 0 .2857em}
.content h5{margin:1.33em 0 .67em}
.content h6{margin:1.6em 0 .8em}
.content a:link, .content a:visited, .content a:hover, .content a:active,.content a:focus{color:white}

/* ID's */

body {
	background-color: #664a1e;
	margin:0 auto; 
	padding:40px 0 100px 0; 
	width:750px;
}  

#contactus {
	position:relative;
	width:auto; height:3em; overflow:visible;
	background-color: #E1F4FA;
}
 
#container {
	background: #928A69 url(site/images/banner.jpg) top left no-repeat;
	position:relative;
	padding:240px 0 50px 0;
	text-align:left;
}

#default {color:white; width:550px; margin:25px auto;}

#details {width:450px; margin:15px 0 0 25px; position: relative;}

#guestbook {
	background:#E1F4FA url(site/images/grad.png) repeat-x;
	position:absolute;left:500px; top:0;
	width:230px;
}

#nav {
	background:transparent url(site/images/navbg.png) top left repeat;
	height:30px;
	position:absolute; top:210px; left:25px;
}

#pointer {
	background: url(site/images/pointer.png) top right no-repeat;
	position:absolute;
	left:-35px;
	top:-17px;
	width:55px;
	height:55px;
}

#sidebar {
	background:#E1F4FA url(site/images/grad.png) repeat-x;
	position:absolute;right:0; top:205px;
	width:240px;
}



/* classes */
.intro {width:450px; margin:0 0 0 25px;}


/* nav details */
#nav ul {padding:0 10px; margin:0;}

#nav ul li {
	height:1.25em;
	list-style:none; 
	float:left; 
	padding:0 10px;
	margin:0;
}

#nav ul li a, #nav ul li a:visited {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:30px;
	color:white; 
	height:1.25em;
	text-decoration:none;
	text-transform:uppercase;
}


/* typography details */
p, ul li {color: #fff;}
#sidebar p {color:black;}

h1.logo {
	background:url(site/images/logo.png) top left no-repeat;
	margin:0; padding:0;
	text-indent:-9000px;
	width:315px; height:171px;
	position:absolute; top:50px; left:0px;
}

h1.headline {
	background:url(site/images/headline.png) top left no-repeat;
	margin:0; padding:0;
	text-indent:-9000px;
	width:315px; height:87px;
}

h2 {clear:both;}

.intro h2, #details h2, #default h2 {font-weight:bold; letter-spacing: 1px; color:#ccffff;}
#default h3 {font-weight:bold;}

#sidebar p, #sidebar h3 {padding:0 15px;}
#sidebar p {margin-bottom:2em;}
#sidebar h3 {color:#cc0000; letter-spacing:1px; font-weight:bold; text-transform:uppercase;}
#guestbook p {margin-bottom:3em; padding:0 5px;}
#sidebar h4 a:hover {
	color:#cc0000;
	text-decoration:underline;
	background-color:transparent;
}

#contactus h3 {padding:0.8em 0 0 25px;}

a, p a, p a:visited {color:white; text-decoration:underline;}

img.button {float:left; padding-bottom:1.5em;}
img.left {float:left; clear:left; padding:6px 10px 6px 0;}
img.right {float:right; clear:right; padding:6px 0 6px 10px;}