@charset "utf-8";
/* CSS Document */

	body {
		background-color: #666;
		margin: 0;
		padding: 0;
		font: 12px arial;
		background-image:url(../images/pin3.jpg);
		background-repeat:repeat;
	}

		a:link {color: #777; text-decoration: none;}
		a:visited {color:#777; text-decoration: none;}
		a:hover {color: #66CC00; text-decoration: none;}
		a:active {color:#66CC00; text-decoration: none;}
		
				a {text-decoration: none;
				color: #CCCCCC;
				}
			
				B {font-weight:500;
				}
				
				h1 {font: normal small-caps bold 21px/140% arial;
				color: #fff;
				letter-spacing: 2px;
				}
				
				h2 {font: normal  bold 12px/140% arial;
				color: #ffffff;
				letter-spacing: .4em;
				}
				
				h3 {font: normal 12px arial;
				color: #eee;
				}
				
				h4 {
	font-family: arial;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0.4em;
	color: #FFFFFF;
				}
			
		
		#contactTable {
			
			width: 60%;
			margin: auto;
			border-collapse: collapse;
			border-spacing: 0px;
		
			}
		
		#contactTable .contactLeft {
		
			width: 30%;
			}
		
		#contactTable . contactRight {
		
			width: 70%;
			}
		
		#contactTable #submitRow {
		
			padding-top: 20px;
			text-align: center;
		
			}
		
		#contactTable .requiredStar {
			color: #ff0000;
			}
				
	
		div#form {
	color: #dddddd;
	position:absolute;
	top: 200px;
	left: 5px;
	width: 370px;
	padding-left: 3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 2px solid #999;
	height: 380px;
	z-index: 7
	
	}
	
	
	
					
	div#projectbox {
	position: absolute;
	top: 80px;
	left: 240px;
	width: 720px;
	height: 656px;
	border: 2px solid #999;
	background-color:#CC9900;
	z-index: 0;
	}
	
		div#intro {
	color: #eee;
	font-size: 10pt;
	position: absolute;
	top: 137px;
	left: 58px;
	width: 180px;
	height: 300px;
	border: 2px solid #cc0000;
	background-color:#cc0000;
	z-index: 0;
	}
		
			div#download {
	color: #eee;
	font-size: 12pt;
	position: absolute;
	padding-left: 10px;
	top: 50px;
	left: 20px;
	width: 180px;
	height: 80px;
	border: 2px solid #999;
	background-color:#eee;
	z-index: 0;
	}	
		
	div#projboxtle {
	letter-spacing: 0.4em;
	font-weight: 700;
	font-size: 20pt;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 236px;
	height: 47px;
	z-index: 0;
	border: 2px solid #CC9900;
	}	
				
	div#titles {
		color: #bbb;
		letter-spacing: .4em;
		font-weight: 700;
		font-size: 18pt;
		position: absolute;
		top: 18px;
		left: 150px;
		width: 735px;
		height: 750px;
		padding-left: 10px;
		padding-bottom: 8px;
		border: 2px solid #999;
		background-color:#666;
		z-index: 0;
	}
	
	div#portrait {
		position:absolute;
		top: 80px;
		left: 12px;
		width: 200px;
		height: 100px;
		z-index: 1;
	}
	
	div#mainnav {
	position:absolute;
	top: 50px;
	left: 490px;
	width: 510px;
	height: 20px;
	padding-left: 8px;
	border: 2px solid #999;
	font-size: 10pt;
	font-weight: 600;
	word-spacing: 1.4em;
	background-color:#eee;
	z-index:1
	}

	div#secondnav {
		line-height:4pt;
		position:absolute;
		top: 185px;
		left: 160px;
		width: 72px;
		height: 550px;
		border: 2px solid #666;
		background-color:#666666;
		float: right;
		z-index: 1;
	}
		
	div#mainpic {
	position:absolute;
	top: 18px;
	left: 219px;
	height: 468px;
	z-index: 0;
	width: 464px;
	}
	
	div#info {
		color: #aaa;
		position:absolute;
		top: 20px;
		left: 250px;
		width: 382px;
		padding-left: 12px;
		padding-top: 8px;
		padding-right: 10px;
		padding-bottom: 10px;				
		height: 600px;
		border: 2px solid #333;
		background-color:#333;
		z-index: 0
	}
	
	div#caption {
	color: #aaa;
	position:absolute;
	top: 599px;
	left: 256px;
	width: 441px;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 20px;
	height: 48px;
	border: 2px solid #333;
	background-color:#333;
	z-index: 0
	}
	
		div#disc {
		color:#aaa;
		position:absolute;
		top: 784px;
		left: 490px;
		width: 160px;
		height: 15px;
		padding-top: 1px;
		padding-left: 4px;
		border: 2px solid #999;
		font-size: 7pt;
		background-color:#666666;
		z-index:0
	}