@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

body {
border-top:2px solid #EF4136;
}

a {
text-decoration:none;
color:#000000;
}

#wrapper {
width:984px;
margin-left:10px;
}

#main_header {
width:984px;
height:140px;
margin:0 0 0 25px;
}

.work_headline {
font-family:Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;
font-size: 22px;
color:#000000;
line-height:1.5em;
margin:0 0 15px 0;
}

p {
font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
color:#000000;
line-height:1.5em;
margin:0 0 25px 0;
}

.body_copy_link {
font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
color: #636363;
text-decoration:none;
}

#right_column {
float:left;
width:670px;
height:auto;
}

	.work_thumb_container {
	float:left;
	width:200px;
	margin: 0 19px 25px 0;
	text-align: center;
	}
	
	.work_thumb_container:hover {
	
	text-align: center;
	color: #EF4136;
	}
	
	.work_thumb {
    min-height: 130px;
    min-width: 200px;
    padding: 2px;
    position: relative;
	margin: 0px 0px -7px 0px;
	}
	
	a:hover .work_thumb {
	
	}
	
	.thumb_text {
	font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#000000;
	line-height:1.5em;
	text-align: center;
    border-top: 1px solid #CCCCCC;
	font-weight:bold;
	word-spacing:1px;
    padding-bottom: 1px;
    padding-top: 1px;
	width: 200px;
	}
	
	a:hover .thumb_text {
	font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#EF4136;
	line-height:1.5em;
	text-align: center;
    border-top: 1px solid #EF4136;
    padding-bottom: 1px;
    padding-top: 1px;
	width: 200px;
	}
	
	.project_description {
	width:640px;
	}
	
	

	
	#right_column img {
	margin:0 0 15px 0;
	}
	
	#left_detail_info {
	float:right;
	margin:35px 25px 0 0;
	width:150px;
	}
	
	#detail_info {
	float:left;
	margin:35px 0 0 30px;
	width:350px;
	}
	
	#about_info {
	float:left;
	margin:35px 0 0 30px;
	width:550px;
	}

		
	/* Easy Slider */

	#slider {
	margin-left:15px;
	overflow:hidden;
	width:640px;
	height:380px;
	
	}
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:640px;
		height:380px;
		overflow:hidden; 
		}	

							
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		width:18px;
		height:11px;
		}	
		
		#prevBtn {
		position: absolute;
		top: 510px;
		left: 266px;
		}
	
		#nextBtn {
		position: absolute;
		top: 510px;
		left: 290px;
		}
															
	#prevBtn a, #nextBtn a{  
		display:block;
		width:18px;
		height:11px;
		background:url(../images/prev_arrow.jpg) no-repeat;	
		}	
		
	#nextBtn a{ 
		background:url(../images/next_arrow.jpg) no-repeat;
		}
	

#left_column {
width:214px;
height:auto;
float:left;
margin:0 0 0 25px;
}

img {
border:none;
}




#left_column li a:hover {
color: #9f9f9f;
text-decoration: none;
background:url(../images/small_red_plus_sign.jpg) left no-repeat;

}

#left_column a {
font-size: 11px;
padding: 2px 3px;
text-decoration: none;
font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;

}

.active_item a {
color:#EF4136;
text-decoration: none;

}

.work_item a {
color: #000;
text-decoration: none;

}

.work_item a:hover {
color: #EF4136;
text-decoration: none;

}


.main_nav_btns {
display:block;
margin:6px 0 0 0;
padding:0;
}

#footer {
width:640px;
height:85px;
text-align:right;
}

#footer p {
font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
font-size: 9px;
color: #9f9f9f;
margin:0;
}