a:link {
	color:#820009;
	text-decoration: none; 
	background-color: transparent;
}

a:visited { 
	color:#820009;
	text-decoration: none; 
	background-color: transparent;
}

a:hover { 
	color:#820009;
	font-weight:bold;
	background-color: transparent;
}

a:active { 
	color:#820009;
	text-decoration: none; 
	background-color: transparent;
}

#header {
	background-image: url(graphics/header.jpg);
	width:1200px;
	height:300px;
	background-repeat: no-repeat;
	background-position: right top;
	padding:0px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:3.33px;
	color:#FFF;
}
#phone {
	text-align:right;
	margin-right:25px;
	margin-top:205px;
	color:#820009;
	font-weight:500;
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
}
#main {
	background: #FFF url(graphics/menu_background.jpg) repeat-y right top;
	width:1200px;
	min-height:1000px;
	margin-top:-5px;
}
#sidebar {
	display:block;
	width:200px;
	float:right;
	margin-right:20px;
}
#nav {
	width:205px;
	color:#820009;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:26px;
	margin-right:20px;
}
#form {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	right:10px;
	bottom:50px;
}
#footer {
	background:#FFF url(graphics/footer.jpg) no-repeat bottom;
	width:1200px;
	height:100px;
	position:relative;
	bottom:0px;
}
#h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#820009;
	font-size:20px;
	margin-left:-10px;
}
#h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#820009;
	font-size:15px;
	margin-left:0px;
}
#content {
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin-left:20px;
	padding:10px;
	line-height:18px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
margin-top:10px;
margin-right:10px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
width: 100%;
height:100%;
border: 2px solid thin black;
border:none;
visibility: hidden;
color: transparent;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}


/* Show/hide setup for the gallery*/
	div#gallery {border:none;}
	div#gallery a:hover {background:transparent} /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
	div#gallery a img.bigh {height:0px;width:0px;border-width:0;z-index:8;} /* hide the big image by making its height and width 0 */
	div#gallery a img.bigv {height:0px;width:0px;border-width:0;z-index:8;} /* hide the big image by making its height and width 0 */
	div#gallery a:hover img.bigh {position:absolute;margin-left:-102px;margin-top:70px;width:400;height:267;border:1px;z-index:9;} /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */
	div#gallery a:hover img.bigv {position:absolute;margin-left:-102px;margin-top:112px;width:267;height:400;border:1px;z-index:9;} /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */