/* specific divs */


html {height: 100%;}


#wrapper {
	width: 708px;
	padding: 0px;
	background-color: #FFFFFF;
	margin:0 auto;
	height: 650px;
	
}

#wrapper2 {
	width: 678px;
	padding: 10px 10px 30px 20px;
	float: left;
	background-color: #FFFFFF;
	margin:0px 0px 10px 0px;
}


#banner {
	height: 291px;
	width: 708px;
	float: none;
	}


#content {
	width: 485px;
	padding: 20px 10px 0px 20px;
	float: left;
	
}

#wide-content {
	width: 500px;
	padding: 20px 0px 0px 20px;
	float: left;
}

#full-content {
	width: 450px;
	padding: 0px 44px 0px 0px;
	float: left;
}

#menu {
	width: 130px;
	padding: 20px 17px 0px 0px;
	float: right;
	text-align: right;
	height: 290px;
}


#footer {
	width: 660px;
	margin:0 auto;
	padding: 10px 0px 0px 0px;
	text-align:center;
	margin-top: 0px;
	
	
}

#title-wrapper {
	margin-left:0px;
	margin-top:10px;
	margin-bottom: 20px;
	
}


#hidden {
	display: none;
}




/* basic elements */


body {
	margin: 5px;
	background-image: url(../img/background.jpg);
	letter-spacing: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	}
	
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BBB7AB;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	color: #000000;
	margin-top: 0px;
		font-size: 13px;
	padding: 3px 3px 3px 0px;
	}
	
h1 {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;		
	}
	
	
h4 {
	display: inline;
	background: #e9e7c1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
		
	}
	
	
	.input {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #999999;
}

 span.c1 {color: #817D2C}




/* rollover links */

.altlinks a:link
{
	background-color:#F8F8F8;
border-bottom:1px dotted #DAD8D5;
color:#817d2c;
padding:0 1px;
text-decoration:none;
}
	
	
.altlinks a:visited
{
	background-color:#F8F8F8;
border-bottom:1px dotted #DAD8D5;
color:#817d2c;
padding:0 1px;
text-decoration:none;
}
	
.altlinks a:hover, a:active { 
background-color:#FFFECC;
border-bottom:1px solid #FAEBB1;
color:#817d2c;
text-decoration:none
	}
	
	
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #817d2c;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #817d2c;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #817d2c;
	}
	
	
.menulinks a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #cfca72;
	}
.menulinks a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #cfca72;
	}
.menulinks a:hover, a:active { 
	text-decoration: none; 
	color: #817d2c;
	}




/* images */

.mainImage {
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 6px;
	margin-left: 5px;
	padding: 1px;
	border-top-color: #BAB7AA;
	border-right-color: #BAB7AA;
	border-bottom-color: #BAB7AA;
	border-left-color: #BAB7AA;
}

.mainImageRight {
	display: block;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 15px;
	padding: 1px;
	border-top-color: #BAB7AA;
	border-right-color: #BAB7AA;
	border-bottom-color: #BAB7AA;
	border-left-color: #BAB7AA;
}


.photo {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 1px;
	border-top-color: #BAB7AA;
	border-right-color: #BAB7AA;
	border-bottom-color: #BAB7AA;
	border-left-color: #BAB7AA;
	height: 70px;
	width: 80px;
}



.project-images {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 1px;
	border-top-color: #BAB7AA;
	border-right-color: #BAB7AA;
	border-bottom-color: #BAB7AA;
	border-left-color: #BAB7AA;
	
}

#image {
	border: thin solid #BAB7AA;
	margin: 10px;
	height: 10px;
	width: 10px;
	padding: 1px;
	border-top-color: #BAB7AA;
	border-right-color: #BAB7AA;
	border-bottom-color: #BAB7AA;
	border-left-color: #BAB7AA;
}

.image-border {
	padding: 1px;
	border: thin solid #BAB7AA;
}


	span.tip {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 1px;
	border-top-color: #BAB7AA;
	border-right-color: #BAB7AA;
	border-bottom-color: #BAB7AA;
	border-left-color: #BAB7AA;
		}

		span.tip span {
			display: none;
			
			}
			
			 	
	#tooltip {
	padding: 5px;
	background: #f9f9f9;
	border: 1px solid #eee;
	font-size: 11px;
	color: #000000;
	
		}