body {
	color: #666;
	font-family: 'Helvetica Neue',Arial,FreeSans,sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding:0;
}

h1, h2, h3, h4, h5 {
	margin-top: 0;
}


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

a:hover {
	color: #666;
}

.active a {
	color: #ED1C24;
}

/* Wrapper */

div.wrapper {
	margin: 0 auto;
	width: 98em;
}

/* Utility Nav */

ul#utility_nav {
	float: right;
	list-style: none;
	margin: 0;
	margin-top: 2em;
	padding: 0;
}

ul#utility_nav li {
	border-right: 1px solid #666;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	
}

ul#utility_nav li.last {
	border-right: none;
	padding-right: 0;
}

ul#utility_nav li a {
	color: #666;
	font-size: 1.4em;
	text-decoration: none;
}

ul#utility_nav li.active a {
	color: #ED1C24;
}

ul#utility_nav li a:hover {
	color: #ED1C24;
}

/* Logo */

div#logo {
	clear: both;
	float: left;
	margin-top: 2em;
	width: 100%;
}

div#logo a {
	display: block;
	margin: 0 auto;
	width: 38.8em;
}

div#logo a img {
	border: 0;
}

/* Menu Box */

.menu_box {
	border: 0 solid;
	float: left;
	left: 30px;
	position: absolute;
	text-align: left;
	top: 20px;
	width: 127px;
	z-index: 50;
}

.menu_box .menu_header_you {
	background-image: url(../images/menubox_header_you.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 126px;
	width: 126px;
}

.menu_box .menu_header_us {
	background-image: url(../images/menubox_header_us.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 126px;
	width: 126px;
}

.menu_box .menu_header_you span, .menu_box .menu_header_us span {
	display: none;
}

.menu_content {
	background-color: #fff;
	display: none;
	margin-left: 6px;
	overflow: hidden;
	position: relative;
	top: -7px;
	width: 114px;
}

ul.menu {
	background-color: #fff;
	/*background-image: url(../images/menubox_bottom.png);
	background-position: left bottom;*/
	background-repeat: no-repeat;
	display: block;
	list-style-type: none;
	margin: 0;
	top: -40px;
	padding: 0;
	padding-bottom: 0;
	width: 275px;
}

ul.menu li {
	display: block;
	text-align: left;
}

ul.menu li.li_heading {
	color: #ED1C24;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 5px;
}

ul.menu li.odd {
	float: left;
}

ul.menu li.even {
	float: right;
}

ul.menu li span {
	color: #ccc;
	display: block;
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	width: 94px;
}

ul.menu li a {
	color: #666;
	display: block;
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	width: 94px;
}

ul.menu li a:hover {
	color: #fff;
	background-color: #ED1C24;
}

ul.menu li.active a {
	color: #fff;
	background-color: #ED1C24
}

#scroll ul.menu li.li_heading {
	padding-left: 10px;
}

#scroll ul.menu li a, #scroll ul.menu li span {
	margin-left: 0px;
	margin-right: 0px;
}

.menu_box .menu_footer_arrow a {
	background-image: url(../images/btn_toggle.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 15px;
	margin-right: 2px;
	margin-top: 1px;
	padding: 0 5px 0 0;
	position: relative;
	text-indent: -9999px;
	top: -8px;
	width: 23px;
}

/* Scroll */

div#scroll {
	clear: both;
	float: left;
	height: 333px;
	margin-top: 2em;
	position: relative;
	width: 980px;
}

div#scroll_mask {
	clear: both;
	float: left;
	height: 333px;
	overflow: hidden;
	position: relative;
	width: 980px;
}

div#scroll_wrapper {
	height: 333px;
	overflow: hidden;
	width: 980px;
}

div#scroll_img {
	clear: both;
	float: left;
	height: 333px;
	overflow: hidden;
	width: 980px;
}

div#scroll_img img {
	display: block;
	float: left;
	padding-left:12px;
}

div#scroll_overlay {
	float: left;
	height: 333px;
	margin-top: -333px;
	position: relative;
	width: 100%;
	z-index: 10;
}

div#scroll_top {
	clear: both;
	float: left;
	height: 15px;
	margin-top: -333px;
	position: relative;
	width: 100%;
	z-index: 10;
}

div#scroll_top img {
	display: block;
	height: 15px;
	width: 100%em;
}

div#scroll_left {
	clear: both;
	display: block !important;
	float: left;
	height: 303px;
	margin-top: -318px;
	opacity: 100 !important;
	position: relative;
	width: 50px;
	z-index: 10;
}

div#scroll_left img {
	display: block;
	height: 30.3em;
	width: 5em;
}

div#scroll_middle {
	float: left;
	height: 33.3em;
	width: 88em;
}

div#scroll_right {
	display: block !important;
	float: right;
	height: 303px;
	margin-top: -318px;
	opacity: 100 !important;
	position: relative;
	width: 50px;
	z-index: 10;
}

div#scroll_right img {
	display: block;
	height: 30.3em;
	width: 5em;
}

div#scroll_bottom {
	clear: both;
	float: left;
	height: 15px;
	margin-top: -15px;
	position: relative;
	width: 100%;
	z-index: 10;
}

div#scroll_bottom img {
	display: block;
	height: 15px;
	width: 100%;
}

/* Nav */

ul#nav {
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0;
	margin-left: 10em;
	margin-top: -3.5em;
	padding: 0;
	position: relative;
	z-index: 20;
}

ul#nav li {
	background-image: url(../images/tab_right.png);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
	margin-left: -2em;
	padding-right: 3em;
}

ul#nav li a{
	background-image: url(../images/tab_left.png);
	background-repeat: no-repeat;
	color: #666;
	display: block;
	height: 5em;
	font-weight: bold;
	padding-left: 3em;
	text-decoration: none;
}

ul#nav li a:hover, ul#nav li.active a {
	color: #ED1C24;
}

ul#nav li a span {
	background-image: url(../images/tab_top.png);
	background-repeat: repeat-x;
	display: block;
	font-size: 1.4em;
	line-height: 3.5em;
}

/* Upper Nav */

div#upper_wrapper_outer {
	height: 0;
	position: relative;
}

div#upper_wrapper_inner {
	height: 3.5em;
	overflow: hidden;
	position: relative;
	width: 100%;
}

ul#upper_nav {
	clear: both;
	float: right;
	list-style-type: none;
	margin: 0;
	margin-right: 8em;
	margin-top: -1.2em;
	padding: 0;
	position: relative;
	z-index: 20;
}

ul#upper_nav li {
	background-image: url(../images/tab_right_top.png);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
	margin-left: -2em;
	padding-right: 3em;
}

ul#upper_nav li a{
	background-image: url(../images/tab_left_top.png);
	background-repeat: no-repeat;
	color: #666;
	display: block;
	height: 5em;
	font-weight: bold;
	padding-left: 3em;
	text-decoration: none;
}

ul#upper_nav li a:hover, ul#upper_nav li.active a {
	color: #ED1C24;
}

ul#upper_nav li a span {
	background-image: url(../images/tab_bottom.png);
	background-repeat: repeat-x;
	display: block;
	font-size: 1.4em;
	line-height: 3.5em;
}


/* Body */

div#body {
	clear: both;
	float: left;
	width: 98em;
}

/* Left Column */

div#left_column {

	min-height: 100px;
	float: left;
	margin-left: 4em;
	margin-top: 4em;
	width: 53em;
}

ul#breadcrumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 4em;
}

ul#breadcrumbs li {
	float: left;
	font-size: 1.2em;
	padding-left: .5em;
}

ul#breadcrumbs li span {
	padding-left: .4em;
}

ul#breadcrumbs li a {
	color: #ED1C24;
	font-weight: bold;
	text-decoration: none;
}

ul#breadcrumbs li a:hover {
	color: #666;
}

div#left_column p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 0;
}

div.entry {
	clear: both;
	float: left;
	padding-bottom: 6em;
	width: 53em;
}

div.entry div.thumbnail {
	float: left;
	width: 15em;
}

div.entry div.thumbnail img {
	border: 1px solid #ddd;
	width: 15em;
}

div.entry div.info {
	float: right;
	width: 36em;
}

div.entry div.date {
	background-image: url(../images/blog_enclosure.gif);
	background-repeat: no-repeat;
	float: right;
	height: 43px;
	width: 62px;
}

div.entry div.date span {
	display: block;
	padding-top: .4em;
	text-align: center;
}

div.entry div.info h2 {
	border-bottom: 1px solid #C1C1C1;
	font-size: 1.6em;
	padding-bottom: .2em;
	margin-top: 0;
	margin-bottom: .3em;
}

div.entry div.info h2 a {
	color: #ED1C24;
	text-decoration: none;
}

div.entry div.info h2 a:hover {
	color: #666;
}

div.entry div.info h3 {
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: .5em;
}

div.entry div.info p.more {
	text-align: right;
}

div.entry div.info p.more a {
	color: #ED1C24;
	text-decoration: none;
	text-transform: uppercase;
}

div.entry div.info p.more a:hover {
	color: #666;
}

hr {
	background: #C1C1C1;
	border-top: 1px solid #C1C1C1;
	clear: both;
	color: #C1C1C1;
	height: 0px;
}

div.entry ul.stats {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.entry ul.stats li {
	border-right: 1px solid #C1C1C1;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
}

div.entry ul.stats li.first {
	padding-left: 0;
}

div.entry ul.stats li.last {
	border: 0;
	padding-right: 0;
}

/* Pagination */

ul.pagination {
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.pagination li {
	float: left;
	padding-left: .5em;
	padding-right: .5em;
}

ul.pagination li a {
	display: block;
	height: 2em;
	line-height: 2em;
	text-align: center;
	width: 2em;
}

ul.pagination li.here a {
	background-color: #ED1C24;
	color: #fff;
}

ul.pagination li.next a, ul.pagination li.end a {
	width: 3em;
}

/* Details Page */

h1.detail {
	border-bottom: 1px solid #C1C1C1;
	font-size: 2em;
	margin-bottom: .4em;
	padding-bottom: .3em;
}

h2.detail {
	font-size: 1.6em;
}

div.detail_date {
	background-image: url(../images/blog_enclosure.gif);
	background-repeat: no-repeat;
	float: right;
	height: 43px;
	margin-top: 1em;
	width: 62px;
}

div.detail_date span {
	display: block;
	padding-top: .3em;
	text-align: center;
}

span.image_left {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}

span.image_right {
	display: block;
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
}

span.image_left span.caption, span.image_right span.caption {
	display: block;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	margin-top: .5em;
	padding: 1em;
	padding-bottom: 1.5em;
	text-align: center;
}

ul#social_sharing {
	list-style-type: none;
	margin: 0;
	margin-top: 2em;
	padding: 0;
	width: 53em;
}

ul#social_sharing li {
	padding-bottom: 2em;
}

ul#social_sharing li.first {
	float: left;
}

ul#social_sharing li.last {
	float: right;
}

ul#social_sharing h2 {
	float: left;
	font-size: 1.4em;
	margin: 0;
	padding-right: 1em;
}

ul#social_sharing form {
	display: inline;
}

div.hiddenFields {
	display: inline;
}

/* Right Column */

div#right_column {
	min-height: 100px;
	float: right;
	margin-right: 4em;
	width: 30em;
}

div#search {
	background-image: url(../images/mediabox_tile.gif);
	background-repeat: repeat-y;
	border: 1px solid #ddd;
	border-top: 0;
	float: left;
	padding: 4em;
	width: 24.7em;
}

div#search input[type=text] {
	background-image: url(../images/input_tile.gif);
	border-color: #B1B1B2 #D3D5D6 #D3D5D6 #777777;
	background-repeat: repeat-x;
	border-right: 1px solid #D3D5D6;
	border-style: solid;
	border-width: 1px;
	color: #666;
	float: left;
	font-size: 1em;
	height: 2.1em;
	margin: 0;
	padding: .3em 0 0 .5em;
	width: 21em;
}

div#search input[type=submit] {
	background-color: #ED1C24;
	background-image: url(../images/btn_search.gif);
	background-position: center top;
	border: 1px solid #ED1C24;
	float: left;
	height: 2.2em;
	padding: 0;
	width: 2.4em;
}

div#social_media {
	background-image: url(../images/mediabox_tile.gif);
	background-repeat: repeat-y;
	border: 1px solid #ddd;
	float: left;
	margin-top: 4em;
	padding: 4em;
	width: 24.7em;
}

div#social_media ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#social_media ul li {
	
}

div#social_media ul li a {
	background-position: left center;
	background-repeat: no-repeat;
	color: #666;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	padding-left: 3em;
	text-decoration: none;
}

div#social_media ul li a:hover {
	color: #ED1C24;
}



div#twitter_feed {
	background-image: url(../images/mediabox_tile.gif);
	background-repeat: repeat-y;
	border: 1px solid #ddd;
	float: left;
	margin-top: 4em;
	padding: 4em;
	width: 24.7em;
}

div#quote {
	background-image: url(../images/mediabox_tile.gif);
	background-repeat: repeat-y;
	border: 1px solid #ddd;
	float: left;
	margin-top: 4em;
	padding: 4em;
	width: 24.7em;
}

div#quote blockquote {
	background:url(../images/quote_left.gif) no-repeat scroll left top transparent;
	margin: 0;
}

div#quote blockquote div {
	background:url("../images/quote_right.gif") no-repeat scroll right bottom transparent;
	font-size: 1.2em;
	padding:0 20px 0 30px;
}

div#quote blockquote {
	quotes:none;
}

div#quote .quote_author {
	font-size: 1.2em;
	margin-top:1em;
	text-align:right;
}

/* Footer */

ul#footer {
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0;
	margin-top: 4em;
	padding: 0;
	padding-bottom: 4em;
	width: 98em;
}

ul#footer li {
	border-right: 1px solid #666;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
}

ul#footer li.last, ul#footer li#copyright {
	border-right: 0px;
}

ul#footer li#copyright {
	float: right;
}

ul#footer li a {
	color: #666;
}

ul#footer li a:hover {
	color: #ED1C24;
}

/* Comments */

div.hr {
	border-top: 1px solid #C1C1C1;
	clear: both;
	height: 0;
	padding-bottom: 2em;
	margin-top: 2em;
}

h2#add_comment {
	text-align: right;
}

h2#add_comment a {
	color: #ED1C24;
	cursor: pointer;
}

h2#add_comment a:hover {
	color: #666;
}

div#toggle {
	/*display: none;*/
}

div.comment {
	clear: both;
	float: left;
	padding: 1em;
	width: 51em;
}

div.comment.odd {
	background-color: #eee;
}

div.comment.even {
	background-color: #e0e0e0;
}

div.count {
	float: right;
	font-size: 4em;
	font-weight: bold;
	text-align: right;
}

div.comment.odd div.count {
	color: #e0e0e0;
}

div.comment.even div.count {
	color: #eee;
}

div.comment div.author{
	float: left;
	width: 10em;
}

div.comment div.author img {
	border: 1px solid #C1C1C1;
}

div.comment div.text {
	float: right;
	width: 39em;
}

div.comment div.text h3 {
	font-size: 1.3em;
	margin-top: 0;
}

div.comment div.text p {
	width: 32em;
}

table.comments_form {
	width: 100%;
}

table.comments_form td.cell {
	padding: 1em;
}

/* Portfolio */

ul#portfolio {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#portfolio li {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

ul#porfolio li.first {
	clear: both;
}

ul#portfolio li.third {
	margin-right: 0;
}

ul#portfolio li a {
	
}

ul#portfolio li a img.thumb {
	border: 1px solid #DDDDDD;
	width: 160px;
}

h2.case_study {
	clear: both;
}

/* Subscribe Table */

table#subscribe_table, table#subscribe_response {
	padding: 10px;
}

table#subscribe_table td, table#subscribe_response td{
	padding: 10px;
	text-align: center;
}

table#subscribe_response {
	display: none;
}

/* Client List */

ul#client_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#client_list li {
	float: left;
	margin-right: 3.5em;
	margin-bottom: 3.5em;
	width: 10em;
}

ul#client_list li.one {
	clear: both;
}

ul#client_list li.four {
	margin: 0;
}

ul#client_list li img {
	width: 10em;
}

/* Popup */

div#popup {
	float: left;
}

/* Nav Column */ 
div#nav_column {
	float: left;
	width: 150px;
}

div#nav_column ul {
	width: auto !important;
}

div#nav_column ul li {
	background-image:  url(../images/menubox_li.png);
	background-repeat: repeat-y;
}

div#nav_column img {
	display: block;
}

/* Staff */

div#left_column_pop {
	float: left;
	width: 530px;
}

div.left_column.staff {
	clear: none !important;
	margin-top: 0 !important;
}

div.staff_info {
	background-image: url(../images/work_enclosure.gif);
	background-repeat: no-repeat;
	float: right;
	margin-top: .5em;
	padding-left: 2em;
}

div.staff h1.detail {
	padding-bottom: 0;
}

div.staff h2.detail {
	font-size: 1.4em;
	margin-bottom: .5em;
}

/* Work */

div.left_column.work {
	clear: none !important;
	margin-top: 0 !important;
}

a.popup_thumb, a.popup_cat {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 6px
}

a.popup_thumb img, a.popup_cat img {
	border: 1px solid #ccc;
}

/* Project */
#coda-nav-1 {
	padding-bottom: 40px;
}

div.project_info {
	background-image: url(../images/work_enclosure.gif);
	background-repeat: no-repeat;
	float: right;
	margin-top: .5em;
	padding-left: 2em;
}

div.left_column.work h1.detail {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: .7em;
	text-transform: uppercase;
}

div.project_info h2.detail {
	font-size: 1.2em;
	margin-bottom: .5em;
}

.scrollButtons {
	display: none;
}

/* About Us */

div#about_us_wrapper {
	font-size: 1.1em;
	width: 704px;
}

div#about_us_wrapper img {
	display: block;
}

div#about_us_left {
	float: left;
	width: 422px;
}

div#about_us_right {
	float: right;
	margin-top: -20px;
	width: 242px;
}

.ui-tabs-hide {
	display: none;
}

.ui-tabs-panel {
	clear: both;
}

ul#tab_nav {
	list-style-type: none;
	margin: 0;
	margin-bottom: 20px;
	margin-left: 50px;
	margin-top: 20px;
	padding: 0;
	padding-bottom: 10px;
}

ul#tab_nav li {
	border-right: 1px solid #666;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

ul#tab_nav li.last {
	border-right: 0;
}

ul#tab_nav li.ui-state-default a {
	color: #afb1b4;
}

ul#tab_nav li.ui-state-active a {
	color: #ED1C24;
	font-weight: bold;
}

div#about_us_box {
	background-image: url("../images/mediabox_tile.gif");
	background-position: center center;
	border: 1px solid #DDDDDD;
	padding: 20px;
	width: 200px;
}

ul.about_us_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.about_us_menu a {
	font-weight: bold;
	line-height: 20px;
}

#about_us_wrapper div.tab {
	height: 500px;
}