@import url("../nav.css");


/* Basic Style --------------------------------------------------------- */

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}

body {
  font: 62.5%/1.6 Helvetica Neue, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 0 0 #000;
  background: #1a1a1a;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #aaa;
	}
	a:hover {
		color: #eee;
		}

span.no_display {
	display: none;
}

img {
	border: none;
	display: block;
}

/* Main Content -------------------------------------------------------- */

#work_wrap {
	width: 965px;
	margin: 0px auto;
	}

#work_content, #work_content-landing {
	float: right;
	width: 780px;
	padding: 62px 0 60px 0;
	background: #1e1e1e;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
	}
	#work_content-landing { 
		padding-top: 75px;
		}

#work_info {
	width: 750px;
	padding: 2px 0 3px 0;
	margin: 0 15px 2px 15px;
	border-bottom: 2px solid #2c2c2c;
	}
	h3#descender {
		margin-bottom: -4px;
		}
	#work_info a {
		float: right;
		margin-top: -1px;
		}

#work_photos {
	width: 750px;
	height: 260px;
	margin: 0 15px;
	background: #222;
	}
	#thumb_nav {
		height: 28px;
		width: 224px;
		margin-top: 12px;
		margin-left: 526px;
		position: absolute;
		background: url(/_img/bg_thumb-nav.gif) 0 0 no-repeat;
		}
	#thumb_nav a {
		height: 16px;
		width: 16px;
		float: left;
		margin: 5px 5px 0 0;
		border: 1px solid #393939;
		}
	a#thumb_nav0 {
		margin-left: 60px;
		}
	#thumb_nav a:hover {
		border: 1px solid #444;
		}
	#thumb_nav a.active {
		border: 1px solid #555;
		}

#work_details {
	width: 750px;
	margin: 12px 15px 25px 15px;
	font-size: 1.25em;
	line-height: 1.5em;
	}
	#work_details h3 {
		margin-bottom: 2px;
		}
	#work_details p {
		color: #aaa;
		margin-bottom: 12px;
		}
	#left {
		width: 455px;
		}
	#left_landing {
		width: 455px;
		padding-top: 10px;
		}
	#left h3 {
		margin-bottom: 8px;
		}
	#right, #right_landing {
		float: right;
		width: 224px;
		padding-top: 22px;
		background: url(/_img/bg_work-stats-top.gif) top left no-repeat;
		}
	#right_landing {
		padding-top: 5px;
		background: url(/_img/bg_work-top.gif) top left no-repeat;
		}
	a#rfp {
		width: 201px;
		height: 24px;
		left: 538px;
		margin: -46px 0 22px 0;
		text-indent: -5000px;
		position: relative;
		display: block;
		background: url(/_img/btn_rfp.gif) 0 0 no-repeat;
		}
	a#rfp:hover {
		background: url(/_img/btn_rfp.gif) 0 -24px no-repeat;
		}
	.thumb_nav_room {
		margin-top: 38px;
		}
	#work_details ul {
		width: 200px;
		padding: 5px 12px 8px 12px;
		list-style: none;
		background: #1a1a1a;
		}
	#work_details li {
		clear: left;
		color: #999;
		}
	#work_details li strong {
		float: left;
		margin-right: 0.8em;
		width: 60px;
		display: block;
		font-weight: normal;
		color: #666;
		}
	#work_details li p {
		margin: -1.22em 0 0 4.5em;
		line-height: 1.3em;
		}

/* Side Navigation ----------------------------------------------------- */

#side_nav {
	padding: 80px 1px 0 0;
	width: 195px;
	color: #EEE;
	font-size: 1.1em;
	}

#side_nav h2 {
	width: 182px;
	height: 31px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -3000px;
	border-right: 1px solid #1e1e1e;
	}
	#side_nav #print_work h2 {
		background-image: url(/_img/h2_work-print.gif);
		}
	#side_nav #identity_work h2 {
		background-image: url(/_img/h2_work-identity.gif);
		}
	#side_nav #web_work h2 {
		background-image: url(../img/h2_work-web.gif);
		}

#side_nav ul {
	list-style-type: none;
	margin: 0 0 0 2px;
	padding: 0;
	}
	#side_nav ul li {
		margin: 0;
		padding: 0;
		}
	#side_nav ul li a {
		margin: 0;
		padding: .5em .4em .4em 16px;
		text-decoration: none;
		border-color: #181818;
		border-width: 0 0 1px 0;
		border-style: solid;
		display: block;
		color: #777;
		}
	#side_nav ul li a:hover {
		color: #999;
		text-decoration: none;
		background-color: #252525;
		}