body {
	background-color:#ffffff;
	font-size:.92em;
	line-height:1.42em;
	font-weight:normal;
	font-style:normal;
	font-family:Times New Roman, Times;
	color:#000000;
	margin:0px;
	padding:0px;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Times New Roman, Times;
	margin:.8em 0 .2em 0;
	padding:0;
	letter-spacing:0;
	border-bottom:0 !important;
}
a {
	border-bottom:0px;
	color:#0066cc;
	text-decoration:none;
}
a:focus {
	outline:1px dotted #fff;
}
a:active {
	outline:0px;
}
a:hover {
	color:#0066cc;
	text-decoration:underline;
}
p {
	margin:.3em 0 .4em 0;
	padding:0;
}
img {
	margin:0;
    border:none 0;
}

hr {
	border: none 0; 
	border-top: 4px solid #000;
	width: 100%;
}

ul.profile {
	display:inline;
	float:left;
	height:300px;
	margin:0px auto 0px 0px;
	list-style-image:none;
	list-style-type:none;
}

ul.logo {
	display:inline;
	float:left;
	height:122px;
	padding:0px;
	margin:0px auto 0px 0px;
}

/* main nav */

ul.nav_list {
	display:inline;
	float:left;
	margin:0px 1px 22px;
	list-style-image:none;
	list-style-type:none;
}	
	
li.nav_profile a {
	display:block;
	width:200px;
	height:130px;
	position:relative;
}	
li.nav_profile a .rollover {
	display:block; 
	position:absolute; 
	width:200px; 
	height:130px;
	background:url(../gfx/profile_select.jpg);
}
li.nav_projects a {
	display:block; 
	width:200px; 
	height:130px;
	position:relative;
}	
li.nav_projects a .rollover {
	display:block; 
	position:absolute; 
	width:200px; 
	height:130px;
	background:url(../gfx/projects_select.jpg);
}
li.nav_resources a {
	display:block; 
	width:200px; 
	height:130px;
	position:relative;
}	
li.nav_resources a .rollover {
	display:block; 
	position:absolute; 
	width:200px; 
	height:130px;
	background:url(../gfx/resources_select.jpg);
}
li.nav_services a {
	display:block; 
	width:200px; 
	height:130px;
	position:relative;
}	
li.nav_services a .rollover {
	display:block; 
	position:absolute; 
	width:200px; 
	height:130px;
	background:url(../gfx/services_select.jpg);
}
li.nav_contact a {
	display:block; 
	width:200px; 
	height:130px;
	position:relative;
}
li.nav_contact a .rollover {
	display:block; 
	position:absolute; 
	width:200px; 
	height:130px;	
	background:url(../gfx/contact_select.jpg);
}
li.nav_featured a {
	display:block; 
	width:200px; 
	height:130px;
	position:relative;
}
li.nav_featured a .rollover {
	display:block; 
	position:absolute; 
	width:200px; 
	height:130px;	
	background:url(../gfx/featured_select.jpg);
}

/* resources nav */

ul.resource_nav {
	display:inline;
	float:left;
	height:100px;
	margin:30px auto 0px 0px;
	list-style-image:none;
	list-style-type:none;
}
li.resource_recycling a {
	display:block;
	width:618px;
	height:100px;
	margin:0px 0px 0px 0px;
	position:relative;
}	
li.resource_recycling a .rollover {
	display:block;
	position:absolute;
	width:618px;
	height:100px;
	background:url(../gfx/recycling_select.jpg);
}
li.resource_biodiesel a {
	display:block; 
	width:618px; 
	height:100px;
	margin:0px 0px 0px 0px;
	position:relative;
}	
li.resource_biodiesel a .rollover {
	display:block; 
	position:absolute;
	width:618px; 
	height:100px;
	background:url(../gfx/biofuel_select.jpg);
}
li.resource_hybrid a {
	display:block; 
	width:618px; 
	height:100px;
	margin:0px 0px 0px 0px;
	position:relative;
}	
li.resource_hybrid a .rollover {
	display:block; 
	position:absolute;
	width:618px; 
	height:100px;
	background:url(../gfx/hybrid_cars_select.jpg);
}
li.resource_noproblem a {
	display:block; 
	width:618px; 
	height:100px;
	margin:0px 0px 0px 0px;
	position:relative;
}	
li.resource_noproblem a .rollover {
	display:block; 
	position:absolute;
	width:618px; 
	height:100px;
	background:url(../gfx/no_problem_select.jpg);
}
li.resource_history a {
	display:block; 
	width:618px; 
	height:100px;
	margin:0px 0px 0px 0px;
	position:relative;
}	
li.resource_history a .rollover {
	display:block; 
	position:absolute;
	width:618px; 
	height:100px;
	background:url(../gfx/visual_hist_select.jpg);
}

/* sound nav */

ul.sound_nav {
	display:inline;
	float:left;
	height:26px;
	margin:44px 0px 0px 270px;
	list-style-image:none;
	list-style-type:none;

}
li.sound_button a {
	display:block;
	width:86px;
	height:26px;
	margin:0px 0px 0px 0px;
	position:relative;
}	
li.sound_button a .rollover {
	display:block;
	position:absolute;
	width:86px;
	height:26px;
	background:url(../gfx/sound_select.jpg);
}

/* Page Styles */
	
#fixed {
	margin:0 auto 0 auto;
	width:644px;
	text-align:left;
	padding-left:7px;
}
.colmask {
	position:relative;
	float:left;
	width:100%;
	overflow:auto;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
.colright,
.colleft {
	float:left;
	position:relative;
	width:100%;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* Full page settings */
.fullpage {
	width:100%;
	float:left;
	clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
.fullpage .col1 {
	width:96.7%;			/* page width minus left and right padding */
	left:0%;			/* page left padding */
	overflow:auto;
}
	
/* 2 Column (double page) settings */
.doublepage {
	width:100%;
	float:left;
	clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
.doublepage .colleft {
	right:50%;			/* right column width */
}
.doublepage .col1 {
	width:47%;			/* left column content width (column width minus left and right padding) */
	left:50%;			/* right column width plus left column left padding */
	overflow:hidden;
}
.doublepage .col2 {
	width:47%;			/* right column content width (column width minus left and right padding) */
	left:52.5%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	overflow:hidden;
}

/* 3 column (triplepage) settings */
.triplepage {
	width:100%;
	float:left;
	clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
	font-size:.74em;
	line-height:1.2em;
	font-weight:normal;
	font-style:normal;
	font-family:Arial, Verdana;
}
.triplepage .col1 {
	right:32%;			/* right column width */
	left:0;
	background:#fff;		/* left column background colour */
	overflow:hidden;
}
.triplepage .col2 {
	width:32%;			/* left column content width (column width minus left and right padding) */
	left:1.1%;			/* right column width plus left column left padding */
	overflow:hidden;
}
.triplepage .col3 {
	width:32%;			/* right column content width (column width minus left and right padding) */
	left:1.5%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	overflow:hidden;
}
/* 2 column (biopage) settings */
.biopage .col1 {
	right:34%;
	left:0px;
	overflow:hidden;
}
.biopage .col2 {
	width:61.4%;
	left:3.7%;
	overflow:hidden;
}

#footer {
	float:left;
	width:96.7%;
    overflow:auto;
    clear:both;
	word-wrap: break-word; /* for IE, force it to wrap text and keep it inside the div */
}
#footer p {
	padding-top:44px;
    font-size: 0.65em;
	text-align:center;
}

.clear {clear:both;}

/* client form */
#login_form p { text-align:right; margin:0; }

/* phone numbers */
.phone { font-size:1.25em; color:#000000; }

/* back */
.back {
	font-size:.74em; font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 13px 0px;
}

/* gallery */
#title { font-size:.65em; font-family:Arial, Helvetica, sans-serif; }
a#prevhistory, a#nexthistory { color:#000000; text-decoration:none; }
a#prevhistory:hover, a#nexthistory:hover { text-decoration: underline; }
.intropics { width:600px; height:300px; padding:0; margin:0px; overflow:hidden; }
.intropics img { width:600px; height:300px; padding:0; top:0; left:0px; }
.pics { width:200px; height:200px; padding:0; margin:0px; overflow:hidden; }
.pics img { width:200px; height:200px; padding:0; top:0; left:0; cursor:pointer; }
.bigpics { width:618px; height:530px; padding:0; margin:4px 0px; overflow:hidden; }
.bigpics img { width:618px; height:530px; padding:0; top:0; left:0; cursor:pointer; }
.noproblem { width:618px; height:150px; padding:0; margin:4px 0px; overflow:hidden; }
.noproblem img { width:618px; height:150px; padding:0; top:0; left:0; }
.picnavintro { text-align:center; margin:0px; }
#picnavintro a { color:#000000; margin:0px; padding:0px; text-decoration:none; }
#picnavintro a.activeSlide { color:#0066cc; }
#picnavintro a:hover { text-decoration:none; }
#picnavintro a:focus { outline: none; }
.picnavhistory { text-align:right; margin:6px 0px; }
#picnavhistory a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavhistory a.activeSlide { color:#0066cc; }
#picnavhistory a:hover { text-decoration:underline; }
#picnavhistory a:focus { outline: none; }
.picnavprojects1 { text-align:center; margin:11px; }
#picnavprojects1 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects1 a.activeSlide { color:#0066cc; }
#picnavprojects1 a:hover { text-decoration:underline; }
#picnavprojects1 a:focus { outline: none; }
.picnavprojects2 { text-align:center; margin:11px; }
#picnavprojects2 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects2 a.activeSlide { color:#0066cc; }
#picnavprojects2 a:hover { text-decoration:underline; }
#picnavprojects2 a:focus { outline: none; }
.picnavprojects3 { text-align:center; margin:11px; }
#picnavprojects3 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects3 a.activeSlide { color:#0066cc; }
#picnavprojects3 a:hover { text-decoration:underline; }
#picnavprojects3 a:focus { outline: none; }
.picnavprojects4 { text-align:center; margin:11px; }
#picnavprojects4 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects4 a.activeSlide { color:#0066cc; }
#picnavprojects4 a:hover { text-decoration:underline; }
#picnavprojects4 a:focus { outline: none; }
.picnavprojects5 { text-align:center; margin:11px; }
#picnavprojects5 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects5 a.activeSlide { color:#0066cc; }
#picnavprojects5 a:hover { text-decoration:underline; }
#picnavprojects5 a:focus { outline: none; }
.picnavprojects6 { text-align:center; margin:11px; }
#picnavprojects6 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects6 a.activeSlide { color:#0066cc; }
#picnavprojects6 a:hover { text-decoration:underline; }
#picnavprojects6 a:focus { outline: none; }
.picnavprojects7 { text-align:center; margin:11px; }
#picnavprojects7 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects7 a.activeSlide { color:#0066cc; }
#picnavprojects7 a:hover { text-decoration:underline; }
#picnavprojects7 a:focus { outline: none; }
.picnavprojects8 { text-align:center; margin:11px; }
#picnavprojects8 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects8 a.activeSlide { color:#0066cc; }
#picnavprojects8 a:hover { text-decoration:underline; }
#picnavprojects8 a:focus { outline: none; }
.picnavprojects9 { text-align:center; margin:11px; }
#picnavprojects9 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects9 a.activeSlide { color:#0066cc; }
#picnavprojects9 a:hover { text-decoration:underline; }
#picnavprojects9 a:focus { outline: none; }
.picnavprojects10 { text-align:center; margin:11px; }
#picnavprojects10 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects10 a.activeSlide { color:#0066cc; }
#picnavprojects10 a:hover { text-decoration:underline; }
#picnavprojects10 a:focus { outline: none; }
.picnavprojects11 { text-align:center; margin:11px; }
#picnavprojects11 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects11 a.activeSlide { color:#0066cc; }
#picnavprojects11 a:hover { text-decoration:underline; }
#picnavprojects11 a:focus { outline: none; }
.picnavprojects12 { text-align:center; margin:11px; }
#picnavprojects12 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects12 a.activeSlide { color:#0066cc; }
#picnavprojects12 a:hover { text-decoration:underline; }
#picnavprojects12 a:focus { outline: none; }
.picnavprojects13 { text-align:center; margin:11px; }
#picnavprojects13 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects13 a.activeSlide { color:#0066cc; }
#picnavprojects13 a:hover { text-decoration:underline; }
#picnavprojects13 a:focus { outline: none; }
.picnavprojects14 { text-align:center; margin:11px; }
#picnavprojects14 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects14 a.activeSlide { color:#0066cc; }
#picnavprojects14 a:hover { text-decoration:underline; }
#picnavprojects14 a:focus { outline: none; }
.picnavprojects15 { text-align:center; margin:11px; }
#picnavprojects15 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects15 a.activeSlide { color:#0066cc; }
#picnavprojects15 a:hover { text-decoration:underline; }
#picnavprojects15 a:focus { outline: none; }
.picnavprojects16 { text-align:center; margin:11px; }
#picnavprojects16 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects16 a.activeSlide { color:#0066cc; }
#picnavprojects16 a:hover { text-decoration:underline; }
#picnavprojects16 a:focus { outline: none; }
.picnavprojects17 { text-align:center; margin:11px; }
#picnavprojects17 a { color:#000000; margin:0 2px; padding:0 2px; text-decoration:none; }
#picnavprojects17 a.activeSlide { color:#0066cc; }
#picnavprojects17 a:hover { text-decoration:underline; }
#picnavprojects17 a:focus { outline: none; }
