888888/*
#000000
	there will be no free style.
	the style is not free,
	the style is expensive
	- Roots Manuva
	______________

	This document contains the style

z index of 0 puts object behind others marked with index of 1. position absolute


*/


/*
twitter

*/


/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
}



img, a img {
	border: 0;
}

div#container {
	position: relative;
	margin: 1em 0;
	padding: 1em;
	background-color: #ddd;
}

a.download {
	font-weight: bold;
	font-size: 1.1em;
}















body {	

		background-color: #ffffff;
	/*	background-image: url("/backgrounds/pens_1565x1000.jpg");*/
		/*	background-repeat: no-repeat;*/
		/*	background-attachment: fixed;*/
		margin: 0px 0px 0px 0px;
		font-family: "helvetica neue";
		line-height:1.2;
		margin-bottom:1.2em;
	/*	border: solid red 1px;*/
		font-size: .7em;
		color: #00A0D9;
		}
		
		
#nomove { position:fixed; 
		}


table { 
		border-collapse: collapse;
		padding: 0;
		margin: 0;
		width: 100%;
		font-family: "helvetica neue";
		font-size: 1em;
		line-height:1.25em;
		margin-bottom:1.25em;
		}
		
		
a {		
	font-style: oblique;
		text-decoration: underline;
		/*color: #000000;*/
			/*	color: #00A0D9;*/
		color: #444444;
	
		
		}
		
		
		
p {		
	margin-bottom:0.8em;


				}
		
		
		
			/*	a:visited { padding-right: 12px; background: url(visitedLink.gif) no-repeat 100% 50%; color: #aaa; text-decoration: none; }
			a:hover { background-image: url(visitedHoverLink.gif); color: #f00; }*/
		

.unlist {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		border: none;
		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		position:relative;
		}
		
		
.unlist-column {
		list-style-type: none;
	

		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		position:relative;
		}
		
.unlist-column-type {
		list-style-type: none;
	
		padding: 0px 0px 80px 35px;
		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		position:relative;
		
		}
				
						
								
.li-illustration	{
		margin-bottom:60px
		}
		
		

		
			
	/*
	BACKGROUND IMAGES
	*/		



#background{
	position:absolute; 
	z-index:0; 
	background-repeat: repeat-y;
	width:100%; }
				

/*
	page structure
	*/
	
	
	

	/*
		home
	*/


	#intro-wrapper {

			margin-top: 0px;
			float:top;
			width:704px;
			height:auto;
			/*	font-style: oblique;*/
			font-family: Palatino, serif;
			font-size: 1.8em;
			letter-spacing: .045em;
			line-height: 1.3em;
			text-align:left;
			position: relative;
			
			/*	border:1px solid red;*/
			}

	




	#header-wrapper {
		/*border-top: 2px solid #888888;*/
		
			width: 1270px;
			height: 135px;
			float:left;
			color: #ffffff;

		 	overflow:hidden;
		
			position: relative;
		/*	background: #e8e8e8;*/
		/*	background-image: url("/gradient.jpg");*/
			background-repeat: no-repeat;
			/*border:1px solid blue;*/
			}
			
			
#header-line {
			/*border-top: 2px solid #888888;*/

			width: 712px;
			margin-left:60px;
			height: 134px;
			float:center;
			border-bottom:1px dotted #888888;
			position: absolute;
			/*	border:1px solid blue;*/
			}	
			
			
			



#captive-logo {


		/*	background-color: #888888;*/
				
			
		position:absolute;
		color: #ffffff;	
		width: 302px;
		height:71px;
	
		background-image: url("/logo_03.jpg");
		background-repeat: no-repeat;
		/*	border:1px solid green;*/
		margin-left: 64px;
		margin-top: 30px;
		}
						
						
#captive-logo a {

		/*	background-color: #888888;*/

		position:absolute;
		width: 302px;
		height:71px;
		background-repeat: no-repeat;
		background-image: url("/logo_03.jpg");
		}
						
										
#captive-logo a:visited {

		background-image: url("/logo_03.jpg");
			
		}
						
					
						
						
						
#captive-logo a:hover {
		
		 background-image: url("/logo_03.gif");
		
		}





#contact-wrapper {
			font-family: Georgia, "Times New Roman", serif;
			font-style: oblique;
			font-size: 1.25em;
			margin-left: 930px;
			margin-top: 25px;
			color: #888888;
			width:324px;
			text-align:right;
			height:109px;
			letter-spacing: .073em;
			line-height: 2.6em;
			text-align:right;
			position: absolute;
			border-bottom:1px dotted #888888;
		/*	border:1px solid red;*/
			}
				
				
#contact-wrapper h1 {
			font-size: 0.8em;
			line-height: 1.3em;
			font-family: "helvetica neue";
			text-align:right;
		/*	border:1px solid green;*/
			/*	border-bottom: 1px dotted;*/
			}


#menu {	
			/*	font-size: 1.45em;*/
			/*	font-weight: bold;*/
			/*	text-transform:uppercase;*/
			text-decoration: none;
			text-align:right;
			letter-spacing: 0.04em;
			position: absolute;
		
			width: 100%;
			height:auto;
		/*	border:1px solid blue;*/
			float: bottom;		
			}


	#menu a {
	

	text-decoration: none;

}





	#shadow {
			position:absolute;
			float:auto;
			width: 110%;
		/*	background-image: url("/shadow.gif");*/
			background-repeat: repeat-x;
			height:6px;
			}






#content-wrapper.home-ratio {

	/*border: solid blue 1px;*/
	height: auto;
	width: 1200px;
	min-height:700px;
	height:auto !important;
	height:700px;
	margin-bottom: 100px;
	margin-left:64px;
	margin-top:65px;
	/*	position:relative;  */
	float:left;
	overflow:hidden;
	list-style-type: none;
	
	/*	background-color: #ffffff;*/
	}	
	
			
		
#content-wrapper.column-ratio {


/*	border: solid blue 1px;*/
	width: 1200px;
	min-height:700px;
	height:auto !important;
	height:700px;
	margin-bottom: 100px;
	margin-left:64px;
	margin-top:65px;
	/*	position:relative;  */
	float:left;
 	overflow:hidden;
	list-style-type: none;
	
	/*	background-color: #ffffff;*/
	}
	
	
	
#content-wrapper.column-ratio h1 {

	/*	border: 1px solid red;*/
	color: #ff0099;
	font-size: 1.3em;
	line-height: 1.2em; 
	padding-top:15px;
letter-spacing: .03em;
	margin-bottom: 0.6em;
	font-weight:bold;
	font-family: "helvetica neue";

		}
				
				
				
#content-wrapper.column-ratio h2 {
		/*margin-top: 0.4em;*/
			/*	border: 1px solid red;*/
			font-style:oblique;
	color: #00A0D9;
	line-height: 0.8em; 
	margin-bottom: 0.6em;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", serif;
	font-weight:normal;
	
		}
				
#content-wrapper.column-ratio h3 {
		/*	border: 1px solid red;*/
		color: #888888;
		margin-bottom: 4em;	
		font-size: 1em;
		line-height: 1.3em;
		font-weight:normal;
		font-family: "helvetica neue";
		
	
		}
		
		
#content-wrapper.column-ratio h4 {
		/*	border: 1px solid red;*/
		color: #888888;
		font-size: 1em;
		line-height: 1.3em;
		line-height: 2em; 
		margin-bottom: 0.6em;
		font-family: "helvetica neue";


				}
	
					
#content-wrapper.column-ratio li {
		padding-bottom: 0px;
		}

	




#column-wrapper {
	/*	border: 1px solid green;*/
	float:left;
	width:704px;
	/*	opacity:0.8; 
	filter: alpha(opacity=80);  
	-moz-opacity:0.8;*/
	/*	background: #888888;*/
	position:relative;
	/*	z-index:-1;*/
	}
	

	
#column-wrapper-right {
		/*border: 1px solid yellow;*/
	float: right;
	width:324px;
	/*background: #000000;*/
	position: relative;
	height: auto;
	
		}
	
	
	
	
	
		#column-wrapper-vert {
			/*	border: 1px solid blue;*/
	
			float:left;
			width:320px;
			opacity:1;  
			filter:alpha(opacity=100);  
			-moz-opacity:1;
			/*background: #000000;*/
			position:relative;

				}
				
				
				
				
				
		
#headings-wrapper {
	
	margin-bottom: 70px;
	padding-bottom:25px;
	border-bottom: 1px dotted #888888;
	width:469px;
/*	height:164px;*/
	color:#888888;
	text-align:left;
	position: relative;
/*	border:1px solid red;*/
				}
				

	
#headings-wrapper-project {
	

	margin-bottom: 70px;
	padding-bottom:25px;
	border-bottom: 1px dotted #888888;
	width:auto;
/*	height:164px;*/
	color:#888888;
	text-align:left;
	position: relative;
/*	border:1px solid red;*/
	}
	
	
#headings-wrapper-selected {


	margin-bottom:60px;
	height: 396px;
	border-top: 1px dotted #888888;
	width:auto;
	color:#888888;
	text-align:left;
	position: relative;
	/*border:1px solid red;*/
		}
	
	
	
	#arrows {

		float:right;
		background-image: url("/3arrows.gif");
		width: 96px;
		height:85px;

		}
	
		
#man {
		
	float:right;
	background-image: url("/runningman.gif");
	width: 85px;
	height:100%;
	}
	
	#motor {

		float:right;
		background-image: url("/projects/chevy/motor.gif");
		width: 164px;
		height:100%;
		}
	
	
	
		#cat {

			float:right;
			background-image: url("/projects/magma/cat.gif");
			width: 165px;
			height:100%;
			}
	
	
	
	
	#footer  {

			clear: both;
			text-align:center;
			/*border: red 1px solid;*/
			height:100px;
			}
				
				
#foot-shade {
		
		
		padding-top:20px;
		line-height: 1.7em;
		float: bottom;
		text-align:center;
		color: #888888;
		background-color: #000000;
		position:absolute;
		z-index:0;
		width: 110%;
		background-repeat: no-repeat;
		height:100px;
		margin-top:85px
		}