/* CSS layout rules */

body {
	margin:0;
	padding:0;
	float: none;
}

#header {
	width:800px;
	margin: 0 auto 0 auto;
}

#headcontent {
	width:800px;
	height:15px;
	margin: 0 auto 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	border-top: solid;
	border-top-color:#CCCCCC;
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-right:solid;
	border-right-color:#CCCCCC;
}

#banner {
	width:800px;
	background-color:#4D6B45;
	height:25px;
	margin: 0 auto 0 auto;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-right:solid;
	border-right-color:#CCCCCC;
}

#bannercontent {
	width:95%;
	margin: 0 auto 0 auto;
}

#greenpace {
	width:100%;
	background-color:#4D6B45;
	height:20px;
}


#box1 {
	width:95%;
	height:100%;
	margin: 0 auto 0 auto;
	margin-top:10px;
}

#box2 {
	width:95%;
	height:100%;
	margin: 0 auto 0 auto;
	margin-top:10px;
}


#linkbarcontent {
	width:800px;
	background-color:#DADFE9;
	margin: 0 auto 0 auto;
}

#contentwrapper {
	width:100%;
	background-color:#000033;
	height:100%;
	border-bottom: solid;
	border-bottom-color: #000000;
}

#contact {
	width:800px;
	margin: 0 auto 0 auto;
	padding-top:15px;
	padding-bottom:15px;
}

#content {
	width:800px;
	margin: 0 auto 0 auto;
	border-top: solid;
	border-top-color:#CCCCCC;
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-right:solid;
	border-right-color:#CCCCCC;
	height:365px;
}

#content1 {
	width:790px;
	margin: 0 auto 0 auto;
	border-top: solid;
	border-top-color:#CCCCCC;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-right:solid;
	border-right-color:#CCCCCC;
}

#content2 {
	width:806px;
	margin: 0 auto 0 auto;
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-right:solid;
	border-right-color:#CCCCCC;
}

#contentbelowwrapper {
	width:100%;
	background: #8B99B8;
	height:100%;
}

#contenbelow {
	width:800px;
	margin: 0 auto 0 auto;
	background-color: #8B99B8;
}


#footerwrapper {
	width:100%;
	height:100%;
	margin: 0 auto 0 auto;
	border-top:solid;
	border-top-color: #DADFE9;
}

#footer {
	width:800px;
	margin: 0 auto 0 auto;
}

#logo {
	position:absolute;
	left:50%;
	margin-left:260px;
	top:90px;
}


/* start slideshow */

#slideshow {
	list-style:none; 
	color:#fff;
}

#slideshow span {
	display:none;
}

#wrapper {
	width:325px; 
	margin:10px auto; 
	display:none;
}

#wrapper * {
	margin:0; 
	padding:0;
}

/* Must adjust picture size to account for fullsize */

#fullsize {
	position:relative; 
	width:320px; 
	height:240px; 
	padding:2px; 
	border:1px solid #ccc; 
	background:#161616;
}

/* This is the translucent pop-up box with text in it */

#information {
	position:absolute;
	bottom:0;
	width:320px;
	height:0;
	color:#fff;
	overflow:hidden;
	z-index:200;
	opacity:.7;
	filter:alpha(opacity=70);
	background-color: #161616;
}

#information h3 {
	padding:4px 8px 3px; 
	font-size:14px;
}

#information p {
	padding:0 8px 8px;
}

#image {
	width:320px;
}

#image img {
	position:absolute; 
	z-index:25; 
	width:auto;
}
.imgnav {
	position:absolute; 
	width:25%; 
	height:306px; 
	cursor:pointer; 
	z-index:150;
}

#imgprev {
	left:0;
	background:url(/projects/images/left.gif) left center no-repeat;
}

#imgnext {
	right:0; 
	background:url(/projects/images/right.gif) right center no-repeat;
}

#imglink {
	position:absolute; 
	height:306px; 
	width:100%; 
	z-index:100; 
	opacity:.4; 
	filter:alpha(opacity=40);
}

.linkhover {
	background:url(/projects/images/link.gif) center center no-repeat;
}

#thumbnails {
	margin-top:10px;
}

#slideleft {
	float:left; 
	width:20px; 
	height:87px; 
	background:url(/projects/images/scroll-left.gif) center center no-repeat; 
	background-color:#222;
}

#slideleft:hover {
	background-color:#333;
}

#slideright {
	float:right; 
	width:20px; 
	height:87px; 
	background:#222 url(/projects/images/scroll-right.gif) center center no-repeat;}

#slideright:hover {
	background-color:#333;
}

#slidearea {
	float:left; 
	position:relative; 
	width:275px; 
	margin-left:5px; 
	height:88px; 
	overflow:hidden;
}

#slider {
	position:absolute; 
	left:0; 
	height:87px;
}

#slider img {
	cursor:pointer; 
	border:1px solid #666; 
	padding:2px;
}

/* end slideshow */