/* CSS Document */

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 20px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
}

/* Main Wrapper*/
#wrapper {
	text-align:left;
	width:870px;
	position:relative;
	background-color: #CCCCCC;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Outer border*/
#borderMain {
	float: left;
	width: 870px;
	border: 2px solid #333333;
}


/* Logo & Photo Banner*/

#logoBand {
	background-color: #CCCCCC;
	height: 123px;
	float: left;
	width: 870px;
}
#photoBand {
	height: 124px;
	width: 870px;
	background-color: #CCCCCC;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}

/* Navigation Container - actual navigation controlled via P7Pm stylesheet*/
#navigation {
	background-color: #9BB4C7;
	float: left;
	width: 825px;
	background-image: url(images/BG_nav.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-left: 45px;
}

/* Content / Container Area*/
#content {
	background-color: #020750;
	float: left;
	width: 790px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-image: url(images/BG_content.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#content2 {
	background-color: #020750;
	float: left;
	width: 830px;
	padding-left: 40px;
	background-image: url(images/BG_content.jpg);
	background-repeat: no-repeat;
}


#slideshowMain {
	background-color: #CCCCCC;
	float: left;
	width: 400px;
	margin-left: 50px;
	border: 1px solid #FFFFFF;
}
#projectsListing {
	float: left;
	width: 200px;
	margin-left: 50px;
}

/* Footer*/

#footerBand {
	background-color: #00001e;
	float: left;
	height: 24px;
	width: 870px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	padding-top: 10px;
}

#footer a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

#footer a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

#footer a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

#footer a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

#footer{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

/* Jesse's Credit links*/

a.jesse:link { color: #333333; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.jesse:active { color: #333333; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.jesse:hover { color: #333333; font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; letter-spacing: 1pt }
a.jesse:visited { color: #333333; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }#jesseCredit {
	padding: 20px;
	height: 20px;
	width: 100%;
	float: left;
}
#footerBox {
	padding: 20px;
	float: left;
	width: 100%;
}

/* Headers*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFFFFF;
	margin-bottom: 20px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	margin-bottom: 5px;
}

/* Misc stuff*/

#about_photo {
	float: right;
	width: 250px;
	margin: 10px;
}

#sustain_text {
	float: left;
	width: 500px;
	padding-right: 20px;
	padding-top: 20px;
}
#sustain_photo {
	float: left;
	width: 310px;
}
#sidebar {
	float: right;
	width: 300px;
	border: 1px solid #FFFFFF;
	background-color: #455893;
}
li {
	margin-bottom: 5px;
	margin-left: -10px;
	padding-left: 0px;
	list-style-type: square;
}


#slideshowProjects {
	background-color: #CCCCCC;
	float: right;
	width: 400px;
	margin-left: 50px;
	border: 1px solid #FFFFFF;
}
.thumnail {
	float: left;
	height: 60px;
	width: 60px;
	border: 1px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.photoProducts {
	float: right;
	border: 1px solid #FFFFFF;
	height: 200px;
	width: 310px;
	margin-right: 40px;
}
.photoProducts2 {
	float: right;
	border: 1px solid #FFFFFF;
	height: 200px;
	width: 395px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.photoProducts3 {
	float: right;
	border: 1px solid #FFFFFF;
	height: 200px;
	width: 264px;
	margin-right: 40px;
}
.photoProducts4 {
	float: right;
	border: 1px solid #FFFFFF;
	height: 200px;
	width: 300px;
	margin-right: 25px;
	margin-left: 20px;
}
#projectDetails {
	height: 100px;
	width: 324px;
	position: absolute;
	left: 49px;
	top: 199px;
}

#projectDetails2 {
	height: 100px;
	width: 293px;
	position: absolute;
	left: 50px;
	top: 110px;
}

#projectDetails3 {
	height: 100px;
	width: 293px;
	position: absolute;
	left: 51px;
	top: 268px;
}

#sidebar_special {
	float: right;
	width: 300px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
}
#sidebar_photo {
	width: 300px;
	border: 1px solid #FFFFFF;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Body links*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}