/* CSS Document */

/*** reset default settings ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,blockquote,th,td { margin: 0; padding: 0; border: 0;}

body {
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	font: .82em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	background-color: #fff;
}


h1 {
	margin: 32px 0 18px 0;
	padding: 0;
	font-size: 1.05em;
	color: #c60519;
}

h2 {
	margin: 16px 0 11px 0;
	padding: 0;
	font-size: .92em;
	color: #DE3831;
}

h3 {
	margin: 2px 0 16px 0;
	padding: 0;
	font-size: .89em;
	color: #DE3831;
	/*color: #675c53;*/
	text-align: left;
}

h3 a {
	
	color: #DE3831;
	/*color: #675c53;*/
	text-align: left;
}

h3 a:hover {
	
	color: #ccc;
	/*color: #675c53;*/
	text-align: left;
}

h4 {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: .92em;
	color: #DE3831;
}

h5 {
	width: 144px;
	margin: 8px 0 16px 0;
	padding: 0 0 2px 0;
	font-size: .88em;
	color: #675C53;
	border-bottom: 1px solid #c7c7c7;
}



p {
	margin: 0 0 11px 0;
	padding: 0;
	font-size: .88em;
	color: #333;
	text-align: left;

}

p.first {
	margin: 11px 0 11px 0;
	padding: 0;
	font-size: .88em;
	color: #333;
	text-align: left;

}


img {
	border: 0;

}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}



/* Site Structure */

#page {
	position: relative;
	margin: 16px auto 16px auto;
	padding: 10px;
	width: 1000px;
	height: auto;
	text-align: center;
	border: 1px solid #c7c7c7;
}

#header {
	position: relative;
	width: 960px;
	height: 144px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#headerTop {
	width: 960px;
	height: 74px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#logo {
	float: left;
	width: 323px;
	height: 50px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	z-index: 101;
}

#page-wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px;
	height: auto;
	text-align: center;
}

#page-content {
	position: relative;
	margin: 0;
	width: 960px;
	height: auto;
	text-align: left;
	/*border: 1px solid #c7c7c7;*/
}


#left-col {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 150px;
	height: 100%;
	text-align: left;
	/*border: 1px solid #ef0000;*/
}

#left-col #inner-div-left {
	width: 144px;
	padding: 0;
	margin: 0;
}

#left-col #inner-div-left #col-heading {
	width: 144px;
	margin: 0 0 16px 0;
	/*margin: 8px 0 16px 0;*/
	padding: 0 0 2px 0;
	font-size: .88em;
	color: #675C53;
	border-bottom: 1px solid #c7c7c7;
}

#main-content {
	float: left;
	margin: 0 0 10px 20px;
	padding: 0;
	width: 525px;
	height: auto;
	text-align: justify;
	/*border: 1px solid #ef0000;*/
}

#main-content #list ul {
	padding: 0;
	margin: 0;
}

#main-content #list li {
	padding: 0 0 14px 16px;
	margin: 0;
	color: #675C53;
	list-style-type: none;
	font-size: .88em;
	color: #675C53;
}

#work-content {
	float: left;
	margin: 0 0 10px 20px;
	padding: 0;
	width: 790px;
	height: auto;
	text-align: justify;
	/*border: 1px solid #ef0000;*/
}

#double-col {
	float: left;
	margin: 0 22px 10px 0;
	padding: 0;
	width: 646px;
	height: auto;
	text-align: left;
	/*border: 1px solid #ef0000;*/
}

#homepageHeading {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 640px;
	height: 225px;
	/*border: 1px solid #ef0000;*/
}

#newsWork {
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	width: 640px;
	height: 323px;
	text-align: left;
	background: url(../images/news-fade.gif);
	/*border: 1px solid #ef0000;*/
}

#newsLeft {
	float: left;
	margin: 16px 0 0 16px;
	padding: 0;
	width: 169px;
	height: 318px;
	text-align: left;
	border-right: 1px solid #fff;
}

#newsWork #newsLeft .newsText {
	font-size: .88em;
	color: #333;
	line-height: 1.57;
	text-align: left;
}

#workRight {
	float: right;
	margin: 16px 4px 0 0;
	padding: 0;
	width: 434px;
	height: 318px;
	text-align: left;
	/*border: 1px solid #ef0000;*/
}

#workRight .work-display {
	float: left;
	margin: 0;
	padding: 0;
	width: 142px;
	height: 136px;
	text-align: left;
	/*border: 1px solid #ef0000;*/
}

#right-col {
	float: right;
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	width: 220px;
	height: 100%;
	text-align: left;
	border-left: 1px solid #c7c7c7;
}

#right-col #inner-div-right {
	width: 196px;
	padding: 0;
	margin: 0 0 0 12px;
}

#right-col #inner-div-right #capabilities ul {
	padding: 0;
	margin: 0;
}

#right-col #inner-div-right #capabilities li {
	padding: 0 0 12px 4px;
	margin: 0;
	font-size: .83em;
	color: #675C53;
	list-style-type: none;
}

#updates-col {
	float: left;
	margin: 0 auto 10px auto;
	padding: 0;
	width: 290px;
	height: 100%;
	text-align: center;
	/*border: 1px solid #c7c7c7;*/
}

#copy {
	margin: 3px 0 0 0;
	padding: 7px 0 0 0;
	width: 960px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .78em;
	font-weight: normal;
	color: #363636;
	border-top: 1px solid #c7c7c7;
	clear: both;
}

#copy a {
	color: #363636;
	text-decoration: none;
}

#copy a:hover {
	color: #6788B9;
	text-decoration: underline;
}

#imageLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 169px;
	height: 220px;
}

#headingRight {
	float: right;
	margin: 0;
	padding: 0;
	width: 454px;
	height: 220px;
	text-align: justify;
	/*border: 1px solid #ef0000;*/
}

#gallery {
	margin: 18px 0 9px 18px;
	padding: 0;
	width: 686px;
	height: 370px;
	text-align: center;
	/*border: 1px solid #ef0000;*/
}

#gallery #our-work {
	margin: 3px 0 18px 0;
	padding: 0;
	font-size: .88em;
	font-weight: bold;
	color: #DE3831;
	text-align: left;
}

#case-studies {
	margin: 18px 0 4px 0;
	padding: 0;
	width: 747px;
	height: auto;
	text-align: center;
	/*border: 1px solid #ef0000;*/
}




/* Site Navigation */
#top-links {
	float: right;
	width: 262px;
	height: 12px;
	margin: 28px 0 0 0;
	padding: 0 3px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #675C53;
	text-align: right;
}

#top-links a, a:link, a:visited, a:active {
	padding: 0 3px 0 3px;
	text-decoration: none;
	color: #675C53;

}

#top-links a:hover {
	padding: 0 3px 0 3px;
	text-decoration: none;
	color: #de3831;
}

#site-nav {
	width: 976px;
	height: 38px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#site-nav ul { 
	padding: 0;
	margin: 0;
}

#site-nav li {
	float: left;
	width: 120px;
	height: 38px;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
}

#site-nav li.ci a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-01.gif) 0 0 no-repeat;}
#site-nav li.ci a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-01.gif) 0 -40px no-repeat;}
#site-nav li.brand a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-02.gif) 0 0 no-repeat;}
#site-nav li.brand a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-02.gif) 0 -40px no-repeat;}
#site-nav li.integrated a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-03.gif) 0 0 no-repeat;}
#site-nav li.integrated a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-03.gif) 0 -40px no-repeat;}
#site-nav li.content a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-04.gif) 0 0 no-repeat;}
#site-nav li.content a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-04.gif) 0 -40px no-repeat;}
#site-nav li.creative a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-05.gif) 0 0 no-repeat;}
#site-nav li.creative a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-05.gif) 0 -40px no-repeat;}
#site-nav li.social a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-06.gif) 0 0 no-repeat;}
#site-nav li.social a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-06.gif) 0 -40px no-repeat;}
#site-nav li.online a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-07.gif) 0 0 no-repeat;}
#site-nav li.online a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-07.gif) 0 -40px no-repeat;}
#site-nav li.work a { width: 120px; height: 38px; display: block; background: url(../images/ci-button-08.gif) 0 0 no-repeat;}
#site-nav li.work a:hover { width: 120px; height: 38px; display: block; background: url(../images/ci-button-08.gif) 0 -40px no-repeat;}




/*Current Page View*/

body#ci_view #site-nav ul li.ci a {
	background: url(../images/ci-button-01.gif) 0 -40px no-repeat;
}

body#brand_view #site-nav ul li.brand a {
	background: url(../images/ci-button-02.gif) 0 -40px no-repeat;
}

body#integrated_view #site-nav ul li.integrated a {
	background: url(../images/ci-button-03.gif) 0 -40px no-repeat;
}

body#content_view #site-nav ul li.content a {
	background: url(../images/ci-button-04.gif) 0 -40px no-repeat;
}

body#creative_view #site-nav ul li.creative a {
	background: url(../images/ci-button-05.gif) 0 -40px no-repeat;
}

body#social_view #site-nav ul li.social a {
	background: url(../images/ci-button-06.gif) 0 -40px no-repeat;
}

body#online_view #site-nav ul li.online a {
	background: url(../images/ci-button-07.gif) 0 -40px no-repeat;
}

body#work_view #site-nav ul li.work a {
	background: url(../images/ci-button-08.gif) 0 -40px no-repeat;
}




/*Updates Column*/

#twitterUpdates {
	width: 288px;
	height: auto;
	margin: 24px auto 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #de3831;
}

#innerTwit {
	width: 266px;
	height: auto;
	margin: 10px auto 5px auto;
	padding: 0;
	text-align: left;
}

#twitterUpdates #innerTwit .feedTitle {
	margin: 4px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .88em;
	color: #675c53;
}

#twitterUpdates #innerTwit .feedText {
	margin: 4px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .82em;
	color: #333;
}


#socialIcons {
	width: 202px;
	height: 40px;
	margin: 66px auto 0 auto;
	padding: 0;
	overflow: hidden;
}

#socialIcons ul { 
	padding: 0;
	margin: 0;
}

#socialIcons li {
	float: left;
	width: 46px;
	height: 40px;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

#socialIcons li.rss a { width: 46px; height: 40px; display: block; background: url(../images/sprite-rss.gif) 0 0 no-repeat;}
#socialIcons li.rss a:hover { width: 46px; height: 40px; display: block; background: url(../images/sprite-rss.gif) 0 -44px no-repeat;}
#socialIcons li.face a { width: 46px; height: 40px; display: block; background: url(../images/sprite-facebook.gif) 0 0 no-repeat;}
#socialIcons li.face a:hover { width: 46px; height: 40px; display: block; background: url(../images/sprite-facebook.gif) 0 -44px no-repeat;}
#socialIcons li.twit a { width: 46px; height: 40px; display: block; background: url(../images/sprite-twitter.gif) 0 0 no-repeat;}
#socialIcons li.twit a:hover { width: 46px; height: 40px; display: block; background: url(../images/sprite-twitter.gif) 0 -44px no-repeat;}
#socialIcons li.tube a { width: 46px; height: 40px; display: block; background: url(../images/sprite-youtube.gif) 0 0 no-repeat;}
#socialIcons li.tube a:hover { width: 46px; height: 40px; display: block; background: url(../images/sprite-youtube.gif) 0 -44px no-repeat;}




#case-study-details {
	float: left;
	width: 410px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}

#case-study-details .case-study-title {
	margin: 0;
	padding: 0;
	font-size: .94em;
	font-weight: bold;
	color: #DE3831;
	text-align: left;
}

#case-study-details .case-study-text {
	width: 405px;
	height: auto;
	margin: 0 0 11px 0;
	padding: 0;
	font-size: .88em;
	color: #675C53;
	text-align: left;
}


#client-logo {
	float: left;
	width: 325px;
	height: 175px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

#case-study-pinline {
	clear: both;
	width: 735px;
	height: 2px;
	border-bottom: 1px solid #c7c7c7;
}




#socialIcons li {
	float: left;
	width: 46px;
	height: 40px;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}


#client-list {
	float: left;
	margin: 0 0 11px 0;
	padding: 10px 10px 4px 0;
	width: 544px;
	height: auto;
	/*border: 1px solid #928888;*/
	text-align: justify;
	background-color: #fff;
}


/* Columns in Clients Page */
#col_01 {
	float: left;
	margin: 0;
	padding:  0 0 6px 0;
	width: 200px;
	font-size: .83em;
	color: #675C53;
	text-align: left;
}

#col_01 ul {
	margin: 0;
	padding: 0;
}

#col_01 li {
	float: left;
	list-style: none;
	display: block;
	height: 14px;
	padding: 0;
	margin: 0;
	font-size: .83em;
	color: #675C53;
	text-align: left;
	/*border: 1px solid #000;*/
}

#col_01 li.aaeg { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.atc { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.bf { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.b { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.boa { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.br { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.cp { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.cocp { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.cw { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.cod { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.du { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.dcoc { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.dcc { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.eadr { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.et { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.f { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.fl { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.gdot { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.ga { margin: 0; padding: 0; width: 189px; display: block;}
#col_01 li.gicc { margin: 0; padding: 0; width: 189px; display: block;}



#col_02 {
	float: left;
	margin: 0;
	padding:  0 0 6px 0;
	width: 172px;
	font-size: .83em;
	color: #675C53;
	text-align: left;
}

#col_02 ul {
	margin: 0;
	padding: 0;
}

#col_02 li {
	float: left;
	list-style: none;
	display: block;
	height: 14px;
	padding: 0;
	margin: 0;
	font-size: .83em;
	color: #675C53;
	text-align: left;
}

#col_02 li.gt { width: 150px; display: block;}
#col_02 li.gmi { width: 150px; display: block;}
#col_02 li.gl { width: 150px; display: block;}
#col_02 li.hi { width: 150px; display: block;}
#col_02 li.htrs { width: 150px; display: block;}
#col_02 li.h { width: 150px; display: block;}
#col_02 li.ic { width: 150px; display: block;}
#col_02 li.kec { width: 150px; display: block;}
#col_02 li.llcc { width: 150px; display: block;}
#col_02 li.lit { width: 150px; display: block;}
#col_02 li.lm { width: 150px; display: block;}
#col_02 li.l { width: 150px; display: block;}
#col_02 li.lsi { width: 150px; display: block;}
#col_02 li.mt { width: 150px; display: block;}
#col_02 li.md { width: 150px; display: block;}
#col_02 li.mfi { width: 150px; display: block;}
#col_02 li.mfs { width: 150px; display: block;}
#col_02 li.mii { width: 150px; display: block;}
#col_02 li.p { width: 150px; display: block;}
#col_02 li.pct { width: 150px; display: block;}


#col_03 {
	float: left;
	margin: 0;
	padding: 0 0 6px 0;
	width: 156px;
	font-size: .83em;
	color: #675C53;
	text-align: left;
}

#col_03 ul {
	margin: 0;
	padding: 0;
}

#col_03 li {
	float: left;
	list-style: none;
	display: block;
	height: 14px;
	padding: 0;
	margin: 0;
	font-size: .83em;
	color: #675C53;
	text-align: left;
}

#col_03 li.upea { width: 161px; display: block;}
#col_03 li.raz { width: 161px; display: block;}
#col_03 li.rba { width: 161px; display: block;}
#col_03 li.lldc { width: 161px; display: block;}
#col_03 li.hr { width: 161px; display: block;}
#col_03 li.rbr { width: 161px; display: block;}
#col_03 li.sab { width: 161px; display: block;}
#col_03 li.sg { width: 161px; display: block;}
#col_03 li.si { width: 161px; display: block;}
#col_03 li.ses { width: 161px; display: block;}
#col_03 li.spi { width: 161px; display: block;}
#col_03 li.si_2 { width: 161px; display: block;}
#col_03 li.tupc { width: 161px; display: block;}
#col_03 li.tcs { width: 161px; display: block;}
#col_03 li.m { width: 161px; display: block;}
#col_03 li.tc { width: 161px; display: block;}
#col_03 li.tma { width: 161px; display: block;}
#col_03 li.ucm { width: 161px; display: block;}




/* Classes */

.copyright {
	font: .68em Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	text-align: right;
	clear: both;
}
.copyright-home {
	width: 840px;
	font: .68em Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	text-align: center;
}

.clear {
	width: 100%;
	height: 2px;
	clear: both;
}

.img-left {
	float: left;
	margin: 0 10px 6px 0;
	padding: 0;
}


.galleryLeft {
	float: left;
	margin: 0;
	padding: 0;
}


.galleryRight {
	float: right;
	margin: 0;
	padding: 0;
}


.client-logo {
	float: left;
	margin: 0;
	padding: 0;
}

.client-list  a, a:link, a:visited, a:active {
	margin: 0;
	padding: 0;
	font-size: .82em;
	color: #675C53;
	text-decoration: none;
	line-height: 1.65;
}

.client-list a:hover {
	margin: 0;
	padding: 0;
	font-size: .82em;
	color: #DE3831;
	text-decoration: underline;
	line-height: 1.65;
}