/* Body / General
===================== */

body {
	margin: 0;
	padding: 0;
	background-color: #dbdbdb;
	min-width: 788px;
	font: normal 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	line-height: 1.6em;
}

#wrapper {
	width: 788px;
	margin: 35px auto;
	margin-top: 10px;
	text-align: left;
	background: #fff url(../images/common/body_background.gif) repeat-y top left;
	font-size: 1.1em;
}

a {
	color: #666;
}

h1, h2, h3,
h4, h5, h6, p {
	margin: 0 0 10px 0;
}

img {border:0px;}

input,
select {
	font: normal 1.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.3em;
	color: #999999;
}

/* Header
===================== */

#header {
	position: relative;
	background: #fff url(../images/common/page_top.gif) no-repeat top left;
	/*height: 173px;*/
	height: 120px;
}

#header #navigation {
	position: absolute;
	right: 24px;
	bottom: 17px;
}

#header #navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header #navigation ul li {
	display: inline;
	float: left;
	padding: 0px 3px 0px 3px;
	line-height: 7px;
}

/*#header #navigation ul li a {
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	background: #fff url(../images/common/nav_divider.gif) no-repeat top right;
}

#header #navigation ul li.last a {
	margin: 0;
	padding: 0;
}*/

#header #navigation li.aboutUs a { display: block; width: 55px; background: url(/images/common/nav/aboutUs.gif) no-repeat top left; text-decoration: none; font-size: 1.0em; text-transform: uppercase; font-weight: bold; text-align: center; height: 10px; }
#header #navigation li.aboutUs a:hover { background-position: bottom left; }
#header #navigation li.whatWeDo a { display: block; width: 69px; background: url(/images/common/nav/whatWeDo.gif) no-repeat top left; text-decoration: none; font-size: 1.0em; text-transform: uppercase; font-weight: bold; text-align: center; height: 10px; }
#header #navigation li.whatWeDo a:hover { background-position: bottom left; }
#header #navigation li.ourWork a { display: block; width: 58px; background: url(/images/common/nav/ourWork.gif) no-repeat top left; text-decoration: none; font-size: 1.0em; text-transform: uppercase; font-weight: bold; text-align: center; height: 10px; }
#header #navigation li.ourWork a:hover { background-position: bottom left; }
#header #navigation li.blog a { display: block; width: 27px; background: url(/images/common/nav/blog.gif) no-repeat top left; text-decoration: none; font-size: 1.0em; text-transform: uppercase; font-weight: bold; text-align: center; height: 10px; }
#header #navigation li.blog a:hover { background-position: bottom left; }
#header #navigation li.pressRoom a { display: block; width: 68px; background: url(/images/common/nav/pressRoom.gif) no-repeat top left; text-decoration: none; font-size: 1.0em; text-transform: uppercase; font-weight: bold; text-align: center; height: 10px; }
#header #navigation li.pressRoom a:hover { background-position: bottom left; }
#header #navigation li.getInTouch a { display: block; width: 75px; background: url(/images/common/nav/getInTouch.gif) no-repeat top left; text-decoration: none; font-size: 1.0em; text-transform: uppercase; font-weight: bold; text-align: center; height: 10px; }
#header #navigation li.getInTouch a:hover { background-position: bottom left; }

.subnav {
	position: absolute;
	right: 168px;
	bottom: 35px;
}

.subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.subnav ul li {
	display: inline;
}

.subnav ul li a {
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	background: #fff url(../images/common/nav_divider.gif) no-repeat top right;	
}

.subnav ul li.last a {
	margin: 0;
	padding: 0;
}

#header #logo {
	width: 288px;
	padding-top: 35px;
	text-align: center;
}

#header #flags {
	position: absolute; 
	right: 23px; 
	top: 23px;
	text-align: right;
	font-size: 0.8em;
	line-height: 0.8em;
}

#header #flags img {
	vertical-align: middle;
	margin: 1px 1px 3px 1px;
}

img.inline {
	vertical-align: middle;
	margin: 1px 1px 1px 3px;
}

/* Banner
===================== */

#banner {
	padding: 0 4px;
}

#loginBanner {
	/*padding: 0 4px;*/
	margin-left: 4px;
	height: 185px;
	width: 780px;
	background: #fff url(../images/common/loginImage.jpg) no-repeat top left;
}

#loginBanner #login{
	float: right;
	height: 100px;
	width: 220px;
	margin-top: 35px;
	margin-right: 20px;
}

#loginBanner #login .fields{
	font-size:small;
	width:100px;
}

#loginBanner #login .title{
	float:left;
}

#loginBanner #login #error{
	float:right;
	color:#BE2105;
	font-size:small;
	font-weight: 600;
}

/* Content
===================== */

#content {
	background: #fff url(../images/common/divider.gif) repeat-y top left;
	width: 100%;
	float: left;
}

.blankbg {
	background: #fff url(../images/common/blank_divider.gif) repeat-y top left !important;
}

/* News
===================== */

#news {
	float: left;
	display: inline;
	width: 265px;
	margin: 16px 29px 0 13px;
}

#news div, img{
	margin: 0;
	padding: 0;
}

#news div.title {
	float:left;
	display:block;
	font-size: 1.1em;
	font-weight: bold;
	/*background: #fff url(../images/common/news_bullet.gif) no-repeat top left;*/
	padding: 4px 0 6px 3px;
	width:265px;
}

#news div.content {
	margin: 0 0 15px 0;
}

#news div.last {
	text-align: right;
	padding: 6px;
}

#news address {
	font-style: normal;
	color: #ECAC12;
	margin: 0 0 15px 0;
	padding: 0;
}

#news address a {
	color: #ECAC12;
	text-decoration: none;
}

#news address a:hover {
	text-decoration: underline;
}

#news .location {
	color: #ECAC12;
	width: 165px;
}

/* Facts
===================== */
#facts{
	float: left;
	width: 300px;
	margin: 50px 0 0 0;
}

#factsLogo{
	float: left;
	width: 110px;
	margin: 50px 0 0 50px;
}

/* Campaigns
===================== */

#campaigns {
	float: left;
	width: 445px;
	margin: 40px 0 0 0;
}

#campaigns h2 {
	font-size: 1.2em;
}

#campaigns p {
	width: 255px;
}

#campaigns .work {
	margin: 0 0 10px 0;
	/* clear: both; */
}

#campaigns .image-holder {
	float: right;
	background: url(../images/common/image_placeholder.gif) no-repeat top left;
	padding: 13px;
	display: inline;
}

/* Products
===================== */

#products {
	float: left;
	margin: 40px 30px 30px 30px;
	width: 728px;
	display: inline;
}

#products #product-images {
	float: right;
	/*margin: 40px 30px 90px 30px;*/
	width: 340px;
	display: inline;
}

#products #product-info {
	float: left;
	/*margin: 40px 30px 90px 30px;*/
	width: 340px;
	display: inline;
}

#products h5{
	font-size: 1em;
	text-decoration: underline;
}

#products ul{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#products li{
	padding: 0 0 5px 0;
}

/* Press Release
===================== */

#press {
	float: left;
	margin: 40px 30px 30px 30px;
	width: 728px;
	display: inline;
}

#press #press-images {
	float: right;
	/*margin: 40px 30px 90px 30px;*/
	width: 240px;
	display: inline;
}

#press #press-info {
	float: left;
	/*margin: 40px 30px 90px 30px;*/
	width: 440px;
	display: inline;
}

#press h5{
	font-size: 1em;
	text-decoration: underline;
}

#press ul{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#press li{
	padding: 0 0 5px 0;
}

/* SubContent
===================== */

#sub-content {
	float: left;
	margin: 40px 0 90px 102px;
	width: 380px;
	display: inline;
}

#sub-content ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#sub-content ul li {
	margin: 0 0 20px 0;
	padding: 0 0 0 2px;
}

#catch-line {
	float: right;
	margin: 40px 32px 0 0;
	display: inline;
}

#sub-content-map {
	float: left;
	margin: 40px 0 90px 49px;
	width: 157px;
	display: inline;

}

#sub-content div.title {
	float:left;
	display:block;
	font-size: 1.1em;
	font-weight: bold;
	background: #fff url(../images/common/news_bullet.gif) no-repeat top left;
	padding: 4px 0 6px 3px;
}

#map {
	float: right;
	margin: 24px 27px 90px 0;
	display: inline;
}

#foot-links {
	clear: both;
	margin: 0 19px;
	color: #ECAC12;
}

#foot-links #contact-numbers {
	float: right;
}

#foot-links a {
	color: #ECAC12;
	text-decoration: none;
}

#foot-links a:hover {
	text-decoration: underline;
}



/* Case Studies
===================== */

#casestudies { width:748px; margin:auto; margin-top:5px; }
#casestudies #quickLinks { width:100%; }
#casestudies #quickLinks .breadcrumbs { float:left; font-size:0.8em; vertical-align:bottom; }
#casestudies #quickLinks .breadcrumbs a { text-decoration:none; color:#FDB813; }
#casestudies #quickLinks .breadcrumbs a:hover { color:#666; }
#casestudies #quickLinks .quickLinksTitle { float:right; font-size:1.2em; padding-right:5px; }
#casestudies #quickLinks select { float:right; color:#ECAC12; margin-bottom:5px; }

#casestudies .casestudy { clear:both; }
#casestudies .casestudy hr { margin-bottom:20px; }
#casestudies .casestudy .phone { min-height:160px; height:auto !important; height:160px; width:120px; float:left; background: #fff url(../images/common/cs_phone.gif) no-repeat top left; }
#casestudies .casestudy .phone img { width:71px; height:88px; margin:19px 0 0 8px; }
#casestudies .casestudy .caseStudyText { width:400px; float:left; }
#casestudies .casestudy .title { font-size:1.3em; font-weight:bold; }
#casestudies .casestudy .tagline { font-size:1.2em; }
#casestudies .casestudy a { text-decoration:none; color:#FDB813; }
#casestudies .casestudy a:hover { color:#666; }
#casestudies .casestudy .caseStudyStats { width:145px; float:right; }
#casestudies .casestudy .caseStudyStats .statBox { clear:both; background: #fff url(../images/common/statBackground.gif) no-repeat top left; min-height:43px; height:auto !important; height:43px; margin-bottom:12px; }
#casestudies .casestudy .caseStudyStats .statBox .statTitle { width:35%; padding:5px 0 0 10px; color:#FFFFFF; font-weight:bold; float:left; }
#casestudies .casestudy .caseStudyStats .statBox .stat { width:45%; padding:5px 0 0 10px; color:#FFFFFF; font-weight:bold; float:left; line-height:30px; font-size:2.3em; }
#casestudies .casestudy .campaignTitle { float:left; line-height:2em; }
#casestudies .casestudy .campaignImage { float:right; padding-bottom:15px; }
#casestudies .casestudy .campaignTitleText { font-size:1.5em; font-weight:bold; }
#casestudies .casestudy .campaignTagline { font-size:1.4em; }
#casestudies .casestudy .campaignDescription { width:55%; float:left; font-weight:bold; }
#casestudies .casestudy .campaignDescription .campaignArtwork { float:left; padding-right:30px; }
#casestudies .casestudy .campaignDescription .campaignArtwork image { border:1px solid #CCC; padding:4px; }
#casestudies .casestudy .campaignOverallStat { float:right; }
#casestudies .casestudy .campaignOverallStat .overallStatBox { background-color:#DDF3FE; color:#28A7D2; width:149px; margin-top:15px; padding:15px 8px 15px 8px; text-align:right; }
#casestudies .casestudy .campaignOverallStat .overallStatBox span { font-size:1em; font-weight:bold; }
.blankfooter-cs { background: url(../images/common/blank_footer.gif) no-repeat bottom left !important; }

/* Footer
===================== */

#footer {
	background: url(../images/common/footer.gif) no-repeat bottom left;
	padding-bottom: 15px;
	width: 100%;
}

.blankfooter {
	background: url(../images/common/blank_footer.gif) no-repeat bottom left !important;
}

/* ClearFix
===================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End Holly Hack */
 
 /* ADDED BY FINNY - 20060628 */
/*********************************************************/

fieldset{
	border:none;
	/*display: block;*/
}

input, select{
	font-size: small; 
}

input.btn{
	text-align:center;
}

span.error{
	color:#FF0000;
	font-weight :bold;
}

fieldset div {
	clear: both;
	position: relative;
	padding-bottom: 7px;
}

label, fieldset div.cr p {
	display: block;
	width: 7em;
	text-align: left;
	font-weight: bold;
	float: left;
	padding-right: 5px;
}

fieldset div.cr label {
	text-align: left;
	margin-left: 7em;
	width: auto;
	float: none;
	padding-left:5px;
}

/**************************************************/

/* CASE STUDIES */
/*#casestudies-description{
	width: 300px;
	margin: 38px 22px 0px 22px;
	padding: 0;
	float: right;
	background: url(../images/common/casestudy_placeholder_grey.gif) no-repeat top left;
}*/

#casestudies-title{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 35px;
	float: left;
	color: #A8A8A8;
	font-size: 3em;
	margin: 38px 22px 0px 25px;
}

#casestudies-center-padding {
	width: 728px;
	margin: 15px 22px 0px 22px;
	/*margin: 15px 0px 0px 0px;*/
	/*padding-bottom: 30px;*/

	float: left;
	display: inline;
}

#casestudies-top{
	width: 370px;
	float: right;
	/*background: url(../images/common/casestudy_placeholder_top.gif) no-repeat top left;*/
}

#casestudies-bottom{
	width: 370px;
	float: right;
	/*background: url(../images/common/casestudy_placeholder_bottom.gif) no-repeat top left;*/
}
#casestudies-description{
	min-height: 400px;
	height:auto !important;
  	height:400px;
	width: 370px;
	float: right;
	padding-top: 20px;
	margin-left: 20px;
	background: url(../images/common/casestudy_placeholder_middle.gif) repeat-y top left;
}

#casestudies-images{
	padding-top:5px;
	width: 338px;
	float: left;
}

#casestudies-nav{
	padding-top:10px;
	width: 338px;
	float: left;
}

#casestudies-images .placeholder{
	padding: 6px;
	background: url(../images/common/casestudy_image_placeholder.gif) no-repeat top left;
}

#casestudies-images .placeholderbig{
	padding: 6px;
	background: url(../images/common/casestudy_image_placeholder_big.gif) no-repeat top left;
}

#casestudies-description .header{
	display: inline;
	margin-left: 20px;
	/*padding-left: 20px;*/
	font-size: 1.2em;
	width: 60px;
	float:left;
	color: #999999;
}

#casestudies-description .campaignDetails{
	width: 270px;
	font-size: 1.2em;
	color: #EFB91D;
	float:left;
}

#casestudies-description h2{
	display: inline;
	width: 350px;
	margin-left: 20px;
	/*padding-left: 20px;*/
	padding-top: 10px;
	font-size: 1.2em;
	color: #999999;
	float:left;
}

#casestudies-description .details{
	display: inline;
	margin-left: 20px;
	/*margin: 0px 15px 8px 20px;*/
	/*margin-left: 20px;*/
	/*padding-left:20px;*/
	padding-bottom: 5px;
	font-size: 1em;
	float:left;
	width:340px;
}

/* CLIENTS ABOUT PAGE */
#client-content {
	float: left;
	margin: 0px 20px 30px 20px;
	width: 740px;
	display: inline;
}

#client-content #clients { width: 740px; border: 0px; padding: 0px; }
#client-content #clients td { text-align: center; }

/* Hide text where necessary */
.hide-text { 
    display: block; 
    text-indent: -99999px; 
    overflow: hidden; 
    text-align: left !important;  
    font-size: 0.1em;
}