body {
	background-color: #E6E7E8;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

#container {
	margin: 0 auto;
	width: 1020px;
	background: #E6E7E8 url(../gfx/bg.jpg) no-repeat;
/*	 fixed top center;*/
	min-height: 680px;
}

div.content {
/*	position: relative;*/
	/*
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	*/
/*	background: url(../gfx/rgba.php?r=255&g=255&b=255&a=80) repeat;*/
	background: rgba(255,255,255,0.8);
	color: #000;
	width: 410px;
	margin: 0px auto;
	padding: 95px 40px 18px 30px;
	min-height: 287px;
	/*
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	*/
}
#nav {
	height: 42px;
}
#logo {
/*	position: absolute;*/
/*	margin-top: 5px;*/
	float: right;
	width: 270px;
}
#navigation {
	float: right;
	background-color: #7FB539;
	width: 732px;
	height: 33px;
	margin: 0 auto;
	padding-left: 18px;
}
#navigation li {
	float: left;
	background-color: #7FB539;
}
#navigation li a {
	display: block;
	padding: 7px 12px 7px 12px;
	color: #000;
}
#navigation li.active a,
#navigation li a:hover {
	color: #fff;
}
#subnavigation,
#projects {
	float: left;
	width: 200px;
}
ul.photos {
	margin: -6px 0 0 0;
	padding: 0;
}

ul.photos li {
	float: left;
	padding-right: 1px;
}
ul.photos li a {
	display: block;
	text-align: center;
	background-color: #ccc;
	color: #fff;
	width: 21px;
	width: 21px;
	font-size: 11px;
	text-decoration: none;
}
ul.photos li a.active,
ul.photos li a:hover {
	background-color: #7FB539;
}
#main_photo {
	border: 1px #7FB539 solid;
	margin-top: 4px;
	/*
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	*/
}
ul#projects {
	position: relative;
	margin: 100px 0 0 40px;
}
ul#projects li a {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
ul#projects li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#project_1,
#project_2,
#project_3,
#project_4,
#project_5,
#project_6 {
	position: absolute;
	top: 30px;
}
#project_7,
#project_8,
#project_9,
#project_10,
#project_11,
#project_12 {
	position: absolute;
	top: 100px;
}
#project_13,
#project_14,
#project_15,
#project_16,
#project_17,
#project_18 {
	position: absolute;
	top: 170px;
}
#project_19,
#project_20,
#project_21,
#project_22,
#project_23,
#project_24 {
	position: absolute;
	top: 240px;
}


#project_1,
#project_7,
#project_13,
#project_19 {
	left: 20px;
}

#project_2,
#project_8,
#project_14,
#project_20 {
	left: 90px;
}

#project_3,
#project_9,
#project_15,
#project_21 {
	left: 160px;
}

#project_4,
#project_10,
#project_16,
#project_22 {
	left: 720px;
}

#project_5,
#project_11,
#project_17,
#project_23 {
	left: 790px;
}

#project_6,
#project_12,
#project_18,
#project_24 {
	left: 860px;
}

h2 {
	font-weight: bold;
	margin-bottom: 1em;
}
h3 {
	color: #7FB539;
}
h3.photo_title {
	margin: 1em 0;
	font-size: 14px;
}
.content a {
	color: #7FB539;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
.content p {
	margin-bottom: 1em;
}

.content label,
.content input,
.content textarea {
	float: left;
	width: 200px;
}
.content input,
.content textarea {
	border: 1px #333 solid;
	margin: 0 0 10px 0;
}

.content label {
	width: 100px;
}
.content textarea {
	height: 40px;
}
.content form br {
	clear: both;
}
.content input[type="submit"] {
	margin-left: 100px;
}
form span.error {
	display: block;
	clear: both;
	margin-left: 100px;
}

p#admin_button {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
p#admin_button a {
	background-color: #7FB539;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px 10px 10px;
	font-weight: bold;
	display: block;
}