/* global CSS styles for all USExpertise.com web pages */

/* START - HACK FOR EXTENDING DIV AROUND A FLOAT */
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* End hide from IE-mac */
/* END - HACK FOR EXTENDING DIV AROUND A FLOAT */


/* start - global layout styles */
body {
text-align: center;
margin: 0;
padding: 0;
}

#pgheader {
text-align: left;
padding: 0 0 0 40em;
margin: 0 auto;
width: 60em;
}

#pgheader p {
padding: .25em 3em .25em 0;
float: left;
}

#page {
text-align: left;
margin: 0 auto;
width: 100em;
background: #fff url(../images/shared/bg_page.gif) bottom left no-repeat;
}

#pgfooter {
text-align: left;
margin: 0 auto;
padding: 2em 4em 4em 40em;
width: 56em;
}

#pgfooter p {
margin: 0;
}

#pgfooter .copyright {
width: 46em;
float: left;
}

#pgfooter .totoplink {
text-align: right;
float: right;
width: 9em;
}
/* end - global layout styles */


/* start - global formatting styles */
body, .reg, p, quote, ul, ol, td, th, input, select, form {
font-family: verdana, helvetica, arial, sans serif;
color: #666;
font-size: 11px;
}

form, td {
font-size: 10px;
}

body.css {
background: #333;
padding: 0;
margin: 0;
font-size: 62.5%;
}

img, form {
border: 0;
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5 {
border-bottom: .075em #B43C3C solid;
margin: 0;
padding: 0;
}

h1 {
font-size: 3.6em;
}

h2 {
font-size: 2.4em;
}

h3 {
font-size: 1.8em;
padding-left: .75em;
}

h2 .text, h3 .text, h4 .text {
position: relative;
top: .23em;
}

h3 .number {
color: #B43C3C;
padding-right: .35em;
}

h4 {
font-size: 1.5em;
}

h5 {
font-size: 1.2em;
}

h6 {
font-size: 1.1em;
}

.linkcolor {
color: #B43C3C;
}

.arrow {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
}

a:link, a.novisit, a.novisit:link, a.novisit:visited {
color: #B43C3C;
text-decoration: none;
}

a:visited {
color: #878787;
text-decoration: none;
}

a:hover, a.novisit:hover {
color: #000;
text-decoration: underline;
}

a.reverse:link {
color: #666;
}

a.reverse:visited {
color: #878787;
}

a.reverse.novisit:visited {
color: #666;
}

a.reverse:hover, a.reverse.novisit:hover {
color: #000;
}

a.plain, a.plain:hover {
text-decoration: none;
}

.white, a.white:visited, a.white:hover {
color: #fff;
}

.bold {
font-weight: 700;
}

a.arrow_dn {
padding-left: 1em;
background: url("../images/shared/arrow_dn.gif") no-repeat 0 80%;
}

a.arrow_dn:hover {
background-image: url("../images/shared/arrow_dn_over.gif");
}

a.arrow_dn.wh, a.arrow_dn.wh:hover {
background: url("../images/shared/arrow_dn_wh.gif") no-repeat 0 80%;
}

a.arrow_up {
padding-left: 1em;
background: url("../images/shared/arrow_up.gif") no-repeat 0 60%;
}

a.arrow_up:hover {
background-image: url("../images/shared/arrow_up_over.gif");
}

a.arrow_up.wh, a.arrow_up.wh:visited, a.arrow_up.wh:hover {
background-image: url("../images/shared/arrow_up_wh.gif");
}

#pgheader p, #pgheader a:link, #pgheader a:visited, #pgfooter p, #pgfooter a:link, #pgfooter a:visited {
font-size: 1em;
color: #ccc;
text-decoration: none;
}

#pgheader {
font-weight: bold;
}

#pgheader a:hover, #pgfooter a:hover {
text-decoration: underline;
}

#page {
background: #fff url("../images/shared/bg_page.gif") no-repeat bottom left;
}
/* end - global formatting styles */


/* start - styles for header and global nav */
#header {
position: relative;
z-index: 50;
background: #fff url(../images/shared/bg_header.jpg) repeat-x bottom left;
height: 6em;
border-bottom: .2em #B43C3C solid;
}

#logo_header {
width: 32em;
height: 9.5em;
position: absolute;
top: -3.5em;
left: 0;
}

#globalnav {
position: absolute;
left: 39em;
bottom: -1em;
z-index: 50;
}

#globalnav ul, #globalnav li {
margin: 0;
padding: 0;
list-style: none;
}

#globalnav .level1 {
font-size: 1.2em;
}

#globalnav ul li a {
display: block;
}

#globalnav .level1 li  {
	display: block;
	position: relative;
	float: left;
	border-left: 0.09em #b4b4b4 solid;
	margin-left: .09em;
	}

#globalnav .level1 li a {
padding: .25em 2.1em 1.6em .8em;
font-weight: bold;
color: #707070;
}

#globalnav .level1 li a:visited {
color: #707070;
}

#globalnav .level1 li a:hover {
color: #333;
text-decoration: none;
}

#globalnav .level1 li:hover {
border-left: .169em #333 solid;
left: -.09em;
margin-right: -.09em;
}

#globalnav .level1 li.current {
border-left: .169em #B43C3C solid;
margin-left: 0;
}

#globalnav .level1 li.current:hover {
left: 0;
margin-right: 0;
}

#globalnav .level1 li.current a, #globalnav .level1 li.current a:hover  {
color: #B43C3C;
text-decoration: none;
border: none;
}

#globalnav .level1 li.current a {
padding-bottom: 1.6em;
}

#globalnav .level1 li.current a:visited {
color: #B43C3C;
}

#globalnav .level2 li, #globalnav .level2 li:hover {
border-left: none;
left: 0;
margin-right: 0;
}

#globalnav .level1 .level2 {
display: none;
position: absolute;
top: 2em;
left: -.5em;
z-index: 60;
border: .09em solid;
border-top-color: #b4b4b4;
border-left-color: #b4b4b4;
border-bottom-color: #707070;
border-right-color: #707070;
background: #efefef url(../images/shared/spacer.gif);
width: auto;
}

#globalnav .level1 .level2 li, #globalnav .level1 li.current .level2 li {
float: none;
display: block;
margin: 0;
padding: 0;
}

#globalnav .level1 .level2 a, #globalnav .level1 li.current .level2 a {
display: block;
padding: .38em 1em .38em .9em;
height: 1.15em;
border: none;
color: #707070;
border-top: .1em #b4b4b4 solid;
white-space: nowrap;
}

#globalnav .level1 li.current .level2 a:visited {
color: #707070;
}

#globalnav .level1 .level2 li.top a {
border-top: none;
}

#globalnav .level1 .level2 a:hover, #globalnav .level1 li.current .level2 a:hover {
color: #fff;
background: #B43C3C;
border-left: none;
}

#globalnav .level1 li:hover .level2 {
display: block;
}
/* end - styles for global nav */


/* start - styles for backnav */
.backnav {
font-size: 1em;
margin-left: 39em;
}

.backnav p {
font-size: 1em;
float: left;
padding-right: 1.5em;
margin: .5em 0 0 0;
}

.backnav a, .backnav a:visited {
text-decoration: none;
}

#backnav_top {
padding-top: 1.5em;
}
/* end - styles for backnav */


/* start - styles for content */
.title {
width: 32em;
height: 32em;
position: absolute;
z-index: 0;
}

#content {
margin: 1.25em 0 4em 4em;
float: right;
width: 64em;
position: relative;
z-index: 1;
}

.intro {
margin: 0 4em 0 4em;
}

.intro p {
font-size: 1.4em;
line-height: 160%;
color: #B43C3C;
}

.contentblock {
margin-top: 4em;
}

.contentblock.top {
margin-top: 4em;
}

.contentblock h3 {
position: relative;
}

.contentblock h3 .subtext {
font-size: .6em;
color: #707070;
position: absolute;
top: .7em;
left: 32em;
}

.contentblock h4 .subtext {
font-size: .7em;
color: #707070;
position: absolute;
top: .45em;
left: 30em;
white-space: nowrap;
}

.contentblock .copy {
font-size: 1.2em;
line-height: 170%;
margin: 1em 3.3em 0;
padding: 0;
}

.contentblock .moreinfo {
margin: 0 0 -3em 2em;
padding: 5em 4em 0 2em;
position: relative;
top: -3.5em;
z-index: 1;
border-left: .1em #b4b4b4 solid;
}

.contentblock .moreinfo .moreinfolink {
padding: 0 2em .5em 2em;
border-bottom: .1em #b4b4b4 solid;
position: relative;
left: -2em;
width: 27em;
}

.contentblock .moreinfo .moreinfolink a {
font-size: 1.2em;
font-weight: bold;
}

.contentblock .copy .featurethb {
float: left;
margin: .45em 1.5em 0 0.2em;
}
/* end - styles for content */


/* start - styles for sidebar */
#sidebar {
float: left;
margin-top: 26.4em;
width: 32em;
position: relative;
z-index: 1;
}

#titlequote {
width: 32em;
}

#titlequote p {
font-size: 3em;
font-weight: normal;
line-height: 80%;
text-align: right;
color: #b4b4b4;
padding: 0;
margin: 0;
letter-spacing: -1px;
position: relative;
z-index: 5;
}

#titlequote p span {
color: #B43C3C;
}

#spotlight {
border-left: .1em #B43C3C solid;
padding: 3em 0 3em 1.5em;
margin: 3em 0 0 9em;
}

#spotlight h4, #spotlight h5, #spotlight h6 {
border: none;
font-weight: normal;
line-height: 80%;
}

#spotlight .sbfeature {
width: 19em;
margin-top: 3em;
}

#spotlight .sbfeature .featurethb {
width: 7em;
height: 7em;
margin: 0 0 1em -3em;
position: relative;
z-index: 1;
}

#spotlight .sbfeature #featurethb_process {
width: 14em;
height: 3em;
}

#spotlight .sbfeature h5 {
font-weight: bold;
}

#spotlight .sbfeature p {
line-height: 140%;
}

#spotlight .sbfeature p.top {
margin: .4em 0 0;
}

body.services.process .sbfeature.services,
body.experience.casestudy.ofcom #sbrotate_3,
body.experience.casestudy.ofcom #sbrotate_4,
body.aboutus.ethics #sbrotate_1,
body.aboutus.ethics #sbrotate_2,
body.aboutus.ethics #sbrotate_3,
body.aboutus.ethics #sbrotate_4,
body.aboutus.ethics .sbfeature.bio,
body.aboutus.team .sbfeature.ethics,
body.aboutus.team #sbrotate_1,
body.aboutus.team #sbrotate_2,
body.aboutus.team #sbrotate_3,
body.aboutus.team #sbrotate_4 {
display: block;
visiblity: visible;
}

body .sbrotate_advice,
body.whyus #sbrotate_5,
body.services .sbfeature.services,
body.services #sbrotate_5,
body.services.process .sbfeature.process,
body.services.process #sbrotate_5,
body.experience .sbfeature.casestudies,
body.experience.casestudy.idx #sbrotate_3,
body.experience.casestudy #sbrotate_4,
body.experience.casestudy #sbrotate_5,
body.aboutus #sbrotate_3,
body.aboutus #sbrotate_4,
body.aboutus #sbrotate_5,
body.aboutus .sbfeature.ethics,
body.aboutus .sbfeature.bio,
body.aboutus.ethics .sbfeature.ethics,
body.aboutus.team .sbfeature.bio,
body.aboutus.team.bio .sbfeature.bio,
body.aboutus.team.bio #sbrotate_3,
body.aboutus.team.bio #sbrotate_4,
body.aboutus.team.bio #sbrotate_5 {
display: none;
visiblity: hidden;
}
/* end - styles for sidebar */


/* start - styles for footernav */
#footernav {
clear: both;
position: relative;
margin: 0 0 .75em 0;
}

#logo_footer {
width: 19em;
height: 6em;
position: absolute;
top: -0.4em;
right: 64em;
}

#backnav_btm {
position: relative;
top: 0.8em;
width: 50em;
}

#nextlink {
border-bottom: .1em #b4b4b4 solid;
padding: 0 1.8em .5em 0;
margin: 0 0 0 37em;
}

#nextlink p {
font-size: 2.4em;
text-align: right;
margin: 0;
}

#nextdest {
padding: 0 4em .5em 1em;
margin: -.5em 0 0 35em;
}

#nextdest p {
font-size: 1.2em;
font-weight: bold;
text-align: right;
}

#nextdest p a, #nextdest p a:visited {
color: #878787;
}

#nextdest p a:hover {
color: #000;
}
/* end - styles for footernav */