/*=====================*/
/*Common CSS for screen */
/*RM 07/05/2009*/
/*=====================*/

/*=====================*/
/*Utilities*/
/*=====================*/
/*Clearfix method for floated elements*/
.clearfix {display: inline-block;}

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


/*Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearBoth
{
clear: both;
}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
position:relative; 
margin:0px; 
padding:0px; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ overflow: hidden; /* */ 
} 

.replace span
{
display: block; 
position: absolute; 
top: 0; 
left: 0; 
z-index: 1; /*for Opera 5 and 6*/ 
}

.hide,
.sectionHeading
{
position: absolute;
left: -9999px;
top: -9999px;
}

/*Visual reminder to fix something before launch */
.replaceMe
{
background: red;
color: yellow;
}

/*=====================*/
/*Basic styling*/
/*=====================*/
body
{
color: #222;
font: normal 100%/1.4 Arial, Helvetica, sans-serif;
background: #fff url(../images/backTile.png) repeat-x left top;
}

h1
{
font-size: 2em;
}

h2
{
font-size: 1.4em;
}

h3
{
font-size: 1.2em;
margin-top: 1em;
}

p, li
{
font-size: .9em;
}

#helperPanel a
{
position: absolute;
left: -9999px;
top: -9999px;
}

a
{
color: #141786;
padding: 0 .1em;
}

.panel a
{
padding: 0;
}

a:visited
{
color: #292c91;
}

a:focus,
a:hover,
a:active
{
color: #fff;
background: #141786 none;
text-decoration: none;
}

a.imgLink:focus,
a.imgLink:hover,
a.imgLink:active
{
background: #fff none;
}

/*=====================*/
/*Structure*/
/*=====================*/
#mainWrap
{
width: 100%;
max-width: 940px;
margin: 0 auto;
padding: 0 10px;
border: 1px solid #e4e4e4;
border-width: 0 1px;
background: #fff none;
}

/*ie6 hack */
* html #mainWrap
{
width: 940px;
}

#siteBranding
{
position: relative;
top: 0.5em;
}

#primaryContent
{
width: 68%;
float: left;
}

#secondaryContent
{
width: 30%;
float: right;
}

#siteInformation
{
clear: both;
padding: 2em 0;
text-align: center;
}

/*=====================*/
/*Content*/
/*=====================*/
#primaryContent p
{
margin-bottom: 1em;
}

#primaryContent ul
{
list-style: disc outside;
margin: 0.3em 0;
}

#secondaryContent ul
{
list-style: disc inside;
margin: 0.3em 0;
}

#primaryContent li
{
margin: 0 1em;
}

#primaryContent .multiList
{
list-style: none;
}

#primaryContent .multiList li
{
font-weight: bold;
font-size: 1.1em;
margin: .5em 1.9em 0 0;
width: 28%;
float: left;
}

#primaryContent .multiList li li
{
font-weight: normal;
font-size: .8em;
margin: 0;
width: 100%;
float: none;
margin: 0 1em 0 1em;
}

/*=====================*/
/*Branding*/
/*=====================*/
#siteLogo,
#siteLogo span
{
width: 305px;
height: 135px;
background: #fff url(../images/focus_investigations.png) no-repeat left top;
float: left;
}

#siteBranding div
{
min-width: 100px;
float: right;
}

/*=====================*/
/*Navigation*/
/*=====================*/
#primaryNavigation
{
min-height: 2em;
line-height: 2em;
background: #d9e3ff none;
border: 1px solid #003;
border-radius: .5em;
margin: 1em 0;
}

#primaryNavigation ul
{
width: 80%;
margin: auto;
}

#primaryNavigation li
{
display: inline;
float: left;
margin-right: 2em;
font-weight: bold;
}

#primaryNavigation li.selected
{
padding: 0 .5em;
}

#primaryNavigation a
{
color: #141786;
display: block;
text-decoration: none;
padding: 0 .5em;
}

#primaryNavigation a:focus,
#primaryNavigation a:hover,
#primaryNavigation a:active
{
color: #fff;
}

/* Secondary Content */
#secondaryContent .panel
{
border: 1px solid #009;
padding: .5em 1em;
background: #d9e3ff none;
border-radius: 1em;
margin-bottom: 1em;
}

#secondaryContent .panel h3
{
margin: 0;
color: #141786;
}

#secondaryContent .panel .companyAddress span,
#secondaryContent .panel .companyInformation
{
display: block;
margin-left: .5em;
font-weight: bold;
}

#secondaryContent .panel .companyAddress
{
margin: .5em 0;
}

#secondaryContent .panel .companyInformation
{
margin-bottom: .5em;
}

.cta
{
font-weight: bold;
text-align: right;
font-size: 1.5em;
color: #141786;
}

#siteBranding .cta
{
color: #222;
}

.imgPanel
{
clear: both;
border: 1px solid #666;
border-radius: 1em;
padding: 1em 1em 0 1em;
margin-bottom: 1em;
}

#secondaryContent .imgPanel
{
padding-bottom: .5em;
}

.imgPanel img
{
border: 1px solid #666;
}

#secondaryContent .imgPanel img
{
display: block;
margin: auto;
}

.imgPanel p
{
font-weight: bold;
text-align: center;
}

.imgCaption
{
margin-top: 0.2em;
margin-bottom: .2em;
}

.decorationLeft
{
float: left;
margin-right: 1em;
}

.decorationRight
{
float: right;
margin-left: 1em;
}

ul.decorationLeft,
ul.decorationRight
{
padding-top: 2em;
width: 296px;
}

.logoBar
{
text-align: center;
}

.logoBar img
{
margin: 0 1em;
}

/* Hacks */
/*CSS3*/
#primaryNavigation
{
-moz-border-radius: .5em;
-webkit-border-radius: 5px;
}

#secondaryContent .panel,
#secondaryContent .photoPanel,
.imgPanel
{
-moz-border-radius: 1em;
-webkit-border-radius: 20px;
}