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

body {
	margin:0px;
	padding:0px;
	background-color:#000000;
}

#page_container{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
}

.line_divider{
	float:left;
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:#333333;
}

#content_container{
	float:left;
	width:100%;
}

#glow_container{
	float:left;
	width:100%;
	height:27px;
}

#header_glow{
	position:relative;
	width:900px;
	height:27px;
	margin:auto;
	background-image:url(images/glow.gif);
	background-repeat:no-repeat;
}

#section_container{
	position:relative;
	width:900px;
	margin:auto;
	background-image:url(images/column_gradient.jpg);
	background-repeat:repeat-y;
}

#work_container{
	float:left;
	padding:8px 5px 35px 5px;
	margin:auto;
}

#left_column{
	float:left;
	width:210px;
	padding:0px 16px 24px 0px;
}

#right_column{
	float:right;
	width:560px;
	padding:0px 90px 24px 24px;
}
    
.project {
	float:left;
    display:block;
    width:210px;
    height:190px;
    font-family:Arial, Helvetica, sans-serif;
	line-height:19px;    
	margin:5px 5px 5px 5px;    
}

.project_container {
	position:absolute;
    width:210px;
    height:190px;
}
	
.project a {
	display:block;
	width:210px;
	height:190px;
	background-image:url(images/project_gradient.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#000000;
	border:1px solid #202020;	
}
    
.project a:hover,
.project a:active {
	display:block;
	width:210px;
	height:190px;
	background-image:url(images/project_gradient_hover.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FF4615;
	border:1px solid #401205; 
	color:#FFF;
}

.hd_image {
	float:left;
    display:block;
    width:210px;
    height:118px;    
	margin:5px 5px 5px 5px;    
}

.clear{
	clear:both;
}

.dashed_line{
	width:100%;
	height:1px;
	overflow:hidden;
	background-image:url(images/dashed_line.gif);
	background-repeat:repeat-x;
}

.case_study{
	width:560px;
	height:185px;
}

img {border:0}

.image_float_left{
	float:left;
	border:0;
	margin:16px 16px 16px 0px;
}

.image_float_cs{
	float:left;
	border:0;
	margin:5px 16px 8px 0px;
}


/* links */

a:link,
a:visited {
	color:#FF4615;
	text-decoration:none;
}

a:hover {
	color:#FF4615;
	text-decoration:none;
}

a.underline:link,
a.underline:visited {
	color:#FFF;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#666666;
}

a.underline:hover {
	color:#FF4615;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-width:1px;	
	border-bottom-color:#661C08;
}

a.arrow:link,
a.arrow:visited {
	font-weight:bold;
	color:#FF4615;
	text-decoration:none;
}

a.arrow:hover {
	font-weight:bold;
	color:#FF4615;
	text-decoration:none;
	padding-left:9px;
	background-image:url(images/link_arrow_hover.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}


/* text */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFFFFF;
	line-height:32px;
	font-weight:normal;
	margin:0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#E9E9E9;
	line-height:19px;
	padding-top:24px;
	margin:0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#E9E9E9;
	line-height:19px;
	margin:0;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E9E9E9;
	line-height:21px;
	margin:0;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#B4B4B4;
	line-height:21px;
	margin:0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B4B4B4;
	line-height:21px;
	margin:0;
}

ul {
	padding-left:16px;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B4B4B4;
	line-height:21px;
	width:400px;
	padding-left:12px;
	background-image:url(images/bullet.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	list-style: none;
}

p.project {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B4B4B4;
	line-height:21px;
	padding:100px 10px 10px 10px;
}


.text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFFFFF;
	line-height:32px;
	margin:0;
}

.text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#B4B4B4;
	line-height:19px;
	margin:0;
}

.text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#B4B4B4;
	line-height:19px;
	margin:0;
}

.text4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E9E9E9;
	line-height:21px;
	margin:0;
}

.text5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B4B4B4;
	line-height:21px;
	margin:0;
}

.highlight {
	font-weight:bold;
	color:#E9E9E9;	
}

.grey {
	color:#505050;
}

.project_title {
	position:absolute;
	width:188px;
	top:125px;
	left:11px;
	font-size:12px;
	font-weight:bold;
}

.project_type {
	position:absolute;
	width:188px;
	top:167px;
	left:11px;
	font-size:10px;
	color:#FFF;
}