/*--- General ---*/

* {
	padding:0;
	margin:0;
}

html {
	padding:0;
	margin:0;
}

body {
	padding:0;
	margin:0;
}

h1 {
	font:bold 23px arial, helvetica, sans-serif;
	line-height:1em;
	text-transform:uppercase;
	color:#020202;
	padding:0 0 5px 0;
	margin:0;
}

h2 {
	font:normal 21px arial, helvetica, sans-serif;
	line-height:1.3em;
	text-transform:uppercase;
	color:#020202;
	padding:0;
	margin:0;
}

h3 {
	font:normal 21px arial, helvetica, sans-serif;
	line-height:1em;
	text-transform:uppercase;
	color:#920202;
	padding:0 0 20px 0;
	margin:0;
}


p { 
	font:normal 12px arial, helvetica, sans-serif;
	line-height:1.7em;
	color:#020202;
	padding:0 0 20px 0;
	margin:0;
}

p.subtitle {
	font:normal 12px arial, helvetica, sans-serif;
	line-height:1.7em;
	text-transform:uppercase;
	color:#5f5e5e;
	margin:-20px 0 0 0;
}

a {
	font:normal 10px arial, helvetica, sans-serif;
	color:#920202;
	outline:none;
	text-decoration:underline;
	padding:0;
	margin:0;
}

a:hover { 
	text-decoration:underline;
}

img {
	display:block;
	padding:0;
	margin:0;
}

a img {
	border:0;
	outline:none;
}

hr {
	border:none 0;
	border-top:1px solid #8b817f;
	height:1px;
	padding:0;
	margin:0 0 5px 0;
}

ul {
	list-style:none;
}

li { 
	font:normal 11px arial, helvetica, sans-serif;
	line-height:1.5em;
	color:#020202;
	padding:0 0 20px 0;
	margin:0;
}

li a { 
	color:#020202;
}

blockquote {
	font:normal 22px arial, helvetica, sans-serif;
	line-height:1em;
	text-transform:uppercase;
	color:#920202;
	padding:0 0 2px 0;
}

:focus {
	outline:none;
}

.clearer {
	clear:both;
}

/*--- Layout ---*/

#wrapper { 
	width:960px;
	position:relative;
	padding:0;
	margin:0;
}

#logo {
	width:91px;
	height:97px;
	position:fixed;
	top:0;
	left:30px;
	z-index:999;
	padding:0;
	margin:0;
}

#header {
	width:805px;
	height:97px;
	background:url("../images/background_header.png") top left repeat-y;
	position:fixed;
	top:0;
	left:0;
	padding:0 0 0 155px;
	margin:0;
	z-index:3;
}



/*--- Navigation ---*/

#navigation {
	width:795px;
	float:left;
	padding:61px 0 0 0;
	margin:0;
}

#navigation li {
	float:left;
	list-style:none;
	position:relative;
	padding:0;
	margin:0;
}

#navigation li a {
	font:normal 15px verdana, helvetica, arial, sans-serif;	
	color:#6d6c6f;
	line-height:1.3em;
	text-decoration:none;
	text-indent:-999999px;
	display:block;
	padding:0;
	margin:0;
}

#navigation li a.navigation_capabilities {
	width:141px;
	height:18px;
	background:url("../images/navigation_capabilities.png") top left no-repeat;
	padding:0;
	margin:0 3px 0 0;
}

#navigation li a.navigation_work {
	width:62px;
	height:18px;
	background:url("../images/navigation_work.png") top left no-repeat;
	padding:0;
	margin:0 0 0 3px;
}

#navigation li a.navigation_team {
	width:55px;
	height:18px;
	background:url("../images/navigation_team.png") top left no-repeat;
	padding:0;
	margin:0 0 0 21px;
}

#navigation li a.navigation_blog {
	width:55px;
	height:18px;
	background:url("../images/navigation_blog.png") top left no-repeat;
	padding:0;
	margin:0 0 0 14px;
}

#navigation li a.navigation_results {
	width:91px;
	height:18px;
	background:url("../images/navigation_results.png") top left no-repeat;
	z-index:1;
	padding:0;
	margin:0 0 0 13px;
}

#navigation li a.navigation_howweredifferent {
	width:254px;
	height:18px;
	background:url("../images/navigation_howweredifferent.png") top left no-repeat;
	padding:0;
	margin:0 0 0 -3px;
}

#navigation li a:hover, #navigation li:hover a {
	background-position:0 -18px;
	z-index:999;
}

#navigation li a.over {
	background-position:0 -18px;
	z-index:999;
}

.popup {
	width:86px;
	height:34px;
	background:url("../images/navigation_quote.png") top left no-repeat;
	display:none;
	font:normal 10px arial, helvetica, sans-serif;
	line-height:1.2em;
	color:#fff;
	padding:5px 6px 5px 6px;
	margin:0;
	position:absolute;
	top:-35px;
	left:10px;
	z-index:5;
}

/*--- Content ---*/

#content_wrapper {
	width:831px;
	position:absolute;
	top:107px;
	left:0;
	padding:0;
	margin:0;
	z-index:2;
}

.border {
	width:821px;
	background:url("../images/border.jpg") top right no-repeat;
	position:relative;
	padding:0 10px 0 0;
	z-index:1;
}

#content {
	width:520px;
	float:left;
	padding:0 60px 0 20px;
	margin:0 0 15px 0;
}

#content_client {
	width:420px;
	height:272px;
	float:right;
	text-align:right;
	position:relative;
	z-index:2;
	padding:35px 0 20px 0;
	margin:0;
}

.client_description { 
	font:normal 15px arial, helvetica, sans-serif;
	line-height:1.5em;
	text-transform:uppercase;
	color:#920202;
	padding:0 0 20px 0;
	margin:0;
}

.client_navigation {
	font:bold 11px arial, helvetica, sans-serif;
	line-height:1.5em;
	text-transform:uppercase;
	color:#8b817f;
}

#content_alsoatkelsey {
	width:160px;
	float:right;
	text-align:right;
	position:relative;
	z-index:2;
	padding:0;
	margin:0;
}

/*--- Work ---*/

#content_inner {
	width:790px;
	padding:0 0 0 30px;
	margin:0;
}

#sortby {
	width:348px;
	height:8px;
	background:url("../images/worknavigation_sortby.gif") top left no-repeat;
	padding:0 0 20px 52px;
	margin:0 0 0 273px;
}

#sortby li {
	float:left;
	list-style:none;
	padding:0;
	margin:0 15px 30px 0;
}

#sortby li a {
	font:normal 15px verdana, helvetica, arial, sans-serif;	
	color:#6d6c6f;
	line-height:1.3em;
	text-decoration:none;
	text-indent:-999999px;
	display:block;
	position:relative;
	padding:0;
	margin:0;
}

#sortby li a.worknavigation_nonprofit {
	width:56px;
	height:8px;
	background:url("../images/worknavigation_nonprofit.gif") top left no-repeat;
	padding:0;
	margin:0;
}

#sortby li a.worknavigation_tourism {
	width:45px;
	height:8px;
	background:url("../images/worknavigation_tourism.gif") top left no-repeat;
}

#sortby li a.worknavigation_hr {
	width:13px;
	height:8px;
	background:url("../images/worknavigation_hr.gif") top left no-repeat;
}

#sortby li a.worknavigation_realestate {
	width:63px;
	height:8px;
	background:url("../images/worknavigation_realestate.gif") top left no-repeat;
}

#sortby li a.worknavigation_service {
	width:44px;
	height:8px;
	background:url("../images/worknavigation_service.gif") top left no-repeat;
}

#sortby li a:hover {
	background-position:0 -8px;
}

.work_row {
	width:790px;
	border-bottom:1px solid #000;
	padding:0 0 4px 0;
	margin:0 0 20px 0;
}

.work_row li {
	float:left;
	list-style:none;
}

.work_row li a img {
	padding:0 0 3px 0;
}

.work_row li.work_box1 {
	width:154px;
	height:120px;
	border-right:1px solid #000;
	position:relative;
	padding:0;
	margin:0;
}

.work_row li.work_box1 a {
	width:154px;
	height:120px;
	display:block;
	padding:0;
	margin:0 
}

.work_row li.work_box2 {
	width:155px;
	height:120px;
	border-right:1px solid #000;
	position:relative;
	padding:0 0 0 4px;
	margin:0;
}

.work_row li.work_box2 a {
	width:155px;
	height:120px;
	display:block;
	margin:0;
}

.work_row li.work_box3 {
	width:155px;
	height:120px;
	border-right:1px solid #000;
	position:relative;
	padding:0 0 0 4px;
	margin:0;
}

.work_row li.work_box3 a {
	width:159px;
	height:120px;
	display:block;
	padding:0;
	margin:0;
}

.work_row li.work_box4 {
	width:155px;
	height:120px;
	border-right:1px solid #000;
	position:relative;
	padding:0 0 0 4px;
	margin:0;
}

.work_row li.work_box4 a {
	width:155px;
	height:120px;
	display:block;
	padding:0;
	margin:0;
}

.work_row li.work_box5 {
	width:151px;
	height:120px;
	position:relative;
	padding:0 0 0 4px;
	margin:0;
}

.work_row li.work_box5 a {
	width:151px;
	height:120px;
	display:block;
	padding:0;
	margin:0;
}

.work_row li a {
	color:#6b6b6b;
}

.work_row li a:hover {
	background:url("../images/work_hoverstate.png") top left no-repeat;
	text-decoration:none;
	color:#920202;
}

.work_row li a.worknavigation_hover {
	background:url("../images/work_hoverstate.png") top left no-repeat;
	color:#920202;
}

.work_row li p {
	margin:0;
	padding:0 0 0 5px;
	display:inline;
}

.work_row li.work_box1 .sortbyname {
	width:150px;
	height:100px;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

.work_row li.work_box1 .sortbyname p {
	width:145px;
	height:20px;
	background:url("../images/background_sortbyname.png") top left no-repeat;
	display:none;
	color:#fff;
	overflow:hidden;
	position:absolute;
	top:111px;
	right:0;
	z-index:2;
	padding:5px 0 0 5px;
}

.work_row li .sortbyname {
	width:151px;
	height:100px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:0;
	left:4px;
}

.work_row li .sortbyname p {
	width:146px;
	height:20px;
	background:url("../images/background_sortbyname.png") top left no-repeat;
	display:none;
	color:#fff;
	overflow:hidden;
	position:absolute;
	top:111px;
	right:0;
	z-index:2;
	padding:5px 0 0 5px;
}

/*--- Work Detail ---*/

#header_workdetail {
	width:696px;
	height:71px;
	background:url("../images/header_transparent.png") top left no-repeat;
	font:bold 44px arial, helvetica, sans-serif;
	line-height:0.6em;
	text-align:left;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	padding:30px 20px 0 91px;
}

#workdetail_intro {
	width:790px;
	float:right;
	border-bottom:1px solid #cccccc;
	position:relative;
	padding:15px 0 20px 0px;
	margin:0 0 50px 0;
}

#workdetail_visitthesites {
	width:250px;
	background:url("../images/background_visitthesites.png") top left;
	position:absolute;
	top:86px;
	left:91px;
	z-index:2;
	padding:5px 20px 20px 30px;
}

#workdetail_visitthesites h2 {
	font:normal 15px arial, helvetica, sans-serif;
	line-height:1em;
	text-transform:uppercase;
	color:#920202;
	padding:0 0 5px 0;
}

#workdetail_visitthesites a {
	display:block;
	line-height:1.7em;
	color:#fff;
}

#workdetail_description {
	width:690px;
	padding:0 0 0 100px;
}

#workdetail_slider {
	width:790px;
	margin:0 0 20px 0;
}

.sliderGallery {
	width:790px;
	height:350px;
    background:#000;
    overflow:auto;
    position:relative;
}

.sliderGallery ul {
    position:absolute;
    list-style:none;
    white-space:nowrap;
    padding:0;
    margin:0;
}

.sliderGallery ul li {
    display:inline;
}

.sliderGallery ul li img {
    display:inline;
}

.sliderContainer {
    width:790px;
    height:23px;
    padding:0;
    position:absolute;
	top:327px;
	left:0;
}

.slider {
    width:604px;
    height:23px;
	background:url("../images/background_scrollbar.png") top left repeat-x;
    margin:0;
    position:absolute;
    left:93px;
}

.ui-slider-handle {
	width:140px;
    height:23px;
	background:#920202;
    position:absolute;
    cursor:move;
    top:0;
    margin:0 -70px;
    z-index:100;
}

.sliderContainer span.btn-left {
	width:23px;
	height:23px;
	float:left; 
	background:url("../images/workdetail_button_left.png") top left no-repeat;
	cursor:pointer; 
}

.sliderContainer span.btn-right {
	width:23px;
	height:23px;
	float:right; 
	background:url("../images/workdetail_button_right.png") top left no-repeat;
	cursor:pointer; 
}

.sliderContainer span.start {
	width:70px;
	height:23px;
	float:left;
	background:url("../images/background_scrollbar.png") top left repeat-x; 
}

.sliderContainer span.end { 
	width:70px;
	height:23px;
	float: right;
	background:url("../images/background_scrollbar.png") top left repeat-x; 
}

.slider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 2px;
}

.workdetail_content_right {
	width:360px;
	float:left;
	border-bottom:1px solid #cccccc;
	position:relative;
	padding:0 0 20px 430px;
	margin:0 0 50px 0;
}

.workdetail_content_left {
	width:330px;
	float:left;
	border-bottom:1px solid #cccccc;
	position:relative;
	padding:0 369px 20px 91px;
	margin:0 0 50px 0;
}

#mcstate_mccafe {
	position:absolute;
	bottom:-80px;
	left:0;
}

#mcstate_breakfastdollarmenu {
	position:absolute;
	bottom:50px;
	right:20px;
}

/*--- Blog ---*/

#blog_header {
	width:390px;
	float:left;
	background:#f2f2f2;
	position:relative;
	padding:20px 50px 10px 90px;
	margin:0 0 25px 10px;
}

#blog_header h1 {
	font:bold 50px arial, helvetica, sans-serif;
	line-height:0.8em;
	text-transform:uppercase;
	color:#575656;
	padding:0 0 3px 0;
}

#blog_header h2 {
	font:bold 22px arial, helvetica, sans-serif;
	line-height:1em;
	text-transform:uppercase;
	color:#575656;
	padding:0;
}

.blog_date {
	width:140px;
	height:24px;
	background:url("/images/blog_date.gif") top left no-repeat;
	font:normal 12px arial, helvetica, sans-serif;
	text-transform:uppercase;
	line-height:1.2em;
	color:#fff;
	position:absolute;
	bottom:30px;
	left:-10px;
	padding:0 0 0 100px;
}

#blog_content {
	width:400px;
	padding:0 0 0 100px;
}

#blog_content p {
	font:normal 12px arial, helvetica, sans-serif;
	line-height:1.6em;
	color:#000;
	padding:0 0 25px 0;
}

#blog_content p.byline {
	font-size:14px;
	text-transform:uppercase;
	color:#920202;
}

/*--- Capabilities ---*/

#header_capabilities {
	width:696px;
	height:83px;
	background:url("../images/header_transparent.png") top left no-repeat;
	font:bold 44px arial, helvetica, sans-serif;
	line-height:0.6em;
	text-align:left;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	padding:18px 20px 0 91px;
}

#capabilities_intro {
	width:340px;
	float:right;
	border-bottom:1px solid #cccccc;
	position:relative;
	padding:150px 0 20px 450px;
	margin:0 0 50px 0;
}

#capabilities_computer {
	width:459px;
	height:443px;
	position:absolute;
	bottom:0;
	left:-30px;
	z-index:1;
}

.capabilities_content {
	width:330px;
	float:left;
	border-bottom:1px solid #cccccc;
	position:relative;
	padding:0 369px 20px 91px;
	margin:0 0 50px 0;
}

#capabilities_branddevelopment {
	position:absolute;
	bottom:-20px;
	right:30px;
}

#capabilities_websiteandapplicationdevelopment {
	position:absolute;
	bottom:-50px;
	right:-55px;
}

/*--- Sidebar ---*/

#sidebar {
	width:220px;
	float:left;
	border-right:1px solid #000;
	padding:5px 10px 0 0;
	margin:0 0 0 0;
}

#sidebar p {
	text-align:right;
	padding:0 0 5px 0;
}

#latest_wrapper {
	width:220px;
	float:left;
	margin:0 0 10px 0;
}

.latest_entry_current {
	width:220px;
	display:block;
	margin:0 0 10px 0;
}

.latest_entry_old {
	width:220px;
	display:block;
	margin:0 0 10px 0;
}

.latest_entry_current .latest_date {
	width:42px;
	height:25px;
	float:left;
	background:url("/images/date_current.gif") top left no-repeat;
	font:normal 11px arial, helvetica, sans-serif;
	line-height:0.75em;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	padding:4px 0 0 0;
	margin:0 8px 0 0;
}

.latest_entry_old .latest_date {
	width:42px;
	height:25px;
	float:left;
	background:url("/images/date_old.gif") top left no-repeat;
	font:normal 11px arial, helvetica, sans-serif;
	line-height:0.75em;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	padding:4px 0 0 0;
	margin:0 8px 0 0;
}

#latest_wrapper a {
	font:normal 11px arial, helvetica, sans-serif;
	line-height:1.3em;
	text-decoration:none;
	color:#040404;
	display:block;
}

#latest_wrapper a:hover {
	text-decoration:underline;
}

.latest_entry_current .latest_date_number {
	font:normal 17px arial, helvetica, sans-serif;
	line-height:0.75em;
	color:#fff;
	display:block;
}

.latest_entry_old .latest_date_number {
	font:normal 17px arial, helvetica, sans-serif;
	line-height:0.75em;
	color:#000;
	display:block;
}

#filteredunder_wrapper {
	width:220px;
	height:27px;
	float:left;
	position:relative;
	margin:0 0 20px 0;
}

.js ul.newList {
	left:-9999px;
}

ul.newList * {
	padding:0;
	margin:0;
}

ul.newList {
	width:218px;
	list-style:none;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	position:absolute;
	top:27px;
	left:0;
	overflow:auto;
	z-index:9999;
}

.newListSelected {
	width:110px;
	height:21px;
	float:left;
	background:url("/images/filteredunder.gif") top left no-repeat;	
	color:#fff;
	cursor:pointer;
	padding:6px 0 0 110px;
}

.newListSelected span {
	width:220px;
	display:block;
}

ul.newList li {
	padding:3px 8px;
}

.selectedTxt {
	width:110px;
	height:21px;
	font:normal 14px arial, helvetica, sans-serif;
	overflow:hidden;
}

.hiLite {
	background:#920202!important;
	color:#fff!important;
}

.newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor:pointer;
}

.newListSelHover, .newListSelFocus {
	background-position:0 -27px;
	cursor:pointer;
}

.newListOptionTitle {
	font-weight:bold;
}

.newListOptionTitle ul {
	margin:3px 0 0 0;
}

.newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}

#quarterly_newsletter {
	width:220px;
	float:left;
	position:relative;
}

#quarterly_newsletter p {
	height:45px;
	font:normal 11px arial, helvetica, sans-serif;
	text-align:left;
	color:#818181;
}

#quarterly_newsletter .uppercase {
	text-transform:uppercase;
}

.quarterly_newsletter_inputfield {
	width:197px;
	height:18px;
	float:left;
	background:url("/images/quarterly_newsletter_inputfield.gif") top left no-repeat;
	font:italic 11px arial, helvetica, sans-serif;
	color:#818181;
	border:0;
	padding:5px 0 0 5px;
}

.quarterly_newsletter_submit {
	width:18px;
	height:23px;
	float:left;
}

#socialmedia {
	width:220px;
	float:right;
	padding:0;
	margin:30px 0 15px 0;
}

#socialmedia img {
	float:right;
	display:block;
	padding:0;
	margin:0 0 0 8px;
}

#footer_links {
	float:right;
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
}

#footer_links li {
	list-style:none;
	float:left;
	padding:0 0 0 10px;
	margin:0;
}

#footer_links li a {
	font:normal 15px verdana, helvetica, arial, sans-serif;	
	color:#6d6c6f;
	line-height:1.3em;
	text-decoration:none;
	text-indent:-999999px;
	display:block;
	position:relative;
	padding:0;
	margin:0;
}

#footer_links li a.navigation_careers {
	width:55px;
	height:10px;
	background:url("../images/navigation_careers.gif") top left no-repeat;
}

#footer_links li a.navigation_contact {
	width:54px;
	height:10px;
	background:url("../images/navigation_contact.gif") top left no-repeat;
}

#footer_links li a.navigation_recognition {
	width:80px;
	height:10px;
	background:url("../images/navigation_recognition.gif") top left no-repeat;
}

#footer_links li a:hover {
	background-position:0 -10px;
}

p#copyright {
	font:normal 11px arial, helvetica, sans-serif;
	line-height:1.3em;
	text-align:right;
	color:#9f9f9f;
	padding:0 0 5px 0;
}

#footer {
	width:220px;
	float:right;
}

/*--- Titles ---*/

#title_latest {
	width:41px;
	height:10px;
	text-indent:-99999px;
	background:url("/images/title_latest.gif") top left no-repeat;
	margin:0 0 15px 0;
}

/*--- Misc ---*/

.header_small {
	font:normal 24px arial, helvetica, sans-serif;
	padding:0;
	margin:0;
}


/*--- Background ---*/

#background {
	position:absolute;
	top:97px;
	left:0;
	z-index:1;
}

#background img {
	display:block;
	margin:0;
}