#container_preview {
	position: 			relative;
	float: 				left;
	width: 				100%;
	height: 			800px;
	padding:			0;
	margin:				0;
	background: 		#fff url(../cms-img/common/bg.gif);
	}

p {
	font: 				12px Arial, Helvetica, sans-serif;
	color: 				#6d7171;
	line-height:		16px;
	margin:				0px;
	padding:			0px 0px 16px 0px;
	}

strong {
	padding: 			0;
	margin:				0;
	line-height:		16px;
	}

table tr td {
	padding:			0px;
	margin:				0px;
	border:				0px;
	}

strong {
	padding:			0px;
	margin:				0px;
	}

.content_top_container {
	position: 			absolute;
	left: 				0px;
	top: 				0px;
	height:				358px;
	padding-top:		3px;
	background:			#fff;
	}

.description {
	position: 			absolute;
	left: 				480px;
	top:				20px;
	width: 				464px;
	font-size:			14px;
	line-height:		20px;
	letter-spacing:		.035em;
	}

.description p {
	font-size:			14px;
	color:				#6d7171;
	line-height:		20px;
	letter-spacing:		.035em;
	}

p.description_title {
	font-size:			14px;
	color:				#3d4242;
	line-height:		20px;
	letter-spacing:		.035em;
	padding:			0px;
	margin:				0px;
	}

.description_title_nospace {
	font-size:			14px;
	color:				#3d4242;
	line-height:		20px;
	margin:				0px;
	letter-spacing:		.035em;
	}

.description_content {
	font-size:			14px;
	color:				#6d7171;
	line-height:		20px;
	letter-spacing:		.035em;
	}

.upper_content {
	font-size:			10px;
	color:				#6d7171;
	line-height:		14px;
	letter-spacing:		.025em;
	padding: 			0 0 16px 0;
	margin: 			0px;
	}


.homepage_letter {
	padding-right:		3px;
	}


.content_bottom_container {
	position: 			absolute;
	left: 				40px;
	top:				444px;
	width: 				943px;
	border-top:			1px solid #3d4242;
	}

.logo {
	position:			absolute;
	left:				40px;
	top:				394px;
	width:				248px;
	height:				48px;
	}


/*////////////////////////////////////*/

/* NAV */

#nav {
	position:			absolute;
	left:				0px;
	top:				20px;
	width:				400px;
	}

#nav ul {
	list-style: 		none;
	padding:			0px;
	margin:				0px;
	line-height:		10px;
	}
	
#nav li {
	padding:			0px 0px 4px 0px;
	margin:				0px;
	}
	
#nav a:hover {
	color:				#e34a27;
	}

li.nav_off {
	color:				#333;
	}

#nav .nav_on {
	color:				#e34a27;
	}

#nav .nav_off {
	color:				#333;
	}


.nav_1 {
	position: 			absolute;
	left:				0px;
	top:				0px;
	width:				110px;
	}

.nav_1 li {
	width:				110px;
	}

.nav_1 a {
	text-decoration:	none;
	}

.nav_2 {
	position: 			absolute;
	left:				120px;
	top:				0px;
	width:				110px;
	display:			none;
	}

.nav_2 li {
	width:				110px;
	}

.nav_3 {
	position: 			absolute;
	left:				240px;
	top:				0px;
	width:				200px;
	overflow: 			hidden;
	display:			none;
	}

.nav_3 li {
	width:				140px;
	}



.show {
	display:			block;
	}




/* ///////////////////////// */

.portfolio_image {
	padding-right: 		3px;
	}





.casestudy_content_container {
	width:				480px;
	}

.casestudy_image_ball {
	position:			absolute;
	left:				10px;
	top:				332px;
	width:				13px;
	height:				13px;
	margin:				0;
	padding:			0;
	font:				10px Arial, Helvetica, sans-serif;
	color:				#fff;
	line-height:		13px;
	text-align:			center;
	background:			url(../cms-img/common/caption_ball.png) no-repeat;
	z-index:			1;
	}

.casestudy_caption_container {
	clear:				both;
	padding: 			0px 0px 4px 0px;
	margin: 			0px;
	width: 				420px;
	}

.casestudy_caption {
	font:				10px Arial, Helvetica, sans-serif;
	color:				#6d7171;
	line-height:		14px;
	letter-spacing:		.025em;
	padding:			0 0 4px 5px;
	margin: 			0;
	width: 				400px;
	}

#extra_controls_case a {
	color: 				#6d7171;
	text-decoration:	none;
	}

#extra_controls_case a:hover {
	color: 				#6d7171;
	text-decoration:	underline;
	}

.casestudy_caption_ball {
	width:				13px;
	height:				13px;
	padding: 			0;
	margin:				0;
	font:				10px Arial, Helvetica, sans-serif;
	line-height:		13px;
	letter-spacing:		.025em;
	color:				#fff;
	text-align:			center;
	background:			url(../cms-img/common/caption_ball.png) no-repeat;
	}

.topcontent_col {
	width:				224px;
	height:				316px;
	padding:			39px 16px 0px 0px;
	font:				10px Arial, Helvetica, sans-serif;
	color:				#6d7171;
	line-height:		14px;
	letter-spacing:		.045em;
	}

.news_content_container {
	width:				960px;
	}

.news_content_container strong {
	color: 				#333;
	}

.clients_content_container {
	width:				960px;
	}

.clients_content_container strong {
	color: 				#333;
	}



/* testimonials */

.testimonial_container {
	width: 				464px;
	overflow: 			hidden;
	}





/* studio */

.bio_container {
	position: 			relative;
	float:				left;
	width:				362px;
	height:				324px;
	padding:			31px 16px 0px 40px;
	overflow:			hidden;
	background:			url(../cms-img/common/x.gif);
	}

.bio_container_dim {
	position: 			relative;
	float:				left;
	width:				362px;
	height:				324px;
	padding:			31px 16px 0px 40px;
	overflow:			hidden;
	background:			url(../cms-img/common/x.gif);
	filter: 			alpha(opacity=40);
	-moz-opacity: 		.4;
	opacity: 			.4;
	}

.bio_col_left {
	width:				104px;
	padding-right:		16px;
	}

.bio_col_right {
	width:				238px;
	}

.bio_container img {
	padding-bottom:		16px;
	}

.bio_container_dim img {
	padding-bottom:		16px;
	}

.bio_image {
	width: 				104px;
	}

.bio_title {
	clear: 				both;
	width:				104px;
	}

.graylinks a {
	color: #999;
	}










.footer {
	position:			absolute;
	left:				20px;
	top:				348px;
	width: 				600px;
	padding:			0px;
	z-index:			1;
	}

p.footer {
	font:		 		10px Arial, Helvetica, sans-serif;
	color:				#999;
	}



#scrollLinks_content a:hover {
	color: #6d7171;
	text-decoration: none;
	}

#scrollLinks_content a.bio_link {
	color: #e34a27;
	text-decoration: underline;
	}

#scrollLinks_content a.bio_link:hover {
	color: #e34a27;
	}









#map_canvas {
	width: 				414px;
	height:				355px;
	}

.map_wrapper {
	padding-right:		3px;
	}

.infowin_content {
	font:		 		12px Arial, Helvetica, sans-serif;
	color:				#333;
	}









.vid {
	position: 			absolute;
	top: 				0px;
	background: 		#f1f2f0;
	z-index:			10;
	border: 			1px solid #333;
	}
	
#vid_mask {
	position: 			absolute;
	top: 				0px;
	left:				0px;
	background: 		#000;
	z-index:			9;
	filter: 			alpha(opacity=60);
	-moz-opacity: 		.6;
	opacity: 			.6;
	}

.vid_close {
	position:			absolute;
	right:				18px;
	top:				9px;
	width:				15px;
	height:				14px;
	}








.previewbar {
	position:			absolute;
	bottom:				0px;
	width:				100%;
	height:				22px;
	background:			#ff9900 url(../cms-img/common/preview_bg.gif) repeat-x;
	text-align:			center;
	padding:			8px 0px 0px 0px;
	z-index:			1;
	}

.previewbar_inner {
	position:			absolute;
	left:				50%;
	margin-left:		-150px;
	width: 				300px;
	background:			#ff9900;
	font:				14px Verdana, Arial, Helvetica, sans-serif;
	color:				#fff;
	line-height:		12px;
	text-align:			center;
	z-index:			1;
	}






/* blog */

#blog {
	position: 			absolute;
	top: 				0px;
	width:				728px;
	background: 		#f1f2f0;
	z-index:			10;
	border: 			1px solid #333;
	}
	
#blog_mask {
	position: 			absolute;
	top: 				0px;
	left:				0px;
	background: 		#000;
	z-index:			9;
	filter: 			alpha(opacity=60);
	-moz-opacity: 		.6;
	opacity: 			.6;
	}

#blog .blog_logo {
	width:				632px;
	padding:			0;
	margin:				40px 0 0 40px;
	border-bottom:		1px solid #a1a4a3;
	}

#blog .blog_sort_header {
	font-size:			14px;
	color:				#333;
	line-height:		12px;
	letter-spacing:		.045em;
	font-weight:		normal;
	padding:			0 0 10px 0;
	margin:				0;
	}

#blog .header {
	font-size:			14px;
	color:				#333;
	line-height:		12px;
	letter-spacing:		.045em;
	font-weight:		bold;
	padding:			0;
	margin:				0;
	}

.blog_author_date {
	font-size:			10px;
	color:				#333;
	line-height:		12px;
	letter-spacing:		.045em;
	padding: 			0 0 30px 0;
	margin:				0;
	}

#blog .content {
	position: 			relative; 
	float: 				left; 
	width: 				400px; 
	padding: 			0;
	color:				#333;
	line-height:		14px;
	letter-spacing:		.045em;
	}
	
#blog .blog_footer {
	position: 			relative; 
	float: 				left; 
	clear: 				both;
	width: 				400px; 
	padding: 			10px 0 20px 0;
	font-size:			11px;
	color:				#333;
	line-height:		12px;
	letter-spacing:		.045em;
	}

#blog .blog_footer a.older {
	float: 				left;
	color:				#333;
	text-decoration:	none;
	}

#blog .blog_footer a.older:hover {
	text-decoration:	underline;
	}

#blog .blog_footer a.newer {
	float: 				right;
	color:				#333;
	text-decoration:	none;
	}

#blog .blog_footer a.newer:hover {
	text-decoration:	underline;
	}

.blog_content {
	font-size:			10px;
	color:				#333;
	line-height:		14px;
	letter-spacing:		.045em;
	}

#blog .close {
	position:			absolute;
	left:				707px;
	top:				9px;
	width:				15px;
	height:				14px;
	}

#blog .nav {
	position: 			relative;
	float: 				left;
	width:				130px;
	padding-left:		98px;
	font:				10px Arial, Helvetica, sans-serif;
	color:				#333;
	line-height:		12px;
	letter-spacing:		.045em;
	}

#blog .nav a.on {
	color: 				#333;
	text-decoration: 	underline;
	}

#blog .nav a.on:hover {
	text-decoration: 	underline;
	}

#blog .nav a {
	color: 				#333;
	text-decoration: 	none;
	}

#blog .nav a:hover {
	text-decoration: 	underline;
	}

#blog .nav ul {
	list-style-type: 	none;
	padding:			0 0 8px;
	margin:				0;
	}

#blog .nav li {
	margin:				2px 0;
	padding:			0 0 0 9px;
	background: 		url(../cms-img/common/blog_list_bullet.gif) no-repeat;
	}

#blog .nav li.none {
	margin:				0;
	padding:			0;
	background:			none;
	font-weight:		normal;
	}

#blog .nav li.header {
	font-size:			10px;
	color: 				#e34a27;
	line-height:		12px;
	letter-spacing:		.045em;
	margin:				0;
	padding:			0;
	background:			none;
	font-weight:		normal;
	}


/* client access */

#clientaccess {
	position: 			absolute;
	top: 				0px;
	width:				728px;
	background: 		#f1f2f0;
	z-index:			10;
	border: 			1px solid #333;
	}
	
#clientaccess_mask {
	position: 			absolute;
	top: 				0px;
	left:				0px;
	background: 		#000;
	z-index:			9;
	filter: 			alpha(opacity=60);
	-moz-opacity: 		.6;
	opacity: 			.6;
	}

#clientaccess .clientaccess_logo {
	width:				674px;
	padding:			0;
	margin:				40px 0 0 20px;
	border-bottom:		1px solid #a1a4a3;
	}

#clientaccess .close {
	position:			absolute;
	left:				707px;
	top:				9px;
	width:				15px;
	height:				14px;
	}

.clientaccess_content_inner {
	width: 				674px;
	font: 				11px Arial, Helvetica, sans-serif;
	color: 				#333;
	line-height:		13px;
	}

.clientaccess_content_inner h2 {
	font-size:			14px;
	font-weight:		normal;
	}

.clientaccess_content_inner h3 {
	font-size:			12px;
	margin:				0;
	padding:			2px 0 10px 0;
	}

.clientaccess_content_inner p {
	font-size:			10px;
	line-height:		12px;
	}

.clientaccess_content_inner input {
	font-size:			11px;
	padding:			2px;
	height:				20px;
	}

.clientaccess_content_inner .login {
	clear: 				both;
	font-size:			11px;
	color:				#fff;
	background:			#e34a27;
	text-align:			center;
	padding:			4px 8px 4px 8px;
	}

.clientaccess_content_inner .login a {
	color:				#fff;
	text-decoration:	none;
	}

.clientaccess_content_inner .login a:hover {
	text-decoration:	none;
	}


.clientaccess_content_inner a {
	color: 				#e34a27;
	text-decoration:	none;
	}

.clientaccess_content_inner a:hover {
	text-decoration:	underline;
	}

.clientaccess_content_inner #forgot_password {
	width: 				400px;
	display: 			none;
	}

.clientaccess_content_inner .loggedin_header {
	width: 				340px;
	padding-top:		6px;
	}

.clientaccess_content_inner .folder_view_container {
	position: 			relative;
	float: 				left; 
	clear: 				both;
	height: 			480px;
	border-top:			1px solid #6e7171;
	border-left:		1px solid #6e7171;
	border-right:		1px solid #c4c7c5;
	border-bottom:		1px solid #c4c7c5;
	padding:			10px;
	margin:				16px 20px 0 0;
	background:			#fff;
	overflow: 			hidden;
	}



.clientaccess_content_inner .upload_view_container {
	width: 				304px;
	height: 			480px;
	border-top:			1px solid #6e7171;
	border-left:		1px solid #6e7171;
	border-right:		1px solid #c4c7c5;
	border-bottom:		1px solid #c4c7c5;
	margin-top:			16px;
	background:			#fff;
	padding:			10px;
	}

.clientaccess_content_inner .bggray {
	background:			#ebeeeb;
	}

.clientaccess_content_inner .upload_button {
	position:			relative;
	float:				left;
	clear: 				both;
	font-size:			11px;
	height: 			20px;
	color:				#fff;
	background:			#bcbdc0;
	text-align:			center;
	padding:			2px 8px 6px 8px;
	border:				0px;
	}

.clientaccess_content_inner .upload_button_roll {
	position:			relative;
	float:				left;
	clear: 				both;
	font-size:			11px;
	height: 			20px;
	color:				#fff;
	background:			#e34a27;
	text-align:			center;
	padding:			2px 8px 6px 8px;
	border:				0px;
	}

.clientaccess_content_inner a.black {
	color:				#000;
	text-decoration:	underline;
	}

.clientaccess_content_inner a.note {
	color:				#666;
	text-decoration:	none;
	}

.clientaccess_content_inner a.note:hover {
	text-decoration:	underline;
	}

.clientaccess_content_inner .download_button {
	position:			relative;
	float: 				right;
	font-size:			11px;
	color:				#fff;
	background:			#bcbdc0;
	text-align:			center;
	margin:				2px 2px 0 0;
	padding:			4px 8px 4px 8px;
	}

.clientaccess_content_inner .download_button_roll {
	position:			relative;
	float: 				right;
	font-size:			11px;
	color:				#fff;
	background:			#e34a27;
	text-align:			center;
	margin:				2px 2px 0 0;
	padding:			4px 8px 4px 8px;
	}

.clientaccess_content_inner .download_button a {
	color:				#fff;
	text-decoration:	none;
	}

.clientaccess_content_inner .download_button_roll a {
	color:				#fff;
	text-decoration:	none;
	}



.clientaccess_content_inner .button {
	font-size:			11px;
	color:				#fff;
	white-space:		nowrap;
	background:			#bcbdc0;
	text-align:			center;
	margin:				2px 2px 0 0;
	padding:			4px 8px 4px 8px;
	}

.clientaccess_content_inner .button_roll {
	font-size:			11px;
	color:				#fff;
	white-space:		nowrap;
	background:			#e34a27;
	text-align:			center;
	margin:				2px 2px 0 0;
	padding:			4px 8px 4px 8px;
	}

.clientaccess_content_inner .button a {
	color:				#fff;
	text-decoration:	none;
	}

.clientaccess_content_inner .button_roll a {
	color:				#fff;
	text-decoration:	none;
	}




.inactive_message {
	padding-top:		10px;
	color: 				#000;
	}

.inactive_message_text {
	color: 				#000;
	}