/*
dab Art Design Studio
Last Edited: 05-26-07
Developed by: dab - Sparkable.com

-- Contents -----------------------------
1. Body
2. Consistant Styles
3. Container
4. Logo
5. Banners
6. Navigation
	a. Main
	b. Side
7. Home Page
8. Internal Pages
9. Bottom
   	a. Copyright
-----------------------------------------
*/


/* Body ----------------------------------------------------------------- */

body {
	color: #000;
	font: small "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
}
	
/* ----------------------------------------------------------------------- */
/* consistant styles ----------------------------------------------------- */

form, h1, h2, h3, h4, ul, ol, dl, li, dt, dd {margin: 0; padding: 0;}
img {		border: 0; display: block;}
.clear {	clear: both;}
.center{	text-align: center; margin: 0 auto 0 auto; }
.right {	float: right; margin-left: 30px; clear: right;}
.hide {		display: none; visibility: hidden;}

div.hr {
  display: block;
  background: #F8E4B3 center;
  height: 1px;
  margin: 0 auto 20px auto;
}
	hr {	display: none; border: none; height: 1px;}

a {			color: #993300; text-decoration: none; }
a:hover { 	color: #3F6075; }
a:active {	color: #588B00; }

/* ----------------------------------------------------------------------- */
/* container ------------------------------------------------------------- */

#container {
	position: relative;
	width: 800px;
	background: #ffffff;
	color: #666666;
	margin: 0 auto 0 auto;
	margin-top: 190px;
	padding: 0px 0px 50px 0px;
}
	#topCont {	position: absolute; top: -136px; left: -116px; display: block; width: 1113px; height: 136px; background: url('../img/shared/top.gif') no-repeat; }
	#leftCont {	position: absolute; top: 0px; left: -116px; display: block; width: 116px; height: 432px; background: url('../img/shared/left.gif') no-repeat; }
	
/* ----------------------------------------------------------------------- */
/* logo ------------------------------------------------------------------ */

#logo a {
	position: absolute;
	bottom: -12px; left: 18px;
	display: block;
	width: 224px; height: 90px;
	background: url('../img/shared/logo.gif') no-repeat;
	margin: 0; padding: 0;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
	z-index: 98;
}

/* ----------------------------------------------------------------------- */
/* banners --------------------------------------------------------------- */

#banner {
	display: none;
	clear: both;
}

	#banner img {
		margin: 0 auto 0 auto;
	}
	
	/* Note: height will be -30px from total height of image or flash element */
	#space {	display: block; width: 100%; height: 147px;}
	#homeSpace {display: block; width: 100%; height: 287px;}

/* ----------------------------------------------------------------------- */
/* Navigation ------------------------------------------------------------ */

/* Main */
ul#nav {
	clear: both;
	list-style-type: none;
	width: 800px; height: 45px;	
	margin-bottom: 26px; padding-top: 1px;
}

	ul#nav li {	float: left; margin: 0; padding: 0;}
 
		ul#nav li a {
			display: block;
			height: 45px;
			text-indent: -999em;
			overflow: hidden;
		}

		li#link1 a:hover, 
		ul#nav li a.on { background-position: center -45px; }
		
		li#link1 a {width: 142px; background: url('../img/nav/link1.gif') no-repeat center top;}
		
/* Side */
#sidenav {	width: 180px; border-top: 1px solid #DEEBF8; float: left; clear: left;}
	#sidenav a {	
		display: block;
		background: url('../img/shared/arrow.gif') no-repeat top left;
		width: 164px;
		border-bottom: 1px solid #DEEBF8;
		margin-top: 8px;
		padding: 0 4px 8px 12px;
		color: #6a7277;
		font-size: 11px;
		font-weight: bold;
	}
	
	#sidenav a:hover, #sidenav a.on {	color: #993300; }
	
	#sidenav img {	margin: 40px auto 10px auto; }

/* ----------------------------------------------------------------------- */
/* Home Page ------------------------------------------------------------- */

#content {
	position: relative;
	width: 740px;
	margin: 0 auto 0 auto;
	text-align: left;
}

/* ----------------------------------------------------------------------- */
/* Bottom ---------------------------------------------------------------- */

#bottom {	
	position: relative;
	margin: 0 auto 0 auto;
	display: block; 
	clear: both;
	width: 70%; 
	color: #000;
	font-size: 11px;
	line-height: normal;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px; 
	padding-bottom: 4px;	
}
	#bottom p {		margin: 0; }
	#bottom a {		color: #000; }
	
	#bottom p {		margin-bottom: 6px; }
	#mainLinks a {	text-transform: uppercase; }

/* Copyright */

p#copyright {
	width: 100%;
	margin: 0 auto 0 auto;
	color: #000;
	font-size: 11px;
	line-height: normal;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
}
	p#copyright a {
		color: #000;
		border-bottom: 1px solid #000;
	}
		p#copyright a:hover { color: #666; border-bottom: 1px solid #666;}

/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */