/*============================================================
 Base Styles
============================================================*/

* {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
	}

body {
	font-family: Georgia,Times New Roman, Times, Serif;
	background: #000;
	color: #fff;
	}

a {
	color: #990000;
	text-decoration: none;
	outline: none;
	}

a:hover {
	border-bottom: 1px dotted #990000;
	}

a img {
	border: none;
	}

table, tr, td {
	border: 0;
	border-collapse: collapse;
	vertical-align: top;
	}

/*============================================================
Headers
============================================================*/

h1 {
	font-family: Helvetica, Arial, Sans;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	overflow: visible;
	margin-bottom: 1em;
	}

h2 {
	font-family: Helvetica, Arial, Sans;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .1em;
	overflow: visible;
	}

h3 {
	font-family: Helvetica, Arial, Sans;
	font-size: 13px;
	overflow: visible;
	font-weight: normal;
	letter-spacing: .1em;
	}

h4 {
	font-family: Helvetica, Arial, Sans;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	overflow: visible;
	}

/*============================================================ 
Global Classes
=========================================================== */

.date {
	display: block;
	margin-top: .7em;
	color: #33332E;
	font-family: Helvetica, Arial, Sans;
	font-size: 9px;
	text-transform: uppercase;
	}

.thumbnail {
	border: 1px solid #990000;
	width: 50px;
	height: 50px;
	float: left;
	padding: 5px;
	margin-right: 12px;
	}

.thumbnail img {
	background: #666;
	width: 50px;
	height: 50px;
	}

p {
	font-size: 10px;
	line-height: 14px;
	color: #999;
	margin-bottom: 1em;
	}

p b, p strong {
	color: #C4C4C4;
	}

.launch_site_btn {
	display: block;
	text-indent: 200px;
	overflow: hidden;
	width: 121px;
	height: 23px;
	white-space: nowrap;
	background: transparent url(/images/site/launch_site_btn.gif) top no-repeat;
	float: right;
	position:relative;
	right:-15px;
	background-position: 0px -23px;
	}

.launch_site_btn:hover {
	background-position: 0px 0px;
	border: none;
	}

.back_btn {
	width: 61px;
	height: 27px;
	display: block;
	text-indent: -5000px;
	outline: none;
	background: url(/images/site/back_btn.gif) top no-repeat;
	background-position: 0 -27px;
	}

.back_btn.disabled {
	background: url(/images/site/back_btn_disabled.gif) top no-repeat;
	}

.next_btn {
	width: 61px;
	height: 27px;
	display: block;
	text-indent: -5000px;
	outline: none;
	background: url(/images/site/next_btn.gif) top no-repeat;
	background-position: 0 -27px;
	}

.next_btn.disabled {
	background: url(/images/site/next_btn_disabled.gif) top no-repeat;
	}

.back_btn:hover, 
.next_btn:hover {
	background-position: 0 0;
	border: none;
	}

.odd {
	background-color: #0D0D0D;
	}

.even {
	background-color: #111;
	}

.rss {
	width: 12px;
	height: 12px;
	text-indent: -5000px;
	outline: none;
	background: url(/images/site/feed_icon.gif) no-repeat;
	display: block;
	}

.clear{
	clear:both;
	}
/*============================================================
Content
============================================================*/

#content_wrap {
	background: #1A1A1A url(/images/site/default_bkg.gif) top repeat-x;
	overflow: visible;
	clear: both;
	padding-top: 34px;
	padding-bottom: 80px;
	}

#content {
	width: 655px;
	margin: 0 auto;
	}

#site_index #content_wrap,
#work_index #content_wrap,
#about_news #content_wrap,
#about_awards #content_wrap,
#work_clients #content_wrap,
#work_banners #content_wrap {
	background: none;
	overflow: visible;
	padding: 0;
	}

#site_index #content,
#work_index #content,
#about_news #content,
#about_awards #content,
#work_clients #content,
#work_banners #content {
	width: 100%;
	}
	
/*============================================================
Home
============================================================*/

#site_index #home {
	display: block;
	width: 100%;
	height: 670px;
	overflow: visible;
	}

#site_index #home * {
	overflow: visible;
	}

/*============================================================
About
============================================================*/

body.about #content div.big p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	}

#about_services div.big ul li {
	list-style-type: none;
	color: #666;
	margin-top: 30px;
	font-size: 14px;
	}

#about_services div.big ul li h3 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 11px;
	letter-spacing: 2px;
	}

/*============================================================
Press Release
============================================================*/

#about_release .header {
	width: 655px;
	margin: 0 auto;
	height: 98px;
	}

#about_release .header .thumbnail {
	margin-right: -60px;
	}

#about_release .header .copy {
	margin-left: 134px;
	}

#about_release .header .date {
	margin-top: 35px;
	}

#about_release .release_body {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	width: 521px;
	margin: 15px auto 0 auto;
	padding-left: 134px;
	}

#about_release .release_body h1 {
	margin: 15px 0px 15px 0px;
	color: #fff;
	text-transform: uppercase;
	}

#about_release .release_body h2 {
	margin: 15px 0px 15px 0px;
	color: #fff;
	text-transform: uppercase;
	}

#about_release .release_body h3 {
	margin: 15px 0px 15px 0px;
	color: #fff;
	text-transform: uppercase;
	}

/*============================================================
Releases
============================================================*/

#releases div {
	font-size: 10px;
	line-height: 14px;
	color: #999;
	}

#releases .container {
	padding: 0;
	width: 655px;
	margin: 0 auto;
	clear: both;
	padding: 28px 0;
	}

#releases div h4 {
	color: #fff;
	margin-bottom: 5px;
	}

#releases .container .thumbnail {
	float: left;
	}

#releases .container .copy {
	margin-left: 75px;
	}

/*============================================================
Jobs
============================================================*/

#about_jobs #content_wrap {
	background: #1A1A1A url(/images/site/shortened_default_bkg.gif) top repeat-x;
	padding: 0;
	}

#about_jobs #content {
	width: 100%;
	padding-top: 30px;
	}

#about_jobs div.big {
	width: 655px;
	margin: 0 auto;
	}

#about_jobs #jobs {
	background-color: #1A1A1A;
	}

#about_jobs #jobs .even {
	background: #151515;
	}

#about_jobs #contact_submit_btn {
	margin-top: -105px;
	}

#job h1 {
	float: left;
	clear: left;
	width: 271px;
	margin-bottom: 30px;
	}

#job p {
	color: #666;
	margin-bottom: 20px;
	margin-left: 280px;
	font-size: 12px;
	line-height: 18px;
	}

#job #contact {
	color: #ccc;
	font-family: Helvetica, Arial, Sans;
	}

/*============================================================
Awards
============================================================*/

#awards,
#jobs,
#map,
#banners,
#clients {
	background: #151515;
	font-family: Helvetica, Arial, Sans;
	font-size: 9px;
	padding-bottom: 30px;
	}

#awards div,
#jobs div,
#banners div,
#clients div {
	color: #999;
	padding: 0;
	height: 26px;
	}

#awards .container,
#jobs .container,
#banners .container,
#clients .container {
	width: 655px;
	margin: 0 auto;
	padding: 7px;
	}

#awards div p,
#banners div p,
#clients div p {
	float: left;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

#awards .date {
	margin: 0;
	width: 90px;
	}

#awards .name {
	width: 370px;
	}

#awards .project {
	width: 190px;
	text-align: right;
	}

#awards a,
#jobs a,
#map ul li a,
#clients a,
#banners a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#awards a:hover,
#jobs a:hover,
#map ul li a:hover,
#banners a:hover,
#clients a:hover {
	color: #999;
	border: none;
	}

/*============================================================
Pagination
============================================================*/

#pagination_wrap {
	background: transparent url(/images/site/measure.gif) top repeat-x;
	margin-top: -5px;
	overflow: visible;
	float: left;
	width: 100%;
	}

#pagination_wrap #pagination {
	width: 650px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	font-family: Helvetica, Arial, Sans;
	color: #333;
	padding-top: 40px;
	}

#pagination_wrap #pagination .next_btn {
	margin-top: -10px;
	float: right;
	}

#pagination_wrap #pagination .back_btn {
	margin-top: -10px;
	float: left;
	}

/*============================================================
Project
============================================================*/

#work_project #content_wrap {
	padding: 0;
	overflow: visible;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	overflow:auto;
	}

#work_project #content {
	margin: 0px auto 0px auto;
	overflow:visible;
	}

#work_project #project_image_preview {
	position:relative;
	left:-22px;
	top:0px;
	width:702px;
	overflow:visible;
	}

#work_project #sidebar {
	float: left;
	width: 271px;
	overflow:visible;
	margin-bottom:30px;
	
	}

#work_project #info {
	float: right;
	width: 370px;
	overflow:visible;
	}

#work_project #info p {
	font-size: 12px;
	line-height: 18px;
	}

#work_project #info #description {
	margin-bottom: 30px;
	}

#work_project #content ul {
	font-family: Helvetica, Arial, Sans;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	line-height: 15px;
	text-transform: uppercase;
	letter-spacing: .1em;
	float: left;
	clear: left;
	width: 200px;
	margin-top: 30px;
	padding-bottom: 8px;
	list-style-type: none;
	}

#work_project #content ul a {
	color: #999;
	}

#work_project #industries {
	background: transparent url(/images/site/text/industry.gif) bottom left no-repeat;
	}

#work_project #awards {
	background: transparent url(/images/site/text/awards.gif) bottom left no-repeat;
	}

#work_project #clients {
	background: transparent url(/images/site/text/clients.gif) bottom left no-repeat;
	}

#work_project #categories {
	background: transparent url(/images/site/text/categories.gif) bottom left no-repeat;
	}

#related_projects_wrap {
	background: #000 url(/images/site/measure.gif) top repeat-x;
	overflow: visible;
	clear: both;
	margin: 30px 0px 0px -2px;
	float: left;
	width: 100%;
	}
	
#related_projects {
	width: 660px;
	margin: 15px auto 0 auto;
	padding: 0;
	overflow:visible;
	position:relative;
	left:-15px;
	clear:both;
	}
	
html>body #related_projects{
	width: 650px;
	left:0px;
	}

#related_projects h4 {
	white-space: nowrap;
	text-indent: 200px;
	overflow: hidden;
	width: 87px;
	height: 5px;
	background: transparent url(/images/site/text/related_projects.gif) no-repeat;
	position: relative;
	top: -30px;
	}

#related_projects .client {
	color: #ccc;
	font-weight: bold;
	font-family: Helvetica, Arial, Sans;
	}

#related_projects ul {
	list-style-type: none;
	clear: both;
	margin-left: -5px;
	float: left;
	}
html>body #related_projects ul{
	margin-left: -11px;
	}
#related_projects li {
	margin-top: 15px;
	float: left;
	}

#related_projects li img {
	border: 1px solid #990000;
	padding: 3px;
	margin-bottom: 9px;
	width: 113px;
	height: 78px;
	}

#related_projects li a {
	display: block;
	border: none;
	color: #666;
	font-size: 10px;
	margin-left: 11px;
	padding-bottom: 11px;
	}

#related_projects li a:hover,
#related_projects li a:hover .client {
	color: #990000;
	}

/*============================================================
Contact
============================================================*/

#site_contact #message {
	padding: 10px;
	background: #333;
	margin: 20px 0;
	}

#site_contact #message.error {
	background: #990000;
	}

#site_contact #message p {
	color: #fff;
	margin: 0;
	}

/*============================================================
Site Map
============================================================*/

#site_map #content_wrap {
	background: url(/images/site/zebra_bkg.gif);
	padding: 0 0 5px 0;
	margin: 0;
	overflow: hidden;
	}

#map {
	background: none;
	}

#map ul {
	clear: both;
	}

#map li {
	float: left;
	clear: both;
	width: 100%;
	list-style: none;
	}

#map li a {
	float: left;
	height: 18px;
	padding: 8px 0 0 0;
	line-height: 11px;
	}

* html #map li a {
	height: 18px;
	h\eight: 18px;
	}

#map .rss {
	margin: 7px 0 0 7px;
	padding: 0;
	}

#map ul ul {
	margin-left: 25px;
	}

#map ul ul ul {
	margin-left: 50px;
	}

#map ul ul ul ul {
	margin-left: 75px;
	}

/*============================================================
Contact
============================================================*/
#site_contact #content{
	
	/*border:1px solid #fff;*/
}
#site_contact fieldset,
#about_jobs fieldset {
	border: none;
	margin: none;
	padding: none;
	clear: both;
	}

#site_contact fieldset label,
#about_jobs fieldset label {
	font-family: Helvetica, Arial, Sans;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	overflow: visible;
	text-transform: uppercase;
	}

#site_contact fieldset label .description,
#about_jobs fieldset label .description {
	font-family: Helvetica, Arial, Sans;
	font-size: 9px;
	line-height: 14px;
	text-transform: none;
	letter-spacing: 0;
	color: #888;
	display: block;
	}

#site_contact fieldset input,
#about_jobs fieldset input {
	background-color: #252525;
	border: 2px solid #000;
	color: #fff;
	font-family: Helvetica, Arial, Sans;
	font-size: 14px;
	padding: 5px;
	width: 290px;
	margin-top: 3px;
	}

#site_contact fieldset textarea,
#about_jobs fieldset textarea {
	background-color: #252525;
	border: 2px solid #000;
	color: #fff;
	font-family: Helvetica, Arial, Sans;
	font-size: 14px;
	padding: 5px;
	/*width: 640px;*/
	width:100%;
	height: 150px;
	margin: 0px;
	-moz-box-sizing:padding-box;
	}

#site_contact fieldset dl,
#about_jobs fieldset dl {
	padding-bottom: 80px;
	}

#field_your_name .flag {
	display: block;
	background: transparent url(/images/site/left_flag.gif) no-repeat;
	width: 21px;
	height: 14px;
	margin-right: -21px;
	margin-bottom: -14px;
	position: relative;
	left: -21px;
	top: 10px;
	}

#field_your_email {
/*	float: right;*/

	clear:right;
	float:right;
	width:304px;

	}
html>body #field_your_email
{
	width:auto;
	/*border:1px solid #ff0000;*/
	
	}
html>body #site_contact fieldset textarea {
	width:100%;
	
}

#field_your_email .flag {
	display: block;
	background: transparent url(/images/site/right_flag.gif) no-repeat;
	width: 21px;
	height: 14px;
	margin-right: -21px;
	margin-bottom: -14px;
	position: relative;
	top: 10px;
	float: right;
	}

.address {
	color: #999;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 50px;
	}

.address h3 {
	color: #fff;
	text-transform: uppercase;
	}

.address .phone_number {
	display: block;
	color: #990000;
	}

#utah_address, #newyork_address {
	float: left;
	clear: left;
	}

#portland_address {
	float: left;
	position: relative;
	left: 160px;
	}

.submit_btn {
	display: block;
	background: transparent url(/images/site/submit_btn.gif) no-repeat;
	background-position: 0px 0px;
	}

.submit_btn_over {
	display: block;
	background: transparent url(/images/site/submit_btn.gif) no-repeat;
	background-position: 0px -23px;
	}

#contact_submit_btn {
	float: right;
	margin-right: -23px;
	margin-top: -70px;
	}

/*============================================================
Footer
============================================================*/

#footer_wrap {
	background: transparent url(/images/site/measure.gif) top repeat-x;
	overflow: auto;
	margin-top: -5px;
	clear: both;
	height: 200px;
	}

#work_index #footer_wrap,
#work_project #footer_wrap,
#about_news #footer_wrap,
#site_index #footer_wrap {
	background: none;
	}

#footer {
	width: 655px;
	margin: 50px auto 100px auto;
	font-family: Helvetica, Arial, Sans;
	font-size: 9px;
	color: #333;
	}

#footer p {
	color: #333;
	}

#footer ul {
	float: right;
	list-style-type: none;
	}

#footer li {
	float: left;
	margin-left: 5px;
	}

#footer li a {
	color: #333;
	}

#footer li a:hover {
	color: #666;
	border: none;
	}

#footer_login {
	padding-right: 5px;
	border-right: 1px solid #222;
	}
	
/*============================================================
Banner
============================================================*/
#work_banners #content_wrap {
	background-image: url(../images/site/default_bkg.gif);
}

#work_banners #footer_wrap {
	background-image: url(../images/site/measure.gif);
}
	
#work_banners p.client {
	width:252px;
	/*color:#ccc;*/
	color:#900;
	/*font-weight:bold;*/
}

#work_banners p.campaign {
	width:165px;
}

#work_banners p.banner {
	width:238px;
	text-align:right;
}
#work_banners #banners a{
	display:block;
	height: 26px;
	cursor:pointer;
}
#work_banners div.container{
	height:26px;
}
#work_banners #banners a:hover,
#work_banners #banners a:hover div{
	background-color:#171717;
}
#work_banners #banners a:hover p.campaign,
#work_banners #banners a:hover p.banner{
	color:#fff;
}
#work_banners #banners a:hover div.container{
	background-color: transparent;
}