/*Reset default styles
-----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: #db3c2e;
	border-top: solid 16px #db3c2e;
	font-family:Arial;
}
#container_outside {

}
button {
	cursor:pointer;
}
strong {
	font-weight:bold;
}

/* BEGIN: generic classes
/*--------------------------*/
.clear {
	clear:both;
}
.italic {
	font-style:italic;
}
a.button, button.button {
	margin-left: 10px;
	line-height: 14px;
	width:46px;
	color: #fff;
	font: 10px Arial, Helvetica sans-serif;
	background: #7b221a;
	text-decoration: none;
	padding:0 3px;
	text-transform:uppercase;
	border:0;
}
a.button:hover, button.button:hover {
	background-color:#db3c2e;
}

/* Outside Containers */
.container {
	clear: left;
	text-align: center;
}
.container p {
	font: 12px Arial, Helvetica sans-serif;
	color: #000;
}
.container_header {
	text-align: center;
	background: #fff;
	height:193px;
	overflow:hidden;
}
.container_red_home {
	background: #db3c2e url(../images/bg_red_white_home.gif) repeat-x left top;;
}
.container_red {
	background: #db3c2e;
}
.container_black {
	background: #000;
}
.container_footer {
}
.inner {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#header {
	border-top: 15px;
	background: #fff;
	position:relative;
	height:193px;
	overflow:hidden;
}
#header_logo {
	float: left;
	margin-right: 70px;
}
#header_tag {
	float: right;
	margin-top: 30px;
}
#header h2 {
	text-indent:-9999px;
	position:absolute;
	width:642px;
	bottom:19px;
	left:260px;
}
/* BEGIN: navigation styles
/*------------------------*/
#navigation {
	width: 640px;
	margin-top: 6px;
	float: right;
}
#navigation ul {
	list-style: none;
	height: 9px;
}
#navigation li {
	float: left;
	display: block;
	text-indent: -9999em;
}
#navigation a {
	display: block;
	height: 9px;
	overflow:hidden;
}
#navigation li#home a {width:47px;background:transparent url(../images/menu_home.gif) no-repeat top left;}
#navigation li#home a:hover {background-position:0 -9px;}
#navigation li#about_us a {width:85px;background:transparent url(../images/menu_about_us.gif) no-repeat top left;}
#navigation li#about_us a:hover {background-position:0 -9px;}
#navigation li#services a {width:80px;background:transparent url(../images/menu_services.gif) no-repeat top left;}
#navigation li#services a:hover {background-position:0 -9px;}
#navigation li#works a {width:57px;background:transparent url(../images/menu_work.gif) no-repeat top left;}
#navigation li#works a:hover {background-position:0 -9px;}
#navigation li#snippets a {width:82px;background:transparent url(../images/menu_snippets.gif) no-repeat top left;}
#navigation li#snippets a:hover {background-position:0 -9px;}
#navigation li#awards a {width:72px;background:transparent url(../images/menu_awards.gif) no-repeat top left;}
#navigation li#awards a:hover {background-position:0 -9px;}
#navigation li#bottom_drawer a {width:129px;background:transparent url(../images/menu_bottom_drawer.gif) no-repeat top left;}
#navigation li#bottom_drawer a:hover {background-position:0 -9px;}
#navigation li#contact_us a {width:87px;background:transparent url(../images/menu_contact_us.gif) no-repeat top left;}
#navigation li#contact_us a:hover {background-position:0 -9px;}

/* BEGIN: main content
/*------------------------*/
/* home styles */
.home #navigation #home a {
	background-position:0 -9px;
}
.home .container_header {
	height:240px;
	overflow:hidden;
}
.home #header {
	height:240px;
}
.home #header h2 {
	float: left;
	margin-top: 30px;
	text-indent: -9999em;
	position:static;
	width: 545px; 
	height: 126px;
	background: url(../images/h2_home.gif) no-repeat left top;
}
#home_client_art_collage p {
	margin-left: 30px;
}
#home_teaser_snippets_and_awards {
	height: auto;
	overflow:hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left:55px;
	background: url(../images/bg_red_home.gif) no-repeat left top;
}
#home_teaser_friday {
	float: left;
	width: 640px;
}
#home_teaser_friday .button {
	float: left;
	margin-top: 25px;
}
#home_teaser_snippet_featured {
	clear: left;
	padding-top: 25px;
	height:auto;
	overflow:hidden;
}
#home_teaser_snippet_featured .feature {
	float:left;
	width:200px;	
	padding-right:13px;
}
#home_teaser_snippet_featured h3 {
	font: 14px Arial, Helvetica sans-serif;
	color: #000;
	font-weight: bold;
}
#home_teaser_snippet_featured h3 span {
	display:block;
}
#home_teaser_snippet_featured h4 {
	font: 13px Arial, Helvetica sans-serif;
	color: #fff;
	font-weight: bold;
}
#home_teaser_snippet_featured a {
	color: #fff;
	text-decoration: none;
	font: 13px Arial, Helvetica sans-serif;
}
#home_teaser_snippet_featured a:hover {
	text-decoration: underline;
}
#home_teaser_awards {
	float: left;
	width: 260px;
}
#home_teaser_awards .button {
	float: left;
	margin-top: 25px;
	font-size:10px;
	font-weight:normal;
}
#home_teaser_awards img {
	clear:left;
	display:block;
	padding-top:28px;
}
#home_teaser_awards p {
	clear:left;
	padding-top:16px;
	font-size:13px;
	font-weight:bold;
}
#home_teaser_drawer p {
	float:left;
	color:#db3c2e;
	width:386px;
	padding-left:32px;
	padding-bottom:25px;
}
#home_teaser_drawer .more {
	float:left;
}
.home #homeFlash {
	clear:left;
	height:110px;
	width:215px;
	position:relative;
	top:7px;
}

/* about us styles */
.about_us a {
	color:#fff;
}
.about_us a:hover {
	text-decoration:none;
}
.about_us a.red {
	color:#DB3C2E;
}
.about_us #navigation #about_us a {
	background-position:0 -9px;
}
.about_us .container_header h2 {
	background:url(/images/h2_about.gif) no-repeat top left;
	height:80px;
}
#about_us_introduction {
	width:857px;
	padding-top:20px;
	color:#fff;
	font-size:15px;
	margin:0 auto;
	line-height:22px;
}
#about_us_team_text {
	width:857px;
	margin:0 auto;
	padding-bottom:42px;
}
#about_us_team_text h3 {
	text-indent:-9999px;
	width:161px;
	height:30px;
	background:url(/images/h3_team.gif) no-repeat top left;
	margin-bottom:15px;
	margin-top:42px;
}
#about_us_team_text p {
	padding-top:18px;
	color:#fff;
	font-size:15px;
	line-height:22px;
}
.about_us_bio_odd {
	background-color:#000;
	color:#fff;
}
.bio_cont {
	width:857px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:23px;
	height:auto;
	overflow:hidden;
}
.bio_cont .about_us_bio_image {
	float:left;
	padding-right:25px;
}
.bio_cont h3 {
	font-size:19px;
}
.bio_cont h4 {
	font-size:13px;
	font-style:italic;
}
.bio_cont p {
	padding-top:25px;
	margin-left:192px;
	line-height:20px;
	font-size:13px;
}

/* services styles */
.services #navigation #services a {
	background-position:0 -9px;
}
.services .container_header h2 {
	background:url(/images/h2_services.gif) no-repeat top left;
	height:84px;
}
.services #header h2 {
	bottom:14px;
}
#services_introduction {
	width:857px;
	padding-top:20px;
	color:#fff;
	font-size:15px;
	margin:0 auto;
	line-height:22px;
}
#servicesCont {
	width:857px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin-top:22px;
}
.servicesCol {
	width:206px;
	height:auto;
	overflow:hidden;
	border-top:11px solid #000;
	margin-right:4px;
	padding-right:4px;
	float:left;
}
#branding_and_visual_id h2, #advertising_and_print_design h2, #marketing h2, #interactive h2 {
	width:210px;
	height:57px;
	text-indent:-9999px;
	background:url(/images/h3_branding.gif) no-repeat top left;
	margin-bottom:13px;
}
#advertising_and_print_design h2 {
	background:url(/images/h3_advertising.gif) no-repeat top left;
}
#marketing h2 {
	background:url(/images/h3_marketing.gif) no-repeat top left;
}
#interactive h2 {
	background:url(/images/h3_interactive.gif) no-repeat top left;
}
.services_column p {
	line-height:18px;
	font-size:13px;
	color:#fff;
}
.keyterms {
	color:#000;
	padding-top:35px;
	margin-bottom:35px;
	font-size:13px;
}

/* work styles */
.works #navigation #works a {
	background-position:0 -9px;
}
.works .container_header h2 {
	background:url(/images/h2_work.gif) no-repeat top left;
	height:29px;
}

.workBlock {
    background:transparent url(/images/hr.png) no-repeat scroll 65px 0;
    clear:left;
    font-family:Arial;
    height:auto;
    margin:0pt auto 25px;
    padding-top:24px;
    position:relative;
    width:931px;
	padding-left:75px;
	overflow:hidden;
}

.workBlock.first {
	background:none;
}
.workBlock .image.first {
	display:block;
}
.workBlock .image img {
	width:342px;
	height:239px;
	padding-bottom:20px;
}
.workBlock .image {
	float:left;
	padding-right:15px;
	height:auto;
	overflow:hidden;
}
.workBlock .summary {
	width:255px;
	padding-right:38px;
	float:left;
	font-size:13px;
}
.workBlock h3 {
	font-size:25px;
	padding-bottom:5px;
}
.workBlock .summary p {
	color:#fff;
	line-height:18px;
	font-size:13px;
}
.workBlock .url {
	padding:22px 38px 35px 0;
	width:255px;
}
.workBlock .url a {
	color: #000;
	text-decoration:none;
}
.workBlock .url a:hover {
	color: #fff;
	text-decoration:underline;
}
.workBlock div.works .button {
	top:270px;
    left:301px;
    margin:0pt;
    position:absolute;
    width:auto;
}

.workBlock .actions {
	width:210px;
	height:auto;
	overflow:hidden;
	float:right;
	margin-top:0px;
	list-style:none;
	padding-right:70px;
	font-size:13px;
}
.workBlock .actions  b {
	display:none;
}

/* snippet styles */
.snippets #navigation #snippets a {
	background-position:0 -9px;
}
.snippets .container_header h2 {
	background:url(/images/h2_snippets.gif) no-repeat top left;
	height:29px;
}
#snippetsCont {
	padding-top:24px;
	width:857px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font-family:Arial;
}
#snippetCol {
	width:643px;
	height:auto;
	overflow:hidden;
	float:left;
}
#snippetCol h3 {
	font-size:21px;
}
#snippetCol h4 {
	font-size:13px;
	font-style:italic;
}
#snippetCol p {
	color:#fff;
	font-size:13px;
	line-height:20px;
	padding-top:25px;
	padding-bottom:20px;
	padding-right:23px;
}
#snippetCol p b {
	color:#000;
	padding-right:15px;
}
#snippets_sidebar {
	float:left;
	width:214px;
}
#snippets_sidebar h3 {
	margin-bottom:15px;
	padding-left:10px;
}
#snippets_sidebar h3.active {
	background:url(/images/snippetBullet.jpg) no-repeat 0 7px;
}
#snippets_sidebar h3.active a {
	color:#fff;
}
#snippets_sidebar h3 a {
	font-size:14px;
	color:#000;
	text-decoration:none;
	line-height:14px;
}
#snippets_sidebar h3 a:hover {
	color:#fff;
}
#snippets_sidebar h3 a span {
	display:block;
	font-style:italic;
}
#snippets_sidebar h4 {
	font-size:14px;
	padding-top:15px;
}

/*awards styles */
.awards #navigation #awards a {
	background-position:0 -9px;
}
.awards .container_header h2 {
	background:url(/images/h2_awards.gif) no-repeat top left;
	height:59px;
}
#awardsCont {
	width:869px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font-family:Arial;
	padding-bottom:14px;
}
#awardsCont div.list.awards {
	float:left;
}
.list {
	width:640px;
	margin-right:13px;
}
.list .first img {
	border-top:18px solid #000;
}
.list img {
	border-right:1px solid #000;
	float:left;
	margin-right:12px;
}
.list div.award {
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	height:auto;
	overflow:hidden;
	clear:left;
	float:left;
}
.list h2 {
	font-size:17px;
	color:#fff;
	line-height:21px;
	padding-top:20px;
}
.list .first h2 {
	padding-top:38px;
}
.list h3 {
	font-size:14px;
	color:#fff;
	line-height:21px;
}
.list .date {
	font-style:italic;
	font-size:13px;
	line-height:17px;
	padding-bottom:0;
}
.list p {
	padding-right:15px;
	line-height:17px;
	font-size:13px;
	float:left;
	width:405px;
	padding-bottom:15px;
}
.award .awardContent {
	float:left;
}
.awards div.award {
	width:639px;
}
#side_bar_list.awards div.award {
	width:216px;
}
#side_bar_list {
	float:left;
	width:216px;
	height:auto;
	overflow:hidden;
	border-top:18px solid #000;
	padding-top:24px;
}
#side_bar_list #recognition {
	font-size:17px;
	color:#fff;
	padding-bottom:14px;
}
#side_bar_list h3 {
	font-size:13px;
	color:#fff;
}
#side_bar_list h4 {
	font-size:13px;
	color:#000;
}
#side_bar_list h5 {
	font-style:italic;
	font-size:13px;
}

/* bottom drawer styles */
.bottom_drawer #navigation #bottom_drawer a {
	background-position:0 -9px;
}
.bottom_drawer .container_header h2 {
	background:url(/images/h2_bottom_drawer.gif) no-repeat top left;
	height:59px;
}
.bottom_drawer .summary {
	width:520px;
	padding-left:0px;
	float:right;
}

/* contact us styles */
.contact_us #navigation #contact_us a {
	background-position:0 -9px;
}
.contact_us .container_header h2 {
	background:url(/images/h2_contact.gif) no-repeat top left;
	height:36px;
}
#contact_us_inquiries_form {
	width:857px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:25px;
}
#contact_us_inquiries_form h2 {
	width:128px;
	height:21px;
	background:url(/images/h2_inquiries.gif) no-repeat top left;
	margin-top:24px;
	margin-bottom:20px;
	text-indent:-9999px;
}
#contact_us_inquiries_form p {
	font-size:15px;
	color:#fff;
	padding-bottom:18px;
}
.contact_us fieldset {
	float:left;
	margin-right:36px;
}
.contact_us form label {
	color:#000;
	font-size:13px;
	display:block;
	line-height:22px;
}
.contact_us form input {
	width:292px;
	background-color:#fff;
	border:0;
	margin-bottom:13px;
}
.contact_us form textarea {
	width:525px;
	height:118px;
	border:0;
	overflow:hidden;
}
.contact_us #messageCont {
	margin:0;
	margin-bottom:17px;
}
.contact_us form button {
	clear:left;
	margin:0;
}
#contact_us_locations {
	background-color:#000;
}
#locationsCont {
	width:857px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#contact_us_locations h2 {
	margin-top:20px;
	margin-bottom:20px;
	width:135px;
	height:20px;
	background:url(/images/h2_locations.gif) no-repeat top left;
	text-indent:-9999px;
}
#contact_us_locations_la {
	float:left;
	margin-right:70px;
	margin-bottom:37px;
}
#contact_us_locations_sd {
	float:left;
	margin-top:60px;
}
#contact_info_la, #contact_info_sd {
	color:#db3c2e;
	font-size:12px;
	line-height:16px;
	float:left;
}
#contact_info_la h3, #contact_info_sd h3 {
	color:#fff;
	font-size:15px;
	line-height:22px;
	margin-bottom:15px;
}
#contact_info_la a, #contact_info_sd a {
	color:#fff;
	text-decoration:none;
}
#contact_info_la a:hover, #contact_info_sd a:hover {
	text-decoration:underline;
}
#contact_us_locations_la_map, #contact_us_locations_sd_map {
	padding:69px 0px 0 32px;
	width:200px;
	float:left;
}
#contact_us_careers {
	width:857px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:25px;
}
#contact_us_careers h2 {
	width:113px;
	height:20px;
	background:url(/images/h2_careers.gif) no-repeat top left;
	text-indent:-9999px;
	margin-top:27px;
	margin-bottom:21px;
}
#contact_us_careers .byline {
	font-size:15px;
	line-height:16px;
	color:#fff;
}
#contact_us_careers .career_item_left, #contact_us_careers .career_item_right {
	width:auto;
	margin-top:17px;
	margin-right:23px;
	border-top:1px solid #000;
	font-size:12px;
	color:#000;
	line-height:16px;
	float:left;
}
#contact_us_careers .career_item_right {
	margin-right:0;
}
#contact_us_careers .career_item h3 {
	font-size:17px;
	line-height:16px;
	color:#fff;
	margin-top:13px;
	margin-bottom:16px;
}
#contact_us_careers .career_item p {
	padding-bottom:16px;
}
/* privacy policy */
.privacy_policy p {
	width:857px;
	font-size:15px;
	line-height:22px;
	margin:0 auto;
	color:#000;
	padding-top:0;
}
.privacy_policy ul {
	width:837px;
	font-size:15px;
	line-height:22px;
	margin:5px auto;
	color:#000;
	position:relative;
	left:20px;
}
.privacy_policy p.header {
	padding-top:20px;
}
.privacy_policy p strong {
	color:#fff;
}

/* BEGIN: footer styles
/*------------------------*/
#footer {
	height: 30px;
	margin-top: 10px;
	font:11px Arial, Helvetica sans-serif;
	color: #000;
	font-weight: bold;
}
#footer p {
	font:11px Arial, Helvetica sans-serif;
}
#footer a {
	font:11px Arial, Helvetica sans-serif;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	margin-right:15px;
}
#footer a:hover {
	color:#fff;
}
.copyright {
	float: right;
}

.home h3#snippets {
	float: left;
	margin-top: 20px;
	text-indent: -9999em;
	width: 115px; height: 18px;
	background: url(../images/hdr_snippets.gif) no-repeat left top;
}
.home h3#awards {
	margin-top: 20px;
	text-indent: -9999em;
	width: 101px; height: 18px;
	background: url(../images/hdr_awards.gif) no-repeat left top;
	float:left;
}
.entry_side_bar {
	margin-bottom:15px;
}


/* hacks */
* html .workBlock {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hr.png", sizingMethod="crop");
}
* html .bottom_drawer .workBlock {
	height:195px;
}
* html .workBlock a.lightbox {
	width:110px !important;
}
* html .workBlock a.lightbox:hover {
	width:110px !important;
}
* html .workBlock .summary {
	padding-right:0px !important;
	position:relative;
}
* html .workBlock .url {
	position:relative;
	padding-right:0;
}
* html .workBlock .summary p {
	position:relative;
}
* html .workBlock {
	overflow:visible;
}