@media all {

	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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    	display:block;
    	margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
		outline: 0;
		background: transparent;
	}

	body {
		font-family: 'Droid Serif', serif; 
		color: #000;
		font-size: 14px; 
		background-color: #fff;
		line-height: 20px;
	}
	
	/* nav */
	
	nav {
		position: fixed;
		top: 225px;
		left: 100px;
		z-index: 50;
		width: 230px;
	}
	
	nav ul {list-style-type: none;}
	nav li {border-bottom: 1px solid #e2e2e2; font-size: 16px;}
	
	nav li a:link, #menu_1 li a:active, #menu_1 li a:visited {
		display: block;
		padding: 8px 0 8px 8px;
		color: #000;
		text-decoration: none;
		background-color: #fff;
	}
	
	nav li a:hover {background-color: #efefef;}
	
	nav #menu_top {
		height: 40px;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		background: #000;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#474747), to(#000));
		background: -moz-linear-gradient(top, #474747, #000);
		background: linear-gradient(#474747, #000);
		-pie-background: linear-gradient(#474747, #000);
		behavior: url(/pie/PIE.htc);
	}
	
	nav #menu_top a {text-decoration: none; display: block; height: 40px;}
	nav #menu_top_dummy {height: 40px;}
	
	nav img {padding: 8px 0 0 10px; float: left;}
	nav h5 {color: #fff; font-size: 16px; font-weight: normal; padding: 14px 0 0 3px; float: left;}
	
	nav #menu_bottom {
		height: 10px;
		background-color: #656565;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		behavior: url(/pie/PIE.htc);
	}
	
	/* header */
	
	header {width: 100%; background-color: #000;}
	
	#logo_container {
		height: 66px;
		width: 100%;
		background: #272727;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4d4d4d), to(#272727));
		background: -moz-linear-gradient(top, #4d4d4d, #272727);
		background: linear-gradient(#4d4d4d, #272727);
		-pie-background: linear-gradient(#4d4d4d, #272727);
		behavior: url(/pie/PIE.htc);
	}
	
	#logo {width: 940px; margin: 0 auto 0 auto;}
	#logo img {padding: 12px 0 0 6px; float: left;}
	#logo h1 {font-size: 26px; color: #fff; font-weight: normal; padding: 25px 0 0 4px; float: left;}
	
	#titles_container {height: 170px; width: 886px; margin: 0 auto 0 auto; padding: 0 24px 0 30px;}
	#titles h1 {font-size: 36px; color: #fff; padding: 66px 0 28px 0;}
	#titles h2 {font-size: 28px; color: #a70000;}
	
	/* #intro */
	
	#intro_container {background-color: #fff;}
	#intro {width: 586px; margin: 0 auto 0 auto; padding: 24px 24px 0 330px;}
	#intro h3 {color: #a70000; padding-top: 8px;}
	
	/* #ux */
	
	#ux_container {background-color: #2c2c2c; width: 100%;}
	#ux {width: 586px; margin: 0 auto 0 auto; padding: 24px 24px 0 330px;}
	#ux h2, #ux p, #ux ul {color: #fff;}
	#ux img#venn {padding: 16px 0 16px 100px;}
	#ux ul {padding: 8px 0 16px 16px;}
	#ux img#key {padding: 4px 8px 16px 0; float: left;}
	#ux p#moneyshot {font-size: 18px; padding: 16px 0 0 0;}
	
	/* #cases */
	
	#cases_container {background-color: #000; width: 100%; padding-bottom: 18px;}
	#cases_buffer {width: 626px; margin: 0 auto 0 auto; padding: 12px 9px 0 320px;}
	#cases {width: 625px;}
	
	#cases h2 {color: #fff; float: left; padding: 20px 0 0 10px;}
	#cases .silver_button {margin-left: 455px;}
	
	#cases ul {list-style-type: none; padding: 12px 0 18px 10px;}
	#cases li a:link, #cases li a:active, #cases li a:visited {
		padding: 4px 12px 6px 12px;
		margin: 0 12px 0 0;
		color: #fff;
		font-size: 18px;
		display: inline;
		float: left;
		text-decoration: none;
	}
	
	#cases li a:hover {
		color: #a70000;
		background-color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/pie/PIE.htc);
	}
	
	#cases .toggle_on {
		padding: 4px 12px 6px 12px;
		margin: 0 12px 0 0;
		color: #fff;
		font-size: 18px;
		float: left;
		color: #a70000;
		background-color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/pie/PIE.htc);
	}
	
	#cases .study {padding: 0 0 0 10px;}
	#cases h3 {color: #a70000;}
	#cases p {color: #fff;}
	#cases .study ul {width: 580px; color: #fff; list-style-type: square; padding-left: 16px;}
	#cases .study img {padding: 12px 0 0 0;}
	
	#cases .internal_nav_container {padding: 16px 0 24px 0;}
	#cases .internal_nav {width: 280px;}
	#cases .prev {float: left;}
	#cases .next {text-align: right; float: right; padding-right: 15px;}
	#cases .internal_nav a, #cases .study a {color: #a70000; text-decoration: none;}
	
	#cases #full_list {
		width: 595px;
		background-color: #ababab;
		padding-bottom: 25px;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		behavior: url(/pie/PIE.htc);
	}
	
	
	#cases #full_list h3 {padding: 16px 0 20px 10px;}
	#cases .list {border-bottom: 1px solid #a5a5a5; padding: 8px 0 0 10px;}
	#cases .list_r1 {background-color: #d7d7d7;}
	#cases .list_r2 {background-color: #eaeaea;}
	#cases .list_text {width: 440px; float: left;}
	#cases .list_tag {width: 58px; padding: 4px 0 0 72px; float: left;}
	#cases .list_text p {color: #333;}
	
	#cases .list_tag .agency {
		width: 45px;
		padding: 1px 6px 1px 6px;
		background-color: #769743;
		font-size: 12px;
		text-align: center;
		color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/pie/PIE.htc);
	}
	
	#cases .list_tag .client {
		width: 45px;
		padding: 1px 6px 1px 6px;
		background-color: #de5b28;
		font-size: 12px;
		text-align: center;
		color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/pie/PIE.htc);
	}
	
	#cases .list_tag .other {
		width: 45px;
		padding: 1px 6px 1px 6px;
		background-color: #3c88bd;
		font-size: 12px;
		text-align: center;
		color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/pie/PIE.htc);
	}
	
	#cases #full_list ul#agency_left {padding: 0 0 0 10px; float: left;}
	#cases #full_list ul#agency_right {padding: 0 0 0 40px; float: left;}
	
	#cases p.quote {
		color: #666;
		font-size: 12px;
		line-height: 17px;
		font-style: italic;
	}
	
	#cases div.study-icon_left {float: left; width: 150px;}
	#cases div.study-icon_right {float: left; width: 450px;}
	
	/* #about */
	
	#about_container {background-color: #a70000; width: 100%; padding-bottom: 26px;}
	#about {width: 586px; margin: 0 auto 0 auto; padding: 24px 24px 0 330px;}
	#about h2, #about h3, #about p, #about ul {color: #fff;}
	
	#about #about_left {width: 270px; padding: 0 40px 0 0; float: left;}
	#about #about_right {width: 276px; float: left;}
	
	#about #about_right h3 {color: #000;}
	#about #about_right ul {color: #000; list-style-type: none;}
	#about #about_right li {padding-bottom: 6px;}
	#about #download_icon {display: block; float: left; padding: 0; margin: 24px 10px 0 0;}
	#about h3.white {color: #fff !important; padding-top: 22px; line-height: 26px; float: left;}
	#about #about_right img {display: block; float: left; padding: 4px 0 0 0px;}
	#about #about_right .icon {padding: 0 10px 0 0;}
	#about #about_right a {text-decoration: none; padding: 0 0 0 0;}
	#about #about_right a .ttop {padding-top: 20px;}
	#about #about_right a .tbottom {padding-top: 8px;}
	
	/* #contact */
	
	#contact_container {background-color: #2c2c2c; width: 100%; padding-bottom: 26px;}
	#contact {width: 586px; margin: 0 auto 0 auto; padding: 24px 24px 0 330px;}
	#contact h2, #contact label, #contact p {color: #fff;}
	#contact form {width: 372px; padding: 12px 40px 0 0; float: left;}
	#contact label {width: 100px; padding-top: 2px; display: block; float: left;}
	#contact input {width: 244px; height: 18px; margin-bottom: 8px; padding: 6px; float: left; background-color: #aaa; border: 0; font: 14px 'Droid Serif';}
	#contact textarea {width: 244px; height: 150px; float: left; padding: 6px; background-color: #aaa; border: 0; font: 14px 'Droid Serif'; resize: none;}
	#contact button.red_button {font-family: 'Droid serif'; margin: 8px 0 0 257px;}
	#contact p {padding-top: 14px; line-height: 22px;}
	#contact p a {color: #a70000; text-decoration: none;}
	
	#contact #error {
		width: 332px;
		padding: 8px;
		margin-bottom: 4px;
		background-color: #000;
		border: 5px solid #a70000;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(/pie/PIE.htc);
	}
	
	#contact #error h4 {font-size: 22px; font-weight: normal; color: #a70000;}
	#contact #error p {color: #a70000; padding: 8px 0 2px 0;}
	
	#contact #success {
		width: 332px;
		padding: 8px;
		margin: 0 40px 175px 0;
		float: left;
		background-color: #f5dc8c;
		border: 5px solid #cc9c18;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		behavior: url(/pie/PIE.htc);
	}
	
	#contact #success h4 {font-size: 22px; font-weight: normal; color: #946e05;}
	#contact #success p {color: #946e05; padding: 8px 0 2px 0;}
	
	/* #footer */
	
	footer {background-color: #000; width: 100%; padding: 12px 0 50px 0;}
	footer section {width: 586px; margin: 0 auto 0 auto; padding: 24px 24px 0 330px;}
	
	footer section p.fl1 {color: #fff; font-size: 12px;}
	footer section p.fl2 {color: #a70000; font-size: 12px;}
	footer section p.fl3 {color: #999; font-size: 12px;}
	footer section p.fl4 {color: #fff; font-size: 12px; padding-top: 3px;}
	footer section p.fl5 {color: #fff; font-size: 16px; padding-top: 16px;}
	footer section img {float: left; padding: 0 6px 0 0;}
	
	
	/* .red_button */
	
	div .red_button {padding: 28px 0 40px 0;}
	
	.red_button a:link, .red_button a:active, .red_button a:visited, button.red_button {
		text-align: center;
		width: 260px;
		padding: 8px 20px 8px 20px;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		border: 1px solid #600;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #780000;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a50000), to(#780000));
		background: -moz-linear-gradient(#a50000, #780000);
		background: linear-gradient(#a50000, #780000);
		-pie-background: linear-gradient(#a50000, #780000);
		behavior: url(/pie/PIE.htc);
	}
	
	.red_button a:hover, button.red_button:hover {
		background: #780000;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#780000), to(#a50000));
		background: -moz-linear-gradient(#780000, #a50000);
		background: linear-gradient(#780000, #a50000);
		-pie-background: linear-gradient(#780000, #a50000);
		behavior: url(/pie/PIE.htc);
	}
	
	#contact button.red_button {
		text-align: center;
		width: 100px;
		padding: 8px 20px 8px 20px;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		border: 1px solid #600;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #780000;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a50000), to(#780000));
		background: -moz-linear-gradient(#a50000, #780000);
		background: linear-gradient(#a50000, #780000);
		-pie-background: linear-gradient(#a50000, #780000);
		behavior: url(/pie/PIE.htc);
	}
	
	#contact button.red_button:hover {
		background: #780000;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#780000), to(#a50000));
		background: -moz-linear-gradient(#780000, #a50000);
		background: linear-gradient(#780000, #a50000);
		-pie-background: linear-gradient(#780000, #a50000);
		behavior: url(/pie/PIE.htc);
	}
	
	/* .silver_button */
	
	div .silver_button {padding: 18px 0 18px 0;}
	
	.silver_button a:link, .silver_button a:active, .silver_button a:visited {
		text-align: center;
		width: 260px;
		padding: 8px 20px 8px 20px;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		border: 1px solid #333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #676767;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#999), to(#676767));
		background: -moz-linear-gradient(#999, #676767);
		background: linear-gradient(#999, #676767);
		-pie-background: linear-gradient(#999, #676767);
		behavior: url(/pie/PIE.htc);
	}
	
	.silver_button a:hover {
		background: #780000;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#676767), to(#999));
		background: -moz-linear-gradient(#676767, #999);
		background: linear-gradient(#676767, #999);
		-pie-background: linear-gradient(#676767, #999);
		behavior: url(/pie/PIE.htc);
	}
	
	/* Generics */
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	h1 {
		font-weight: normal;
	}
	
	h2 {
		font-size: 28px;
		font-weight: normal;
		padding-bottom: 20px;
	}
	
	h3 {
		font-size: 22px;
		font-weight: normal;
		padding-bottom: 20px;
	}
	
	h4 {
		font-size: 18px;
		font-weight: normal;
		padding-bottom: 4px;
	}
	
	p {padding-bottom: 8px;}

}

@media all and (max-device-width: 480px) {

	
}