@charset "UTF-8";
body {
	font: 10pt Arial;
	background: #fbfaf7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #484439;
}
a:link { 
	color: #fbfaf7;
	text-decoration: none;
	border: 0px;
	}
a:visited { 
	color: #fbfaf7;
	text-decoration: none;
	border: 0px;
	}
a:hover { 
	color: #fbfaf7;
	text-decoration: none;
	border: 0px;
	}
a:active { 
	color: #fbfaf7;
	text-decoration: none;
	border: 0px;
	}
.class1 #container {
	background: #fbfaf7;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #fbfaf7;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.class1 #header {
	background: #eae7d2;
	padding:30px 0 0 50px;
	height:150px;
	background-repeat:no-repeat;
	background-image: url(images/banner.png);
}  
.class1 #header a{
	border: 0px;
	color: #eae7d2;
}
.class1 #header img{
	border: 0px;
}
.class1 #navbar {
	padding: 0 0 0 50px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#bcb8ac;
	height: 27px;
	border-bottom:2px dotted #9f9987;
	border-top:2px dotted #9f9987;
	background-repeat:repeat-x;
	background-image: url(images/bg_navbar.png);
} 
.class1 #navbar a{
	border: 0px;
	color: #bcb8ac;
}
.class1 #navbar img {
	margin-right: 40px;
	border: 0px;
}
.class1 #thumbs {
	width: 130px;
	padding: 50px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fbfaf7;
	float: left;
}
.class1 #thumbs img{
	margin: 4px;
	border-top: 1px solid #ffffff;
}
.class1 #mainContent {
	background: #fbfaf7;
	height:600px;
	border-top: 1px solid #ffffff;
}
.class1 #mainContent img{
	padding: 50px 50px 50px 0;
	height: 500px;
	max-width: 600px;
}
.class1 #aboutContent {
	background: #fbfaf7;
	padding: 50px;
	width: 500px;
	float:left;
}
.class1 #photo{
	padding:50px;
	height:500px;
}
.class1 #photo img{
	height:250px;
}

.class1 #footer { 
	padding: 0 50px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height: 30px;
	font-size:75%;
	text-align: center;
	color: #9f9987;
	width: 900px;
}