/*--  This is bascially the whole page. It holds everthing.--*/
#folio {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 600px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 0px;
}

/*--  This is the div that holds the image for my logo.--*/
#logo {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 220px;
	position: absolute;
	z-index: 8;
	left: 30px;
	top: 107px;
}
#logo img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.image {
	margin-top: 25px;
	margin-left: 0px;
	vertical-align: middle;
}
.image1 {
	margin-top: 5px;
	margin-left: 0px;
	vertical-align: middle;
}
/*--  This is the top of the page. Everything above, but not including the top line.--*/
#nav {
	margin: 0px;
	padding: 0px;
	height: 175px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
}
/*--  The following classes are applied to the two paragraphs in the nav div that function as the nav system.--*/
.firstnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 0px;
	margin: 83px 0px 0px 390px;
	width: 190px;
	height: 100px;
	position: absolute;
}
#nav .firstnav a {
	color: #999999;
	text-decoration: none;
}
.secondnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 0px;
	margin: 83px 0px 0px 585px;
	width: 190px;
	height: 100px;
	position: absolute;

}
#nav .secondnav a {
	color: #999999;
	text-decoration: none;
}
/*--  This is the middle of the page. Everything in between the two lines, including both lines.--*/
#main {
	margin: 0px;
	padding: 0px;
	height: 323px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 176px;
	z-index: 2;
}
/*--  This is goes inside the main div on the left. It holds all the images and text on the left within the main div.--*/
#smallimages {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	height: 313px;
	width: 370px;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 2;
	text-align: right;
}
#smallimages img.img1 {
	margin: 0px 0px 5px 5px;
	padding: 0px;
}
#smallimages img.img2 {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#smallimages img.img2,img.img1  {
	border: none;
}

/*--  This is goes inside the main div on the right. It holds all the images and text on the right within the main div.--*/
#content {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	height: 313px;
	width: 410px;
	position: absolute;
	left: 390px;
	top: 0px;
	z-index: 2;
	border-left: solid 1px #999999;
}
/*--  This is the bottom. It is everything below, but not incuding the bottom line.--*/
#footer {
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 500px;
	z-index: 2;
}
/*--  This is goes inside the footer div. It's for the contact information at the bottom.--*/
.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	margin-top: 5px;
	margin-left: 390px;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
/*--  These are various classes for spans that will end up in different places.--*/
.blue {
	color: #66ccff;
}
.bold {
	font-weight: bold;
}
/*--  This is the paragraph class for the quote on the main page.--*/
.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #7fc9db;
	padding: 0px;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.black {
	color: #000000;
}
.hrule2 {
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0px;
	top: 498px;
	z-index: 6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.hrule1 {
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0px;
	top: 175px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	z-index: 6;
}
iframe {
	z-index: 1;
}
.about1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7fc9db;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.about2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7fc9db;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content .about2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66CCFF;
	text-decoration: none;
	font-size: 12px;
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 225px;
}