﻿a
{
    color: #FFF;
}
#navigation .active
{
    color:#f47920;
}
img
{
    border: 0;
}
div
{
    float: left;
}
.container
{
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    width: 1047px;
}
#header
{
    height: auto;
	margin-top:10px;
}
#social
{
    margin-right: 7px;
    text-align: right;
    width: 1040px;
}
#social img
{
    margin: 0 10px;
}
#logo
{
    height: 50px;
    margin-bottom: 10px;
    width: 250px;
}
#navigation
{
    height: 60px;
    line-height: 70px;
    width: 797px;
}
#navigation a
{
    color: #DDD;
    font-weight: bold;
    margin: 0 30px;
    text-decoration: none;
    letter-spacing:.2px;
}
#navigation a:hover
{
    color: #f47920;
}
#content
{
    width: 100%;
}
#home_left
{
    width: 640px;
}
#home_right
{
    width: 407px;
}
#full
{
    width:100%;
}
#head_img_left
{
    border-bottom: 1px #959595 solid;
    height: 394px;
    width: 640px;
}
#head_img_right
{
    height: 266px;
    width: 407px;
}
#clientsbox
{
    height: 316px;
    width: 406px;
}
#news
{
    margin-top: 10px;
    width: 338px;
}
#news span
{
    color: #EEE;
    float: left;
    font-size: 100%;
    margin: 10px;
    margin-top: 0;
}
#twitterfeed
{
    margin-top: 10px;
    width: 301px;
}
#footer
{
    border-top: 1px #959595 solid;
    color: #888888;
    font-size: 80%;
    margin-top: 5px;
    padding: 1% 2%;
    width: 96%;
}
#footer a
{
    border-right: 1px solid #333333;
    color: #888888;
    padding: 0 15px;
    text-decoration: none;
}
#footer a.first
{
    padding-left: 0;
}
#footer a:hover
{
    color: orange;
}
#footer a.last
{
    border-right: 0px none;
}
#footer span
{
    float: right;
}
small
{
    font-style: italic;
}
#tweets ul
{
    margin: 0;
    padding: 0;
}
#tweets li
{
    background: url(../img/global/bullet.png) no-repeat left;
    font-size: 13px;
    height: 17px;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
}
#tweets .hash
{
    color: orange;
}
#tweets .reply
{
    color: orange;
}
#tweets a:link
{
    color: orange;
    text-decoration: none;
}
#tweets a:active
{
    color: orangered;
    text-decoration: none;
}
#tweets a:hover
{
    color: #FFF;
    text-decoration: underline;
}
#tweets a:visited
{
    color: #CCC;
    text-decoration: none;
}
.topheading
{
margin-top:50px;
margin-left:30px;
}
.contactcard
{
width:495px;height:259px; background:transparent url(../img/about/box_grad.png) repeat-x 0 0;padding:30px 20px 20px 20px;font-size:1.3em; line-height: 1.6;color:#DDD
}
.contactcard .cdiv
{
width:100%;
}
.contactcard .cdiv img
{
float:left;margin: 10px 20px;
}
.contactcard .cdiv span
{
margin: 15px 10px;
float:left;
}
.bulletlist
{
list-style:none; list-style-position:outside;margin-left:0;
}
.bulletlist li
{
background:url("../img/global/bullet.png") no-repeat scroll 0 0 transparent;
margin-bottom:5px;
padding-left:25px;
}
.bulletlist li a
{
text-decoration:none;
}
.logogrid
{
list-style:none; list-style-position:inside;margin:0;padding:0;
}
.logogrid li
{
margin:5px;
float:left;
width:170px;
height:150px;
overflow:hidden;
}
.logogrid li a
{
text-decoration:none;
}
.logogrid li a img
{
border:solid 5px #444; margin-bottom:5px;
}
.logogrid li a img:hover
{
opacity: 1;
border-color: #f47920;
}
.logogrid li span
{
margin-left:5px; font-weight:bold;
}
.logogrid li span.light
{
color:#AAA; font-size:smaller;
}
#insightbox
{
background:url("../img/insights/box.png") no-repeat scroll 0 0 transparent;
height:439px;
margin-bottom:0;
margin-top:70px;
padding-left:25px;
width:369px;
}
#experiencebox
{
background:url("../img/experience_design/box.png") no-repeat scroll 0 0 transparent;
height:384px;
margin-bottom:0;
margin-top:70px;
padding-left:25px;
width:480px;
}
#newmediabox
{
background:url("../img/new_media/box.png") no-repeat scroll 0 0 transparent;
height:222px;
margin-bottom:0;
margin-top:30px;
padding-left:25px;
width:535px;
}
#technologybox
{
background:url("../img/technology/box.png") no-repeat scroll 0 0 transparent;
height:268px;
margin-bottom:0;
margin-top:30px;
padding-left:25px;
margin-left:70px;
width:372px;
}
#home_right a
{
text-decoration:none;
}
#workpop{
background-color:#1a1a1a;
}
.breadcrumbs
{
float:left;width:100%;
border-top: 1px #959595 solid;padding: 2% 0;
}
.breadcrumbs a
{
color:#999;padding: 0 10px; font-size:1em; text-decoration:none;
}
.breadcrumbs a:hover
{
color:#CCC;
}





div#wrap
{
	background: url(../img/global/shade.png) bottom center no-repeat;

}
div#case
{
	background: url(../img/global/bg_tile.png) repeat-y;
	width: 1045px;
}
div#sidebar
{
	width: 239px;
	float:left;
}
div#case_detail
{
	width: 806px;
	float: right;
}
div#case_content
{
	background: url(../img/global/case_detail_bg.png) repeat-y;
}
div#case_content
{
	width: 100%;
}
h2 {
	color:#F47920;
}
h4
{
	font-size: 30px;
	margin:20px 0 0 10px;
}
div#case h5
{
	font-size: 20px;
	margin:20px 0 0 20px;
}
h5 a, h4 a
{
    color: #DDD;
    font-weight: bold;
    text-decoration: none;
}
h5 a:hover, h4 a:hover
{
	color: #f47920;
}
ul.client_list
{
	line-height:40px;
	list-style-type: none;
	
}
ul.client_list li a
{
    color: #DDD;
    font-weight: bold;
    text-decoration: none;
	font-size: 14px;
}
ul.client_list li a:hover
{
    color: #f47920;
}
ul.about_list
{
	line-height:40px;
	list-style-type: none;
	
}
ul.about_list li a
{
    color: #DDD;
    font-weight: bold;
    text-decoration: none;
	font-size: 20px;
}
ul.about_list li a:hover
{
    color: #f47920;
}
img.divider{
	margin-left:-25px;
}

div#case .active
{
	color:#F47920;
}
table.contact_table a
{
	color:#F47920;
}


.slides_container {
width:1047px;
height:394px;

}
.slides_container div {
width:1047px;
height:394px;
display:block;
}
.pagination {
	margin:26px auto 0;
	width:100px;
	list-style:none;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
