/* CSS Document */

/* CSS Document */

/* -----------------------
tag styles
-------------------------*/

body {
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
}

* {
margin: 0;
padding: 0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#685b33;
font-weight:bold;
}

a:link,a:active {color: #999; text-decoration: none;}
a:visited {color: #999; text-decoration: none;}
a:hover {color: #fff; text-decoration:underline;}
a img {border-width: 0; border-style: none;}

#projects a:link,a:active {color: #4c7186; text-decoration: none;}
#projects a:visited {color: #4c7186; text-decoration: none;}
#projects a:hover {color: #fff; text-decoration:none;}
#projects a img {border-width: 0; border-style: none;}

/* -----------------------
IDs & Classes
-------------------------*/

#container {
height: 100%;
width: 1000px;
position: relative;
border: 0px solid #fff;
background-color:#222;
margin: 1px auto;
}

#containerabout {
height: 100%;
width: 1000px;
position: relative;
border: 0px solid #fff;
background-color:#000;
margin: 1px auto;
}
	
#header {
height: 100px;
width: 100%;
border: 0px solid #fff;
}
	
#nav {
height: 35px;
width: 100%;	
border: 0px solid #aaa;
background-color: #111111;
}	
	
#topwrapper {
height: 195px;
width: 100%;
border: 0px solid #fff;
background-color: #000;
}

#topwrapperabout {
height: 295px;
width: 100%;
border: 0px solid #fff;
background-color: #000;
}	

#projectwrapper {
height:400px;
width:1000px;
border:0px solid #ff0000;
background-color:#000000;
}

#biowrapper {
height:450px;
width:1000px;
border:0px solid #ff0000;
background-color:#000000;
}

	#intro {
	height: 165px;
	width: 460px;
	border: 0px solid #ffcc00;
	float: left;
	background-color: #000;
	margin: 12px;
	}
	
		#intro p {
		margin-top: 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #ccc;
		}
	


	#bio {
	height: 405px;
	width: 520px;
	border: 0px solid #ffcc00;
	float: left;
	margin: 12px;
	}
	
		#bio p {
		margin-top: 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #ccc;
		}
	

	
	
	#bioright {
	border:0px solid #ff0000;
	width: 400px;
	height: 460px;
	float:left;
	}
	
	
	
	
	#updates {
	height: 215px;
	width: 385px;
	position: relative;
	border: 0px solid #0099cc;
	float: right;
	margin-top: 12px;
	margin-right: 70px;
	}
	
		#updates ul {
		margin-top: 12px;
		margin-left: 21px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #a0a0a0;
		list-style-image:url(images/plusicon.gif);
		}
		
		#updates strong {
		color:#555;
		font-size: 14px;
		}
	
	#updatesabout {
	height: 215px;
	width: 385px;
	position: relative;
	border: 0px solid #0099cc;
	float: right;
	margin-top: 12px;
	}
	
		#updatesabout ul {
		margin-top: 12px;
		margin-left: 21px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #a0a0a0;
		list-style-image:url(images/plusicon.gif);
		}
		
		#updatesabout strong {
		font-size: 14px;
		color:#555;
		}
	
	
	
#bottomstrip {
height: 35px;
width: 100%;	
border: 0px solid #aaa;
}

#bottomstripabout {
height: 35px;
width: 100%;	
border: 0px solid #aaa;
background-color:#000000;

}	

	#featured {
	height: 21px;
	width: 315px;	
	border: 0px solid #ffcc00;
	float: left;
	margin-top: 9px;
	margin-left: 6px;
	}

	#featured p {
	font-weight:bold;
	color:#4c7186;
	font-size: 20px;
	}
	
	#featured strong {
	color: #ccc;
	font-size: 12px;
	margin-left: 3px;
	}
	
	#projects {
	height: 300px;
	width: 400px;
	border: 0px solid #ffcc00;
	float: left;
	margin: 12px;
	margin-top:30px;
	}
	
	
	#projects li {
	font-weight:bold;
	color:#4c7186;
	font-size: 20px;
	list-style-type:none;
	text-indent:20px;
	margin-top:10px;
	}
	
	#projects strong {
	color: #ccc;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}

	#projectright {
	border:0px solid #ff0000;
	width: 500px;
	height: 350px;
	float:left;
	margin-top:20px;
	}
	
	#contact {
	height: 21px;
	width: 280px;	
	border: 0px solid #ffcc60;
	left: 700px;
	position:absolute;
	margin-top: 9px;
	margin-left: 6px;
	}
	
	#contactabout {
	margin-top:40px;
	position:relative;
	}
	
	
#bottomwrapper {
height: 195px;
width: 100%;
border: 0px solid #fff;
background-color: #000;
}	

	#featuredpic {
	height: 176px;
	width: 306px;
	border: 0px solid #ff0000;
	float: left;
	margin-left: 7px;
	margin-top: 9px;
	}
	
	#inprogress {
	height: 174px;
	width: 310px;
	position: relative;
	border: 0px solid #0099cc;
	float: left;
	margin-left: 27px;
	margin-top: 12px;
	}
	
		#inprogress ul {
		margin-top: 12px;
		margin-left: 21px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #a0a0a0;
		list-style-image:url(images/plusicon.gif);
		}
		
		#inprogress strong {
		font-size: 14px;
		}	

			#contactwrapper {
			height:185px;
			width:285px;
			position:relative;
			float:right;
			text-align:right;
			margin-right: 65px;
			border:0px solid #873423;
			vertical-align:top;
			}
				#contactwrapper p{
				color:#4c7186;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
				}
			
				#contactwrapperabout {
				color:#4c7186;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
				text-align:right;
				}
			
			
				#contacttop {
				margin-top:10px;
				border: 0px solid #ff0000;
				height: 165px;
				width:270px;
				position:relative;
				margin-left:6px;
				line-height:18px;
				}
			
				#contacttop input {
				background-color:#000;
				border: 1px solid #565656;
				height:14px;
				width:216px;
				padding:0px;
				color: #eee;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				}
			
				#contacttop textarea {
				background-color:#000;
				border: 1px solid #565656;
				padding:0px;
				width:216px;
				position:relative;
				height:100px;
				color: #eee;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				}

#footer {
height: 35px;
width: 100%;	
border: 0px solid #aaa;
}	




/*	#topcontainer {
	height:290px;
	}	
		
		#about {
		position: relative;
		margin: 30px 0px 0px 12px;
		width: 519px;
		height: auto;
		}
	
		#about p {
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #e7dfc6;
		margin-bottom:15px;
		}
		
		#about em {
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		color: #a29671;
		font-weight:bold;
		}
		
		#about strong {
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		color: #685b33;
		}
		
		#about li {
		list-style-type:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color:#685b33;
		font-weight:bold;
		}
		
			#leftlist {
			position: relative;
			float: left;
			text-align:right;
			display: inline;
			}
		
			#rightlist {
			position: relative;
			float:left;
			text-align:left;
			left:10px;
			}
			
			#contactwrapper {
			height:271px;
			width:287px;
			position:absolute;
			left:570px;
			top:228px;
			display:inline;
			float:left;
			border:0px solid #873423;
			vertical-align:top;
			}
				#contactwrapper p{
				color:#a29671;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
				}
			
				
			
		#newsstrip {
		width:926px;
		height:172px;
		top:0px;
		position:relative;
		background-color:#3f362b;
		}
			
			#newsstrip ul {
			float:left;
			margin-top:17px;
			border-right:1px solid #a29671;
			width:200px;
			height:140px;
			padding-right:10px;
			}			
			
				#newsstrip li {
				list-style-type:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size:15px;
				color:#a29671;
				font-weight:bold;
				margin-left:10px;
				text-align:right;
				}
			
			#news {
			width:300px;
			float:left;
			margin:21px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			color: #e7dfc6;
			}
			
		#featuredclips { 
		position:relative;
		bottom:23px;
		left:30px;
		}
			
	#featuredwork {
	width:700px;
	position: relative;
	margin: 30px 0px 0px 12px;
	}	
			#featuredwork p {
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			color: #e7dfc6;
			margin-bottom:12px;
			width:315px;
			}
	
			#featuredwork h2{
			font-family: Arial, Helvetica, sans-serif;
			font-size:20px;
			color: #94814a;
			font-weight:bold;
			}
			
			#featuredwork strong{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color: #6a5c34;
			font-weight:bold;
			}
			
	        #featuredwork li {
			width:300px;
			margin:5px 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:11px;
			color: #a29671;
			}
			
		#featuredwork h1{
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		color: #94814a;
		font-weight:bold;
		}
		
		#featuredwork h3{
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #d7c899;
		font-weight:bold;
		}
		
		#featuredwork embed {
		margin:5px 0px;
		}
		
		#zipcar {
		position:absolute;
		left:340px;
		top:37px;
		height:395px;
		}
		
		#monsters {
		position:absolute;
		left:340px;
		top:338px;
		}
		
		#monstrom {
		position:absolute;
		left:340px;
		top:635px;
		}
		
#contactwrapper {
			height:271px;
			width:287px;
			position:absolute;
			left:570px;
			top:228px;
			display:inline;
			float:left;
			border:0px solid #873423;
			vertical-align:top;
			}
				#contactwrapperbottom p{
				color:#a29671;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
				}
			
				#contactbottom {
				margin-top:17px;
				border: 0px solid #213487;
				height: 225px;
				width:770px;
				margin-left:10px;
				line-height:18px;
				}
			
				#contactbottom input {
				background-color:#000;
				border: 1px solid #a29671;
				height:14px;
				width:216px;
				padding:0px;
				color: #eee;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				}
			
				#contactbottom textarea {
				background-color:#000;
				border: 1px solid #a29671;
				padding:0px;
				width:216px;
				height:100px;
				color: #eee;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				}

				#footer {
				height:105px;
				width:926px;
				bottom:10px;
				}
				
				#footer ul {
				position: relative;
				left:15px;
				top:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				}
				
				#footer li {
				position: relative;
				left:2px;
				}
				
				#trauma {
				position:absolute;
				left:784px;
				top:2640px;
				}
				
*/