html{}
body 
{
    font-size:62.5%;/*10px*/
    color:#555;    
    font-family:Arial,Verdana,Sans-Serif;
}

/* COLUMNS - these were changed from px to percent to allow for a more flexible layout */

.col_29fr { width:29%;float:right; }

.col_32fr { width:32%;float:right; }

.col_34fr { width:34%;float:right; }

.col_37fr { width:37%;float:right; }

.col_38fr { width:38%;float:right; }

.col_35fl { width:35%;float:left; }

.col_45fr { width:45%;float:right; }

.col_50fl { width:50%;float:left; }

.col_58fl { width:58%;float:left; }

.col_67fl { width:67%;float:left; }

.col_78fr { width:78%;float:right; }


/* FONT SIZES */
#arrowList li a,
.listing li h4 a,
.listing li p a,
#content li li,
#content li p,
#content li span,
#content li h3,
li cite { font-size:1em; }

.listing h4,
cite,
label,input,select,textarea,
.headingInner a,
#footer,
#content p,#content li,#content dt,
#content dd,#housekeeping li,#caseStudyPreview p,
#caseStudyPager li {font-size:1.2em;}

#caseStudyPreview .previewContent li a,
#caseStudyPager span { font-size:1.3em; }

#content .signUp h3,
.listing li a {font-size:1.4em;}

#logo,
h3,
#caseStudyPreview li a,
#primaryNav a { font-size:1.5em; }

#logos h2,
#content .col_32fr h3 { font-size:1.6em; }

#content .listing .day { font-size:1.7em; }

.headingInner h2,#tabbedRight .headingInner h3 {font-size:2.2em;}

#header #caseStudyPreview h3 {font-size:2.4em; }

#header h3 { font-size:4em; }

.largeOrange { font-size:5em; }
/* GENERAL */
a:link {color:#FF7800;} 
a:visited { color:#f60;}  
a:hover {}   
a:active {}
a:focus {}


/* UTILITIES */
#skipNav a:focus,#skipNav a:active {}
.emphasise {font-weight:bold;}

.largeOrange {color:#FF7800;font-weight:normal;}
/* FORMS */ 
legend { display:none; }

.row {
	display: block;
	overflow:hidden;
	zoom:1;
}

label { color:#222;padding-right:10px; }
input,select,textarea { border:1px solid #D2D1D0;width:75%;color:#555; }

input,textarea { padding:3px 2px; }
input.button  
{
    width:auto;
    color:#FD9A41;
    padding:2px;
    background:#fff;
    font-weight:bold;
    overflow:visible; 
    cursor:pointer;
}
/* NEWSLETTER SIGN UP FORM */
.signUp { border-top:1px solid #D2D1D0;padding:20px 0;margin-top:10px; }

#content .signUp h3,
#content .col_32fr .signUp h3  
{
    background:transparent url(/images/orange_arrow_right.png) no-repeat 0 3px; 
    padding-left:10px;
    padding-bottom:8px;
    margin-left:20px;
}

#content .signUp fieldset {padding:0 20px 0 30px;}

/* GENERAL CONTENT FORM */
.contentForm  
{
    margin:0 50px 20px 25px;
    background:#E5E5E5 url(/images/tabbedColumns_bg.png) repeat 0 0;
    padding:10px; 
}

.contentForm .row { padding-bottom:8px; }

.contentForm label  
{
    background:#fff;
    font-weight:bold;
    padding:5px 0;
    display:block;
    width:8em;
    text-align:center;
}

.contentForm input,
.contentForm select,
.contentForm textarea { width:95%; }

.contentForm .button { width:auto;padding-left:13px;padding-right:13px; }

.col_50fl .contentForm label { display:inline;line-height:1.5;padding:0 5px;text-align:left; }
/* PAGE */
#page { text-align:center; }

#page .siteWidth { width:85%;text-align:left;margin:0 auto;min-width:740px;max-width:1024px; }

/* SECTIONS */
#header 
{
    background:#262523 url(/images/header_bg.png) repeat 0 0;
    border-bottom:5px solid #FF7802;
    position:relative;
}

#logos { padding:5em 0 1em; }
#logo
{
    color:#FF8300;
    font-weight:bold;
}

#logo a:hover { text-decoration:none; }

#logo a { position:relative;display:block;width:220px;text-align:center;padding:5px 0;z-index:10; }
#logo a span.overlay 
{
    position:absolute;
    top:20px;
    left:0;
    background:#262523;
    width:100%;
    height:0;
}

#logo a span.h1Title { position:absolute;top:20px;left:20px;color:#f2f2f2;cursor:pointer; }

#logos h2 { padding-top:0.75em; }
#houseContainer,
#housekeeping {width:90%;min-width:740px;max-width:1024px;}

#houseContainer { text-align:left;margin:0 auto; }

#housekeeping
{
    position:absolute;
    top:0;
    border:1px solid #333;
    border-top:0;
    padding:0;
}

#housekeeping li  
{
    padding:0;
    display:inline;
}

#housekeeping a  
{
    display:block;
    border-right:1px solid #333;
    float:left; 
    padding:10px 15px;
    color:#aaa;
    font-weight:bold;
}

#housekeeping a:hover { color:#FF7800;text-decoration:none; }

#housekeeping .current a {color:#fff;}

#primaryNav { padding:0;padding-bottom:11px; }
#primaryNav li  
{
    padding:0;
    float:left; 
    display:inline; 
    margin-right:2px;
    background:none; 
    position:relative;
    border:1px solid #1a1a1a;
}

#primaryNav li div {
	background:#F60 url(/images/primaryNav_bg.jpg) repeat-x 0 0;
	height:100%;
	position:absolute;
	top:0;
	width:0;
	z-index:1;
}

#primaryNav li div.first {
	left:0;
}

#primaryNav li div.second {
	right:0;
}

#primaryNav a  
{
    position:relative;
    float:left;
    z-index:99;
    padding:7px 20px;
    border:1px solid #444;
    font-weight:bold;
    color:#fff; 
}

#primaryNav a:hover { color:#fff; text-decoration:none; }

#primaryNav li.current { background-color:#0F0E0C; }

#header h3  
{
    background:#262726 url(/images/header_h3.png) repeat 0 0;
    color:#fff;
    font-weight:normal; 
    padding:20px 20px 17px;
    margin-top:10px;
}
/* CASE STUDY PREVIEW (HOME) */
#caseStudyPreview 
{
    color:#fff;
    padding-bottom:15px;
    height:auto!important;
    min-height:29em;
    height:29em;
    position:relative;
}

#caseStudyList li
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

#caseStudyList .previewContentContainer  
{
	height:24.4em;
	overflow:auto;
	position:relative;
	z-index:99;
	background:#262523 url(/images/previewContent_bg.png) repeat 0 0;
}

#caseStudyList li li
{
	position:static;
	left:0;
	top:0;
	width:auto;
}

#caseStudyPreview .previewContentContainer,
#caseStudyPager { border:1px solid #111;}

#caseStudyPreview img { border:1px solid #111; position:absolute; top:0; left:0; z-index:12}
#caseStudyPreview h3  
{
    font-family:FSAlbert-Light, Tahoma, Arial, Sans-Serif; 
    font-weight:normal;
    padding:0 0 14px 0;
    margin-top:0;
    background:none;
}

#caseStudyPreview p { margin-bottom:1em; }

#caseStudyPreview a,
#caseStudyPreview span { border:1px solid #111;padding:1px 6px;color:#fff;font-weight:bold; }

#caseStudyPreview a:hover { text-decoration:none;background-color:#FF7800;color:#fff; }

/* CONTENT OF CASE STUDY PREVIEW */

.previewContent {padding:15px 20px 20px 20px;}

.noCycle .previewContent { min-height:243px;height:auto!important;height:243px; }

#caseStudyPreview .previewContent li { display:block; }

.previewContent h3 { color:#fff; }
#caseStudyPreview .previewContent li a,
#caseStudyPreview .previewContent ul { padding:0;border:0; }

#caseStudyPreview .previewContent li 
{
    padding:0 0 10px 10px;
    background: url(/images/orange_arrow_right.png) no-repeat 0 5px;
}
#caseStudyPreview .previewContent li a,
#caseStudyPreview .previewContent li span { border-bottom:1px solid #FF7800; }

/* PAGER FOR CASE STUDY PREVIEW */

#caseStudyPreview ul#caseStudyPager  
{
	padding:8px 0; 
	position:absolute;
	bottom:23px;
	right:0;
	background:#262523 url(/images/previewContent_bg.png) repeat 0 0;
	z-index:99;
}

#caseStudyPreview ul#caseStudyPager li:hover { background:none;color:#FF7800; }

#caseStudyPager li
{
    padding:0;
    background:none;display:inline; 
    cursor:pointer;
    margin-right:4px;
}

#caseStudyPager li.current span
{
    background:#FF7800 url(/images/previewPager_bg.png) no-repeat 0 0;
    color:#222; 
}

/*  CONTENT  */
#content
{
	position:relative;
	padding-bottom:20px;
}

#mover
{
	position:absolute;
}


p {line-height:1.5;margin-bottom:1em;}

#content p {}

h3 { color:#222; }

/*#content ul {list-style:disc;margin-left:30px;}*/
/* Decision made here to take arrow styles for all ul's in content, if need be we can revert to an id
approach.  This was to avoid making key benefits on case studies to be anything other than simple content.
We are unable to guarantee a class to be applied through the editor to the ul*/
ul {padding:10px 0;}
li 
{
    background:transparent url(/images/black_arrow_right.png) no-repeat 0 5px;
    padding:0 0 10px 12px;
}

ul.nolist li
{
	background: url(none);
	padding:0;
	margin:0;
	list-style-type:none;
}

#content ul.listing,
#content ul.noListStyle { list-style:none;padding-top:0;padding-bottom:0; }

#content p span.emphasise,
#content p strong { color:#222; }

/* CONTENT LEFT AND RIGHT PADDING */
#twoColumns blockquote,
.listing li,
#comment,
#content p,
#content h3,
#content ul,
.imageTextCombo,
.largeOrange {padding-left:25px;padding-right:25px;}

#content .imageTextCombo p,
#content ul.listing,
#content li p,
#content li h3 { padding-left:0;padding-right:0; }

/* CONTENT TABBED COLUMNS */
#content.tabbedColumns 
{
    background:transparent url(/images/tabbedColumns_bg.png) repeat-x 0 5px;
}

.tabbedColumns .heading { background:none;padding-top:25px; }

#tabbedRight #innerContent,
#tabbedRight .headingInner {background-color:#F7F6F5;}

#tabbedRight { background-color:transparent;padding-top:0; }

#tabbedRight #innerContent { padding-top:30px;}
#tabbedRight .heading {margin-bottom:0;padding-left:0;}

/* 2 COLUMNS - Won't work for IE7 and below */
#twoColumns 
{
    -moz-column-gap:20px;
    -moz-column-width:280px;
    -webkit-column-width:280px;
    -webkit-column-gap:20px;
}

#twoColumns blockquote { padding-bottom:10px; }

#twoColumns .imageTextCombo .fr { width:40%; }
/* HEADING */
.heading  
{
    background: transparent url(/images/content_header_bg.png) repeat 0 0; 
    padding:10px;
    padding-bottom:0; 
    margin:10px 0 30px;
}

.headingInner { background:#fff;float:left;padding-right:15px; }

#content .col_32fr .headingInner h3,  
.headingInner h3,
.headingInner h2  
{
    color:#888888;
    font-weight:normal;
    float:left;
}
#content .col_32fr .headingInner h3,
.headingInner h3,
.headingInner h2,
.headingInner a  {padding: 9px 0 6px 15px;}

.headingInner a  
{
    font-weight:bold;
    background:transparent url(/images/orange_arrow_down.png) no-repeat 100% 22px; 
    padding-right:15px;
    border-left: 1px dotted #E5E5E5;
    padding-top:17px;
    margin-left:15px;
    float:left;
    display:block;
}

.headingInner a:hover { text-decoration:underline; }

/* LISTING */
.listing li 
{
    background:url(none) no-repeat 98% 0;
    margin-bottom:24px;
    border-bottom:1px dotted #E5E5E5; 
    padding-bottom:24px;
}

.listing li.last { border-bottom:0; padding-bottom:0;}

.listing li p { margin-bottom:0; }
.listing h4,
.listing h3 { padding-bottom:10px; }

.listing li a:hover { color:#fff;background-color:#FF7800;text-decoration:none; }

.twoCol li  
{
    border:0;
    padding:0;
    margin-bottom:0; 
    float:left;
    width:45%;
    margin-left:3%;
    display:inline;
}

/* DATE - NEWS */
.listing .date  
{
    float:left;
    text-align:center;
    width:60px; 
    text-transform:uppercase;
    background:#C5F2FC url(/images/date_btm_bg.png) no-repeat 0 100%;
    padding-bottom:8px;
}

.listing .date .inner 
{
    background:#C5F2FC url(/images/date_top_bg.png) no-repeat 0 0;
    padding-top:8px;
    display:block;
}

.listing .day { display:block; }

/* LISTING CHECKBOXES - CAREERS */
.listing input { width:auto;float:left; }
.listing label { float:left;padding:2px 0 0 5px; } 

#content #checkboxList p { padding:5px 0 0 25px; }

.contentForm #checkboxList li { padding:0;margin:0;padding-bottom:5px;margin-bottom:5px; }

#checkboxList label { background-color:transparent; }

#checkboxList input { border:0; }
/* RIGHT COLUMN LISTING */
.col_32fr .listing p { margin-bottom:1em; }

.col_32fr .listing p a 
{
    background:transparent url(/images/orange_arrow_right.png) no-repeat 0 4px;
    padding-left:10px;
    color:#FF7800;
    font-weight:bold;
}

.col_32fr .listing p a:hover { text-decoration:underline;background-color:transparent;color:#FF7800; }

/* NEWS LISTING */
.col_58fl.listing li { padding-right:0; }

#content .col_34fr a {color:#FF7800;}

#content .col_34fr a:hover,
#content .col_34fr a:focus,
#content .col_34fr a:active { text-decoration:underline; }

/* ARROW LIST - NEWS */
#content #arrowList { padding-top:10px;padding-bottom:10px; }
#arrowList li { border:0;margin:0;padding-bottom:5px; }

#arrowList a { font-weight:bold;background:transparent url(/images/orange_arrow_right.png) no-repeat 0 4px;padding-left:10px; }
/* RIGHT COLUMN */
#content .col_32fr 
{
    background-color:#F7F6F5; 
    padding: 35px 0;
}
#content #tabbedRight { padding:0;background-color:transparent; }

#content .col_32fr h3 { padding-bottom:15px;color:#666; }

.col_32fr .listing li,
#content .col_32fr h3 { padding-left:20px;padding-right:20px; }

.col_32fr .listing h4 a  
{
    background:url(/images/orange_arrow_right.png) no-repeat 0 4px; 
    padding-left:10px;
}

.col_32fr .listing h4 a:hover,
.col_32fr .listing h4 a:focus,
.col_32fr .listing h4 a:active {text-decoration:underline;color:#FF7800;}
/* QUOTES */
blockquote { margin:0; }

#content blockquote p { padding:0;margin:0; }

.startQuote,
.endQuote { display:inline-block; }

.startQuote
{
    background: url(/images/quote_start.png) no-repeat 0 0;
    width:40px;
    height:30px;
    float:left;
}

.endQuote 
{
    background: url(/images/quote_end.png) no-repeat 0 3px;
    float:none;
    width:18px;
    height:16px;
}

cite { font-style:normal;display:block;padding-top:10px; }

.col_32fr .startQuote { background-image:url(/images/quote_start_greybg.png); }
.col_32fr .endQuote { background-image:url(/images/quote_end_greybg.png); }

cite .client { border-left:1px solid #555;padding-left:8px;margin-left:8px; }

/* IMAGE TEXT COMBO AS SEEN ON CASE STUDY DETAILS */
.imageTextCombo { padding-bottom:10px; }
.imageTextCombo .fr {width:32%;font-style:italic;padding:0;}
/* CASE STUDY QUOTE */
#comment { padding:0 20px 25px;border-bottom:1px solid #E5E5E5;margin-bottom:25px; }
#comment .fr { width:75%; }
/* FOOTER */
#footer 
{
    background:#262523 url(/images/footer_bg.png) repeat-x 0 0;
    border-top:5px solid #ddd;
    color:#9D9D9D;
    padding:33px 0 50px 0;
}

#footer ul,
#footer li { padding:0; }

#footer li { background:none; }

#footer .vcard, #footer p
{
	padding-left:30px;
}

#footer .vcard .n,
#footer a { color:#fff;font-weight:bold; }

#footer li a { background-color:#1c1c1c; }

#footer .vcard .country-name,
#footer .vcard .postal-code,
#footer .vcard .fn { display:block; }

#footer .vcard .country-name { visibility:hidden; }


/*  -- Blog Archive -- */
.archive ul{list-style:none;}
ul.archive{list-style:none;}
ul.archive{padding:0 0 0 0;margin:0px;width:30px;}
ul.archive li{width:230px;}
ul.archive li.year a{text-decoration:none;}
ul.archive li.year a:hover{text-decoration:underline;}
ul.archive li.month{margin:0px;}
ul.archive li.month ul{position: relative;}
ul.archive li.month a{text-decoration:none;}
ul.archive li.month a:hover{text-decoration:underline;}
ul.archive .yearHeader{margin-bottom:3px;padding-left:16px;background:url('/images/culture_arrow.gif') no-repeat scroll left -9px;}
ul.archive .yearOpen .yearHeader{background-position:left 3px;}
ul.archive .monthHeader{margin-bottom:3px;background:url('/images/culture_arrow.gif') no-repeat scroll left -9px;padding-left:16px;}
ul.archive ul .monthOpen .monthHeader{background-position:left 3px;}
ul.archive li ul li.topic{font-weight:normal; }
ul.archive li ul li.topic a{text-decoration:none;}
ul.archive li ul li.topic a:hover{text-decoration:underline;}

ul.archive .yearList{display:none;}
ul.archive .month ul {display:none;}