/*----------  Resets ----------*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
	margin:0;
	padding:0;
}       
 /*--- End Reset ---*/
body {
    font: 100% Arial, Helvetica, sans-serif;
    background: #fff;
    margin:0;
    padding:20px 0 0 0;
}

h1 {
	text-align:justify;
	font-size: 13px;
	color: #fff;
	padding: 7px 35px 10px 35px;
}

p {
    text-align:justify;
    font-size: 12px;
    color: #000;
}

p.top {
	position: relative;
	top: 0px;
	left: 0px;
	width: 410px;
	text-align:justify;
	font-size: 12px;
	color: #000;
	margin: 5px 15px 10px 5px; /* was 25px right*/
}

p.bottom {
	position: absolute;
	top: 205px;
	left:0;
	width: 410px;
	text-align:justify;
	font-size: 12px;
	color: #000;
	margin: 20px 15px 10px 5px; /* was 25px right*/
}

ul.top {
	position: relative;
	top: 0px;
	left: 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2.0em;
	color: #000;
	margin: 5px 15px 10px 40px;
	list-style-type: none;
	}

ul.bottom {
	position: absolute;
	top: 210px;
	left: 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2.0em;
	color: #000;
	margin: 5px 15px 10px 40px;
	list-style-type: none;
	}

#main {
    background: #ffdd00; /*left sidebar color*/
    margin: 0 auto;
    width: 740px;
    border:10px solid #ffdd00;
}
#header{
	height:138px;
	text-align:center;
	background-image: url(../graphics/bg-top.gif);
}
/* html #header{ height:75px;} /* IE6 treats height as min-height*/

#container {
	/* background: #ffdd00; Main Content Color*/
	margin-left: 310px;
}

.wrapper {
	background: #ffdd00; /*Main Content Color*/
	float: left;
	width:100%;
	margin-bottom:20px; /*cushion above footer*/
	/*border-bottom:1px solid red; testing for .wrapper end*/
}

* html .wrapper {margin-left:0}/*needed for ie6 border alignment*/

#sidebar {
	float: left;
	margin-left: -293px;
	position: relative;/* fixes an IE 6 bug */
	width: 293px;
}

#content {/* style rules for the content go here */
	position:relative; /*set as containing block for absolute positioned elements*/
	float:left; /*haslayout for IE6 & 7 */
	background: #ffdd00;
}

#footer {
	background: #ffdd00; /*testing for footer location*/
	clear: both;
	text-align: center;
	height:18px; /* image heights are 18px */
	padding: 15px 0;
	overflow:hidden;
}   
* html #footer {
	font-size:0; /* remove text descender height in IE6 */
	position:relative;
}
* html #footer img {vertical-align: bottom}

.block {display:block;}

.footerright {
	float:right;
	padding: 0 17px 4px 0;  /* relocate top padding to #footer to catch all 3 images & give 17px right*/
	border:none;
	font-size:0; /* remove text descender height in IE6 */
	display:block;
}

.footerleft {
	float:left;
	padding: 0 0 4px 17px;   /* relocate top padding to #footer to catch all 3 images & give 17px left */
	border:none;
	font-size:0; /* remove text descender height in IE6 */
	display:block;
}

#testi {
	position: absolute;
	top: 145px;
	height: 62px;
	width: 407px;
	margin: 0 0 0 6px;
	background-image: url(../graphics/testimonial.gif);
	background-repeat: no-repeat;
}

#photobar {
	position: absolute;
	top: 250px;
	height: 92px;
	width: 407px;
	margin: 0 0 0 6px;
}

/* -------------------- FAQ -------------------------- */

p.faq1 {
	margin: 0 0px 0 0;
	padding: 12px;
	line-height: 1.4em;
	font-size: 12px;
    text-align:justify;
	background-color: #ffdd00;
}

p.faq2 {
	margin: 0 0px 0 0;
	padding: 12px;
	line-height: 1.4em;
	font-size: 12px;
    text-align:justify;
	background-color: #ffe540;
}

#faq {
	position: relative;
	top: 74px;
	left: 6px;
	height: 208px;
	width: 407px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.question {
	font-weight:bold;
	color: #000;
}

/* -------------------- NAV -------------------------- */

ul#nav {
	position:relative;
	top:-64px;
	left:6px
}
ul#nav {
	background:url(../graphics/navbuttongrid.gif);
    font-size:0; /* for IE6 */
}    
ul#nav li {
	float:left;
	list-style-type:none
}
ul#nav li a {
	height:20px;
	display:block;
	position:absolute;
	top:0;
	text-indent:-9999px;
	outline:none
}
li#navabout a, li#navphotos a, li#navfaq a, li#navlinks a, li#navdirections a {
	background:url(../graphics/navbuttongrid.gif)
}

li#navabout a 								{ background-position:0 0; width:79px; left:0 }
li#navabout a:hover							{ background-position:0 -20px }
body#pageabout li#navabout a 				{ background-position:0 -40px }

li#navphotos a 								{ background-position:-82px 0; width:79px; left:82px }
li#navphotos a:hover						{ background-position:-82px -20px }
body#pagephotos li#navphotos a 				{ background-position:-82px -40px }

li#navfaq a									{ background-position:-164px 0; width:79px; left:164px }
li#navfaq a:hover							{ background-position:-164px -20px }
body#pagefaq li#navfaq a 					{ background-position:-164px -40px }

li#navlinks a								{ background-position:-246px 0; width:79px; left:246px }
li#navlinks a:hover							{ background-position:-246px -20px }
body#pagelinks li#navlinks a 				{ background-position:-246px -40px }

li#navdirections a 							{ background-position:-328px 0; width:79px; left:328px }
li#navdirections a:hover					{ background-position:-328px -20px }
body#pagedirections li#navdirections a 		{ background-position:-328px -40px }