/* MAIN WEBSITE CODE */
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 75%;
	margin: 0;
	padding: 0;
	text-align: center;}
#mainframe{
	margin: 3em auto;
	text-align: left;
	width: 38.5em;
	font-size: 1.4em;}
p{
	color: #666666;
	font-size: 0.8em;}
li{
	list-style: square;
	color: #666;
	padding-bottom: 1px;
	font-size: 0.8em;
	line-height: 2em;}
	
/* GENERAL LINK STYLES ON WEBSITE */	
a:link{
	color: #666;}	
a:hover{
	color: #FFAE01;}
a:visited{
	color: #666;}		
a:active{
	color: #666;}
	
/* CONTENT POSITIONING */
#header{
	margin-bottom: 2em;
	height: 58px;}
#content{
	clear: both;
	text-align: justify;
	margin-bottom: 2em;
	min-height: 15em;}

#rule{
	border-bottom: 2px dashed #FFAE01;}	

#header:after, #content:after, #footer:after{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;}
/* LOGO POSITIONING and STYLES */
#logo{
	width: 320px;
	float: left;}
#pagetitle{
	float: left;
	color: #666;
	padding-left: 12px;
	margin-left: 5px;
	font-size: 1.6em;
	text-align: left;
	height: 38px;
	line-height: 38px;
	font-family: Mistral;
	background: url(../images/line.gif) 0 0 repeat-y;}
.numbers{
	float: right;
	margin-top: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 0.8em;
	background: url(../images/line.gif) 12px 0 repeat-y;}

/* FOOTER POSITIONING and STYLES */


#footer {
	margin-bottom: 10px;
	clear:both;
	text-align: center;
	height: 2em;
	line-height: 2em;
	font-size: 0.8em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #ffae01;}
.footer {
	display: block;
	float: left;
	border: 0;
	margin: 0 auto;
	text-align: center;
	color: #333;
	text-decoration: none;
	font-weight: bold;}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 38.5em;}
#footer li {
	float: left;
	margin: 0 0 0 0;}
#footer a {
	display: block;
	width: 9.5em;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-weight: bold;}

#footer a:hover {
	background-color: #2d2d2d;
	color: #ffae01;}

#quotes{
	width: 11em;
	float: right;
	margin-left: 1em;
	border: 1px dashed #ffae01;
	padding: 0.5em;}
#blockquote{
	background: url(../images/quote-open.gif) no-repeat 0 0;
	padding-left: 0em;
	padding-top: 1em;
	float: right;
	margin-bottom: 1.5em;}
#blockquote p{
	background: url(../images/quote-close.gif) no-repeat 100% 100%;
	padding-right: 0em;}

#copyright{
	float: right;
	color: #666;
	font-size: 0.8em;}	
#siteby{
	float: left;
	color: #666;
	font-size: 0.8em;}
	
/* GALLERY PAGE POSITIONS AND IMAGES */
.thumbnails{
	float: right;
	position: relative;
	left: 0;
	top: 5px;}
.thumbnail img{
	border: 2px solid white;
	margin: 0px;}
.thumbnail:hover{
	margin: 0px;}
.thumbnail:hover img{
	margin: 0px;}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	width: 393px;
	height: 236px;
	visibility: hidden;
	margin: 0px;}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 2px;
	left: -398px; /*position where enlarged image should offset horizontally */
	z-index: 50;}
		
/* CONTACT PAGE FORM POSITIONING and STYLES */
#form{
	border: 0;}
#form ul {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;}
#form li {
	list-style: none;
	padding-bottom: 1em;}
label {
	width: 6.5em;
	text-align: right;
	margin-right: 0.5em;
	float: left;
	display: block;}
#buttons{
	float: left;
	font-weight: bold;
	margin-left: 3em;}	
#submit{
	background-color: #2d2d2d;
	color: #FFAE01;
	border: 1px solid #2d2d2d;
	font-size: 0.9em;
	padding: 5px;}
#reset{
	background-color: #2d2d2d;
	color: #FFAE01;
	border: 1px solid #2d2d2d;
	font-size: 0.9em;
	padding: 5px;}