@charset "UTF-8";


body {
	background: #101010;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; 
	color: #676762;
	font: 9pt Arial;
}

#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 768px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	margin: 0 auto 40px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 40px;
}

		/* HEADER */
		#header {
			background-image: url(../images/name.png);
			background-repeat: no-repeat;
			background-position: 0% 165%;
			height: 125px;
			margin: 0;
		}
				
		/* Navigation */
		#nav {
			height: 30px;
			text-align: right;
			text-transform: uppercase;
			font-size: 12pt;
			letter-spacing: 1px;
			font-family: "Futura LT Book", Futura, "Century Gothic", Arial;
		}
		
		/* Page Title */
		#pagetitle {
			height: 25px;
			width: 900px;
			text-transform: uppercase;
			font-size: 11pt;
			letter-spacing: 1px;
			border-bottom: solid 1px;
			font-family: "Futura LT Book", Futura, "Century Gothic", Arial;		
		}
				#pagetitle .email{
					text-align: right;
					float: right;
					text-transform: lowercase;
					font-family: Garamond, Times New Roman, Times, serif;
					font-size: 11pt;
					font-style: italic;			
				}
				#pagetitle .email a{
					text-transform: uppercase;
					font-family: "Futura LT Book", Futura, "Century Gothic", Arial;
					font-size: 9pt;	
					font-style: normal;	
					color: #acaca5;
				}
				#pagetitle .email a:hover{
					color: #9b8640;
				}
				
				#pagetitle .italic{
					text-transform: lowercase;
					font-family: Garamond, Times New Roman, Times, serif;
					font-size: 11pt;
					letter-spacing: 0px;
					font-style: italic;
					padding-right: 20px;
				}
		
		/* Main Content */
		#maincontent {
			padding: 0px 0 30px 0;
			border-bottom: solid 1px;
			height: 530px;
		}
		
				#maincontent .instruct{
					text-transform: none;
					font-family: Garamond, Times New Roman, Times, serif;
					font-size: 13pt;
					font-style: italic;
					text-align: left;
					color: #acaca5;
					margin: 15px 0 3px 0;
				}
				
				#maincontent .arrows{
					float: left;
					width: 15px;
					margin-top: 170px;
				}
						#maincontent .arrows a:link{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
						
						#maincontent .arrows a:hover{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
						
						#maincontent .arrows a:current{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
						
						#maincontent .arrows a:visited{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
				
				#maincontent .project{
					width: 170px;
					margin: 13px;
					padding: 10px;
					float: left;
					text-align: left;
					background-image: url(../images/project_bg.gif);
					background-repeat: no-repeat;
					background-position: top left;
					font-size: 8pt;
				}
					
						#maincontent .project a:link{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
						
						#maincontent .project a:hover{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
						
						#maincontent .project a:current{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
						
						#maincontent .project a:visited{
							color: #101010;
							text-decoration: none;
							border: 0px;
						}
					
					
					#maincontent .project img{
						padding: 10px;
						padding-bottom: 15px;
						width: 140px;
						height: 315px;
					}
					
					
					#maincontent .project h2{
						margin: 0;
						text-transform: uppercase;
						font: 10pt "Futura LT Book", Futura, "Century Gothic", Arial;
						letter-spacing: 1px;
						color: #acaca5;
					}
							#maincontent .project h4{
								margin: 0;
								text-transform: uppercase;
								font: 10pt "Futura LT Book", Futura, "Century Gothic", Arial;
								letter-spacing: 0px;
								color: #acaca5;
							}
							
							#maincontent .project h5{
								margin: 0;
								text-transform: uppercase;
								font: 9pt "Futura LT Book", Futura, "Century Gothic", Arial;
								letter-spacing: 0px;
								color: #acaca5;
							}
					
					#maincontent .project h3{
						margin: 0;
						text-transform: none;
						font-family: Garamond, Times New Roman, Times, serif;
						font-size: 11pt;
						font-style: italic;
						color: #acaca5;
						font-weight: normal;
					}
		
				#maincontent .hidden{
					width: 500px;
					height: 500px;
				}
		
		
		
		
		
		
		
		/* CONTACT */
		#maincontent .getintouch {
			font-size: 10pt;
			padding-top: 30px;
			margin: 0 38px;
			line-height: 12pt;
			width: 600px;
		}
		
				#maincontent .getintouch h2{
								margin: 0;
								text-transform: uppercase;
								font-family: "Futura LT Book", Futura, "Century Gothic", Arial;
								font-size: 15pt;
								letter-spacing: 1px;
								font-weight: normal;	
								color: #9b8640;
								margin: 10px 0;
							}
							
							
		#maincontent .contact {
			font-size: 12pt;
			padding-top: 60px;
			text-transform: uppercase;
			line-height: 23pt;
			font-family: "Futura LT Book", Futura, "Century Gothic", Arial;
			
			}
			
			
			
			#maincontent .contact .italic{
							text-transform: lowercase;
							font-family: Garamond, Times New Roman, Times, serif;
							font-size: 14pt;
							letter-spacing: 0px;
							font-style: italic;
							padding-left: 15px;
							line-height: 8pt;
							}
		
		#maincontent .links {
			width: 200px;
			height: 500px;
			margin: 30px;
			padding-top: 22px;
			float: right;
			background-image: url(../images/links.png);
			background-repeat: no-repeat;
			text-align: center;
			text-transform: uppercase;
			font: 11pt "Futura LT Book", Futura, "Century Gothic", Arial;
			letter-spacing: 1px;
			color: #676762;
		}
					#maincontent .links img{
						padding: 5px;
						height: 35px;
					}
					
					
					
		#maincontent .links a:link { 
	color: #0d0d0d;
	text-decoration: none;
	border: 0px #101010;
	}
#maincontent .links a:visited { 
	color: #0d0d0d;
	text-decoration: none;
	border: 0px #101010;
	}
#maincontent .links a:hover { 
	color: #0d0d0d;
	text-decoration: none;
	border: 0px #101010;
	}
#maincontent .links a:active { 
	color: #0d0d0d;
	text-decoration: none;
	border: 0px #101010;
	}
		
		
		/* FOOTER */
		#footer {
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 8pt;
			padding: 13px 0;
			font-family: "Futura LT Book", Futura, "Century Gothic", Arial;
		}
				#footer .italic{
					text-transform: lowercase;
					font-family: Garamond, Times New Roman, Times, serif;
					font-size: 11pt;
					letter-spacing: 0px;
					font-style: italic;
					padding: 10px 0;
				}
				
				#footer a:link{
					color: #acaca5;
					text-decoration: none;
					border: 0px #101010;
				}
				
				#footer a:hover{
					color: #9b8640;
					text-decoration: none;
					border: 0px #101010;
				}


/* Links */
a:link { 
	color: #676762;
	text-decoration: none;
	border: 0px #101010;
	}
a:visited { 
	color: #676762;
	text-decoration: none;
	border: 0px #101010;
	}
a:hover { 
	color: #a57d1e;
	text-decoration: none;
	border: 0px #101010;
	}
a:active { 
	color: #9b8640;
	text-decoration: none;
	border: 0px #101010;
	}
	
	
a.current {
	color: #9b8640;
	text-decoration: none;
	border: 0px #101010;
	}
	
a:hover.current {
	color: #a57d1e;
	text-decoration: none;
	border: 0px #101010;
	}