/* --- Import Sitewide Styles
-------------------------------------------------------*/
/*@import url("filenamehere.css");*/



/* --- Common Elements
-------------------------------------------------------*/


* { margin: 0; padding: 0; }

html, body {height: 100%;}

body {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	color: #707070;
	height: 100%;
	background: #d9cfb1 url(../../_media/backgrounds/bkgd4.jpg) no-repeat;
	}

#container_bg {
	float: left;
	display: inline;
	background: url(../../_media/global/bg_repeater.gif) repeat-y;
	margin-left: -74px;
}
#container_content {
	margin-left: 74px;
}

h1 {
	text-indent: -9999px;
	position: absolute;
	right: -3px;
	top: 24px;
	width: 339px;
	height: 161px;
	background: url(../../_media/global/title.gif) no-repeat;
	}
.blog h1 {
	background: url(../../_media/global/blogtitle.gif) no-repeat;
	}

h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: -1.25px;
	line-height: 33px;
	text-transform: uppercase;
	color: #fff;
	}
.portfolio h2 { margin-top: -19px; }
	
	h2 span { background: #000 }

h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #bfbfbf;
	}

h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: .25em;
	}

ul, ol { list-style: none; }

strong { color: #000; }

.error { color: #c00; }

img {
	vertical-align: bottom;
	border: 0;
	}

fieldset { border: 0; }

a { outline: none; text-decoration: none; color: #c70000; }
a:link { outline: none; }
a:visited {  }
a:hover { color: #000000; }
a:active {  }

h2 a { color: #fff; }
h2 a:hover { color: #fff; }
h2 a:hover span { background: #c70000; }

.f_l { float: left; }
.f_r { float: right; }


/* --- Header
-------------------------------------------------------*/

#header {
	position: relative;
	height: 312px;
	width: 927px;
	background: url(../../_media/global/header_bg.gif) no-repeat;
	}
	
	/* --- | Logo | --- */
	
	#logo {
		position: absolute;
		left: 79px;
		top: 140px;
		}
	
	/* --- Primary Navigation
	-------------------------------------------------------*/
	
	#primary_navigation {
		list-style: none;
		position: absolute;
		left: 79px;
		top: 49px;
		width: 362px;
		height: 46px;
		background: url(../../_media/global/primary_navigation.gif) no-repeat 0 -46px;
		}
		
		#primary_navigation li {
			text-indent: -9999px;
			position: absolute;
			top: 0;
			height: 46px;
			}
			
			#primary_navigation li a {
				display: block;
				height: 46px;
				background-image: url(../../_media/global/primary_navigation.gif);
				}
				
				#primary_navigation li a:hover { background: none; }
		
		/* --- | Individual Nav Items | --- */
		
		#primary_navigation li.news {
			width: 61px;
			left: 0;
			}
			
		#primary_navigation li.work {
			width: 65px;
			left: 75px;
			}
			
			#primary_navigation li.work a { background-position: -75px 0; }
		
		#primary_navigation li.about {
			width: 76px;
			left: 153px;
			}
			
			#primary_navigation li.about a { background-position: -153px 0; }
		
		#primary_navigation li.careers {
			width: 95px;
			left: 243px;
			}
			
			#primary_navigation li.careers a { background-position: -243px 0; }
		
		/* --- | Current State | --- */
		
		#header ul.news li.news a,
		#header ul.blog li.blog a,
		#header ul.work li.work a,
		#header ul.about li.about a,
		#header ul.careers li.careers a {
			background: none;
			}
	
	
	
	/* --- Secondary Navigation
	-------------------------------------------------------*/
	
	#secondary_navigation {
		list-style: none;
		position: absolute;
		left: 441px;
		top: 48px;
		width: 307px;
		height: 21px;
		background: url(../../_media/global/sec-nav.gif) no-repeat 0 -21px;
		}
		
		#secondary_navigation li {
			text-indent: -9999px;
			position: absolute;
			top: 0;
			height: 21px;
			}
			
			#secondary_navigation li a {
				display: block;
				height: 21px;
				background-image: url(../../_media/global/sec-nav.gif);
				}
				
				#secondary_navigation li a:hover { background: none; }
		
		/* --- | Individual Nav Items | --- */
		
		#secondary_navigation li.rss {
			width: 50px;
			left: 0;
			}
		
		/*#secondary_navigation li.send {
			width: 62px;
			left: 51px;
			}*/
			
			#secondary_navigation li.send a { background-position: -51px 0; }
		
		#secondary_navigation li.blog {
			width: 56px;
			left: 51px;
			}
			
			#secondary_navigation li.blog a { background-position: -51px 0; }



	/* --- Share
	-------------------------------------------------------*/
	#share {
		position: absolute;
		top: 215px;
		left: 734px;
		height: 25px;
		width: 181px;
		padding-right: 6px;
		background: url(/_media/global/share-bg.gif);
		}
		#share img {
			float: right;
			margin: 4px 4px 0 0;
			}



	/* --- Send to a Friend
	-------------------------------------------------------*/
	
	#send_to_a_friend {
		display: none;
		position: absolute;
		left: 492px;
		top: 69px;
		width: 243px;
		height: 190px;
		background: #d0d0d0;
		z-index:100
		}
		
		/* --- | Close Button | --- */
		
		#send_to_a_friend #close {
			text-indent: -999px;
			position: absolute;
			right: 0;
			top: 1px;
			width: 42px;
			height: 15px;
			background: url(../../_media/global/close.gif) no-repeat 0 -15px;
			}
			
			#send_to_a_friend #close a {
				display: block;
				height: 15px;
				background: url(../../_media/global/close.gif) no-repeat;
				}
				
				#send_to_a_friend #close a:hover { background: none; }
		
		/* --- | Content Area | --- */
		
		#send_to_a_friend #staf_content {
			height: 104px;
			padding: 10px 10px 0;
			}
			
			/* --- | Title | --- */
			
			#send_to_a_friend #staf_content h2 {
				font-size: 35px;
				line-height: 42px;
				}
			
			#send_to_a_friend #staf_content .message {
				color: #d0d0d0;
				background: #000;
				}
			
			#send_to_a_friend #staf_content h2.staferror span {
				background: #c70000;
				color: #ffffff;
				}
			
			#send_to_a_friend #staf_content p.staferror {
				background: #c70000;
				color: #ffffff;
				}
		
		/* --- | Form | --- */
		
		#send_to_a_friend #staf {
			position: absolute;
			left: 32px;
			top: 108px;
			}
			
			#send_to_a_friend #staf input.input_text {
				font-family: Tahoma, Arial, Sans-Serif;
				font-size: 11px;
				color: #868686;
				position: absolute;
				width: 188px;
				padding: 3px 0;
				border: 0;
				}
			
			#send_to_a_friend #staf #friendemail {
				top: 27px;
				}
			
			#send_to_a_friend #staf #submit_btn {
				position: absolute;
				left: 133px;
				top: 61px;
				}



/* --- Container
-------------------------------------------------------*/

#container {
	float: left;
	width: 766px;
	padding: 0 0 20px 158px;
	background: url(../../_media/ribbons/ribbon4.jpg) repeat-y top left;
	}



/* --- Footer
-------------------------------------------------------*/
#ftr {
	float: left;
	line-height: 1.8em;
	width: 713px;
	margin-top: 20px;
	}
	#ftr span { font-size: 10px; }
	#ftr strong { color: #707070; }



/* --- General Content Styles
-------------------------------------------------------*/


	/* --- Headline
	-------------------------------------------------------*/

	.headline {
		position: relative;
		width: 370px;
		margin: 0 0 30px -35px;
		padding: 19px 0 0 35px;
		background: url(../../_media/global/asterisk.gif) no-repeat;
		}

		.headline .date {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 14px;
			text-transform: uppercase;
			color: #000;
			position: absolute;
			top: 0;
			}

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

	.content {
		overflow: hidden;
		height: 1%;
		margin: 0 0 10px 0;
		padding: 0 48px 30px 0;
		}
		
		.content p {
			margin-bottom: 1em;
			}
	
	/* --- | Write Up | --- */
	
	.write_up {
		float: left;
		width: 470px;
		margin-bottom: 10px;
		padding-top: 20px;
		}



/* --- Portfolio
-------------------------------------------------------*/

.portfolio .content {
	width: 733px;
	}

.portfolio .last .content {
	border: 0;
	}

	/* --- | View Site Button | --- */

	.view_site,
	.view_det,
	.view_blank {
		text-indent: -9999px;
		float: right;
		width: 275px;
		height: 81px;
		margin-bottom: 10px;
		margin-right: 13px;
		display: inline;
		background: url(../../_media/global/view-project.jpg) no-repeat 0 -81px;
		}
	.view_det {
		width: 263px;
		margin-right: 18px;
		background: url(../../_media/global/view_details.jpg) no-repeat 0 -81px;
		}
	.view_blank { background: none; }

		.view_site a,
		.view_det a {
			display: block;
			height: 81px;
			background: url(../../_media/global/view-project.jpg) no-repeat;
			}
		.view_det a {
			background: url(../../_media/global/view_details.jpg) no-repeat;
			}

			.view_site a:hover, .view_det a:hover { background: none; }

.portfolio .view_site {
	margin-bottom: 60px;
	margin-left: 10px;
	}

.portfolio .copy {
	margin-bottom: 20px;
	}

	.portfolio .copy p.descr {
		width: 430px;
		}

	.portfolio .copy img {
		margin-right: 2px;
		}

.portfolio .cmts {
	float: left;
	width: 713px;
	}


	/* --- | Screenshots | --- */
	
	.screenshots {
		xoverflow: auto;
		clear: both;
		width: 100%;
		}
		
		.screenshots .flash,
		.copy .flash {
			width: 353px;
			height: 228px;
		}

		.screenshots img, .screenshots .flash,
		.copy img, .copy .flash {
			margin-bottom: 8px;
			border: 1px solid #b4b4b4;
			}

		.screenshots img.left, .screenshots .flash, .copy .flash {
			float: left;
			margin-right: 2px;
			}

		.copy .flash {
			margin-right: 5px;
			}

		.screenshots img.right {
			float: right;
			}

	/* --- | Portfolio Thumbnails | --- */
	
	.divider {
		clear:both;
		line-height: 1px;
		font-size: 1px;
		height:1px;
		color: #000000;
		width: 763px;
		background-color: #000000;
		
		
		
		
	}
	
	.portfolio_thumb {
		margin: 15px 29px 0 0;
		float: left;
		height: 210px;
		}

		.portfolio_thumb img {
			margin-bottom: 10px;
			border: 1px solid #b4b4b4;
			}
		
	.thumb_header {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: -.25px;
		width: 158px;
		text-transform: uppercase;
		color: #000;
		}
		
	.thumb_body {
		font-family: Tahoma, Arial, Sans-Serif;
		font-size: 11px;
		line-height: 16px;
		width: 158px;
		color: #707070;
		}

		

			
	/* --- | Work Navigation | --- */

	.portfolio .work_navigation {
		position: absolute;
		top: 263px;
		left: 679px;
		width: 197px;
		height: 49px;
		background: url(../../_media/global/work_navigation.gif) no-repeat 0 -49px;
		}
		
		.portfolio .work_navigation li {
			text-indent: -9999px;
			position: absolute;
			top: 0;
			height: 49px;
			}
			
			.portfolio .work_navigation li a {
				display: block;
				height: 49px;
				background-image: url(../../_media/global/work_navigation.gif);
				}
				
				.portfolio .work_navigation li a:hover { background: none; }

		
		.portfolio .work_navigation li.featured {
			width: 112px;
			}
			
		.portfolio .work_navigation li.all {
			left: 156px;
			width: 41px;
			}
			
			.portfolio .work_navigation li.all a {
				background-position: -156px 0;
				}
	


/* --- News
-------------------------------------------------------*/

.news .content_container {
	position: relative;
	float: left;
	width: 766px;
	margin-bottom: 120px;
	}

/* --- | Month Navigation | --- */

.news .month_navigation {
	position: absolute;
	right: 48px;
	width: 189px;
	height: 49px;
	background: url(../../_media/global/month_navigation.gif) no-repeat 0 -49px;
	}

	.news .top {
		top: -49px;
		}
	
	.news .bottom {
		bottom: -75px;
		}
	
	.news .month_navigation li {
		text-indent: -9999px;
		position: absolute;
		top: 0;
		height: 49px;
		}
		
		.news .month_navigation li a {
			display: block;
			height: 49px;
			background-image: url(../../_media/global/month_navigation.gif);
			}
			
			.news .month_navigation li a:hover { background: none; }
	
	.news .month_navigation li.newer {
		width: 76px;
		}
		
	.news .month_navigation li.older {
		left: 120px;
		width: 69px;
		}
		
		.news .month_navigation li.older a {
			background-position: -120px 0;
			}
	
.news .content {
	margin-bottom: 70px;
	padding: 0;
	border: 0;
	}

.news .headline { margin-bottom: 1.5em; }

/* --- Blog
-------------------------------------------------------*/

.blog .content_container {
	position: relative;
	float: left;
	width: 766px;
	margin-bottom: 120px;
	}

/* --- | Month Navigation | --- */

.blog .month_navigation {
	position: absolute;
	right: 48px;
	width: 189px;
	height: 49px;
	background: url(../../_media/global/month_navigation.gif) no-repeat 0 -49px;
	}

	.blog .top {
		top: -49px;
		}
	
	.blog .bottom {
		bottom: -75px;
		}
	
	.blog .month_navigation li {
		text-indent: -9999px;
		position: absolute;
		top: 0;
		height: 49px;
		}
		
		.blog .month_navigation li a {
			display: block;
			height: 49px;
			background-image: url(../../_media/global/month_navigation.gif);
			}
			
			.blog .month_navigation li a:hover { background: none; }
	
	.blog .month_navigation li.newer {
		width: 76px;
		}
		
	.blog .month_navigation li.older {
		left: 120px;
		width: 69px;
		}
		
		.blog .month_navigation li.older a {
			background-position: -120px 0;
			}
	
.blog .content {
	margin-bottom: 70px;
	padding: 0;
	border: 0;
	}

.blog .headline { margin-bottom: 1.5em; }

/* --- | Primary Content | --- */

#primary_content {
	float: left;
	width: 452px;
	}

.news .write_up {
	float: none;
	width: auto;
	padding-top: 0;
	}
	
	.news .write_up p.comments {
		font-weight: bold;
		margin-top: -1em;
		}
		
		.news .write_up p.comments a { color: #000; }
		.news .write_up p.comments a:hover { color: #c70000; }

.blog .write_up {
	float: none;
	width: auto;
	padding-top: 0;
	}
	
	.blog .write_up p.comments {
		font-weight: bold;
		margin-top: -1em;
		}
		
		.blog .write_up p.comments a { color: #000; }
		.blog .write_up p.comments a:hover { color: #c70000; }

/* --- | Secondary Content | --- */

#secondary_content {
	float: right;
	display: inline;
	width: 238px;
	margin-right: 48px;
	padding-top: 20px;
	}
	
	#secondary_content div.archive {
		padding: 15px 22px;
		background: #eee;
		}
		
		#secondary_content div.archive ul { }
	
	#secondary_content h3 {
		margin-bottom: .5em;
		}
		

		
	/* --- Detail
	-------------------------------------------------------*/
	
	body.detail .headline { margin-bottom: 4em; }
	
	body.detail .write_up {
		margin-bottom: 45px;
		padding-bottom: 2px;
		}
	
	body.detail #primary_content h3 {
		margin-bottom: 1em;
		}
		
	/* --- | Back | --- */
	
	.news .back {
		line-height: 12px;
		text-indent: -9999px;
		position: absolute;
		right: 48px;
		top: -28px;
		width: 56px;
		height: 14px;
		background: url(../../_media/global/back.gif) no-repeat 0 -14px;
		}
		
		.news .back a {
			display: block;
			height: 14px;
			background: url(../../_media/global/back.gif) no-repeat 0 0;
			}
			
			.news .back a:hover { background: none; }
	
	.blog .back {
		line-height: 12px;
		text-indent: -9999px;
		position: absolute;
		right: 48px;
		top: -28px;
		width: 56px;
		height: 14px;
		background: url(../../_media/global/back.gif) no-repeat 0 -14px;
		}
		
		.blog .back a {
			display: block;
			height: 14px;
			background: url(../../_media/global/back.gif) no-repeat 0 0;
			}
			
			.blog .back a:hover { background: none; }
	
	/* --- | Comments | --- */
	
	h3#comments {
		line-height: 1.1em;
		margin-bottom: 15px;
		}

	h3.s_a_c {
		margin-top: 50px;
		}

	.detail .commentlist li, .portfolio .commentlist li {
		margin-bottom: 25x;
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
		}
		
		.detail .commentlist li cite.fn, .portfolio .commentlist li cite.fn {
			font-weight: bold;
			text-transform: uppercase;
			font-style: normal;
			color: #000;
			}
		
		.detail .commentlist li p, .portfolio .commentlist li p {
			}
			
			.detail .commentlist li .commentmetadata {
				font-size: 9px;
				color: #000;
				margin: 0;
				}
	
	/* --- | Submit a Comment | --- */
	
	form#submit_comment {
		padding: 20px 20px;
		background: #d0d0d0;
		}

		form#submit_comment .input_text {
			font-family: Tahoma, Arial, Sans-Serif;
			font-size: 11px;
			color: #868686;
			width: 155px;
			margin-bottom: 1em;
			padding: 3px;
			border: 0;
			background-color: #FFF;
			}
		
		form#submit_comment textarea {
			font-family: Tahoma, Arial, Sans-Serif;
			font-size: 11px;
			color: #868686;
			display: block;
			width: 100%;
			margin-bottom: 1em;
			background-color: #FFF;
			border: 0;
			}

		form#submit_comment #comment_submit {
			float: right;
			}
	
	/* --- | Old Entries | --- */
	
	#secondary_content div.archive ul.old_entries { }
		
		#secondary_content div.archive ul.old_entries li {
			height: 1%;
			margin-bottom: 5px;
			}
	
		#secondary_content ul.old_entries li a {
			display: block;
			padding-left: 12px;
			background: url(../../_media/global/bullet_cross.gif) no-repeat 0 4px;
			}
			
			#secondary_content ul.old_entries li span.date {
				font-size: 9px;
				color: #000;
				}
		
		#secondary_content ul.old_entries li.current a {
			font-weight: bold;
			color: #000;
			background: url(../../_media/global/bullet_cross_red.gif) no-repeat 0 4px;
			}
			
			#secondary_content ul.old_entries li.current a span.date { font-weight: normal; }



/* --- About
-------------------------------------------------------*/

.about .content { width: 740px; padding-right: 0; }

.about .write_up {
	width: 415px;
	margin-bottom: 50px;
	}

/* --- | Hire Juxt Button | --- */

.hire_juxt {
	text-indent: -9999px;
	float: right;
	width: 268px;
	height: 81px;
	margin-bottom: 235px;
	background: url(../../_media/global/hire_juxt.jpg) no-repeat 0 -81px;
	}

	.hire_juxt a {
		display: block;
		height: 81px;
		background: url(../../_media/global/hire_juxt.jpg) no-repeat;
		}

		.hire_juxt a:hover { background: none; }

.dvdr {
	float: left;
	height: 81px;
	width: 42px;
	margin: 190px 5px 0 10px;
	}

.office_btn {
	float: left;
	text-indent: -9999px;
	height: 51px;
	margin-top: 20px;
	}
.nb_btn {
	width: 145px;
	margin-right: 30px;
	background: url(../../_media/global/nb-office-btn.jpg) no-repeat 0 -51px;
	}
.sf_btn {
	width: 121px;
	background: url(../../_media/global/sf-office-btn.jpg) no-repeat 0 -51px;
	}

	.office_btn a {
		display: block;
		height: 51px;
		}
	.nb_btn a { background: url(../../_media/global/nb-office-btn.jpg) no-repeat; }
	.sf_btn a { background: url(../../_media/global/sf-office-btn.jpg) no-repeat; }

		.nb_btn a:hover, .sf_btn a:hover { background: none; }



/* --- Careers
-------------------------------------------------------*/

.careers .write_up {
	width: 415px;
	height: 115px;
	}

/* --- | Apply Now Button | --- */

.apply_now {
	text-indent: -9999px;
	float: right;
	width: 285px;
	height: 81px;
	margin-bottom: 10px;
	background: url(../../_media/global/apply_now.jpg) no-repeat 0 -81px;
	}

	.apply_now a {
		display: block;
		height: 81px;
		background: url(../../_media/global/apply_now.jpg) no-repeat;
		}

		.apply_now a:hover { background: none; }

.empty {
	background-position: 0 -162px;
	}

/* --- | Career Listings | --- */

.career_left {
	clear: both;
	float: left;
	width: 257px;
	}
	
	.career_left ul {
		line-height: 20px;
		}
	.career_right ul.skills {
		line-height: 15px;
		margin: 0 0 2em 10px;
		}
			
		.career_left ul li,
		.career_right ul.skills li {
			height: 1%;
			margin-bottom: 5px;
			}

		.career_left ul li a,
		.career_right ul.skills li {
			display: block;
			padding-left: 12px;
			background: url(../../_media/global/bullet_cross.gif) no-repeat 0 6px;
			}
		.career_right ul.skills li {
			background: url(../../_media/global/bullet_cross_red.gif) no-repeat 0 6px;
			}

		.career_left ul li.current a {
			font-weight: bold;
			color: #000;
			background: url(../../_media/global/bullet_cross_red.gif) no-repeat 0 6px;
			}

/* --- | Career Detail | --- */

.career_right {
	float: right;
	width: 404px;
	}
	
	.career_right img.workplace {
		padding: 1px;
		border: 1px solid #8c8c8c;
		}

/* --- | Form | --- */

#apply_form {
	margin-top: 60px;
	padding: 25px 30px;
	background: #d0d0d0;
	}
	
	#apply_form p { line-height: 20px; }
	
	#apply_form table { border-collapse: collapse; }
	
	#apply_form .input_text {
		font-family: Tahoma, Arial, Sans-Serif;
		font-size: 11px;
		color: #868686;
		width: 155px;
		margin-bottom: 1em;
		padding: 3px;
		border: 0;
		}
	
	#apply_form #apply_send {
		float: right;
		}