﻿/****************************************************
== Global Reset 
*****************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
blockquote, a, a img, font, img, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/*****************************************************
== Layout Structure
*****************************************************/

body{
    text-align: center;
    background: #999;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 75%;
    color: #333;
}
#wrap{
    margin: 0 auto;
    width: 1000px;
    background: #fff;
}
#wrap .head{
    float: left;
    margin-bottom: 36px;
}
#wrap .main{
    float: left;
    width: 1000px;
    background: transparent url(/_img/main-bg.gif) top left repeat-y;
}
#wrap .main .content{
    display:block;
    background: transparent url(/_img/tile.gif) top left repeat-y;
}
#wrap .main .content .hold
{
    float: left;
    width: 100%;
}
#wrap .main .contentSide{   
    display:block;
    color: #ff9933;
    font-size: 125%;
}
#wrap .foot{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 90%;
    color: #999;
    margin: 50px 0 10px 0;
    /******* PRINT *******/ display: none;
}

/*****************************************************
== Navigation
*****************************************************/

#wrap .main ul.mainNav{
    float: left;
    width: 687px;
    /******* PRINT *******/ display: none;
}
#wrap .main ul.mainNav li{
    float: left;
    display: inline;
}
#wrap .main ul.mainNav li a{
    float: left;
    height: 54px;
    width: 100px;
}
#wrap .home ul.mainNav li a{height: 350px;}

#wrap .main ul.mainNav li.about a{background: url(/_img/nav/about.gif) top left no-repeat;}
#wrap .main ul.mainNav li.about a:hover, #wrap .main ul.mainNav li.about a.on{background: url(/_img/nav/about-on.gif) top left no-repeat;}

#wrap .main ul.mainNav li.services a{width: 98px;background: url(/_img/nav/services.gif) top left no-repeat;}
#wrap .main ul.mainNav li.services a:hover, #wrap .main ul.mainNav li.services a.on{background: url(/_img/nav/services-on.gif) top left no-repeat;}

#wrap .main ul.mainNav li.risk a{width: 98px;background: url(/_img/nav/risk.gif) top left no-repeat;}
#wrap .main ul.mainNav li.risk a:hover, #wrap .main ul.mainNav li.risk a.on{background: url(/_img/nav/risk-on.gif) top left no-repeat;}

#wrap .main ul.mainNav li.sectors a{width: 98px;background: url(/_img/nav/sectors.gif) top left no-repeat;}
#wrap .main ul.mainNav li.sectors a:hover, #wrap .main ul.mainNav li.sectors a.on{background: url(/_img/nav/sectors-on.gif) top left no-repeat;}

#wrap .main ul.mainNav li.projects a{width: 98px;background: url(/_img/nav/projects.gif) top left no-repeat;}
#wrap .main ul.mainNav li.projects a:hover, #wrap .main ul.mainNav li.projects a.on{background: url(/_img/nav/projects-on.gif) top left no-repeat;}

#wrap .main ul.mainNav li.careers a{width: 98px;background: url(/_img/nav/careers.gif) top left no-repeat;}
#wrap .main ul.mainNav li.careers a:hover, #wrap .main ul.mainNav li.careers a.on{background: url(/_img/nav/careers-on.gif) top left no-repeat;}

#wrap .main ul.mainNav li.contact a{width: 97px;background: url(/_img/nav/contact.gif) top left no-repeat;}
#wrap .main ul.mainNav li.contact a:hover, #wrap .main ul.mainNav li.contact a.on{background: url(/_img/nav/contact-on.gif) top left no-repeat;}

/*****************************************************
== Text, Links, Images
*****************************************************/

/**** Text *****/

#wrap .main .content h1{
    font-size: 195%;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}
#wrap .main .content h2{font-size: 170%;margin: 5px 0;font-weight: normal;}
#wrap .main .content h3{font-size: 140%;margin: 5px 0;}
#wrap .main .content h4{font-size: 120%;margin: 5px 0;}

#wrap .main .content p{
    margin: 10px 0;
    font-weight: bold;
    line-height: 1.4em;
}

#wrap .main .content .highlight{color: #ff6600;font-weight: bold;}
#wrap .main .content .spacer{margin-top: 20px;}
#wrap .main .content em{color: #666;}
#wrap .main .content .largeText{font-size: 120%;font-weight: normal;}
#wrap .main .content .ref{color: #3e3e3e;}

#wrap .contentSide blockquote
{
    background: url(/_img/quote-open.gif) top left no-repeat;
    margin-top: 0;
    width: 100%;
}
#wrap .home .contentSide blockquote
{
    margin-top: 54px;
}

#wrap .contentSide blockquote p
{
    background: url(/_img/quote-close.gif) bottom right no-repeat;
    line-height: 1.3em;
    font-style: italic;
}

#wrap .contentSide ul{margin-left: 15px;/******* PRINT *******/ display: none;}
#wrap .contentSide ul li{margin: 12px 0;}
#wrap .contentSide ul.condense li{margin: 3px 0;}

/**** Links *****/

#wrap .foot a{color: #999;margin: 0 5px;}
#wrap .foot a:hover{text-decoration: none;}

#wrap .main .content a{color: #333;}
#wrap .main .content a:hover{text-decoration: none; color: #666;}

#wrap .main .contentSide a{color: #fff;text-decoration: none;}
#wrap .main .contentSide a:hover, #wrap .main .contentSide a.subOn{color: #ff6600;}

/**** Images *****/

.logo{
    float: left;
}

/**** Independent Styles *****/

.clr{clear:both;}
.floatLeft{float: left;}
.floatRight{float: right}

/******************************************
== Forms
******************************************/

#wrap .main .content form fieldset input, #wrap .main .content form fieldset textarea 
{
    border: 0;
    width: 185px;
    margin-bottom: 3px;
    background: url(/_img/input-bg.gif) top left no-repeat;
    /******* PRINT *******/ display: none;
}
#wrap .main .content form fieldset label
{
    float: left;
    width: 80px;
    font-weight: bold;
    /******* PRINT *******/ display: none;
}
#wrap .main .content .btn
{
    background: #ff8a1a;
    color: #fff;
    width: auto;
    font-weight: bold;
    font-size: 90%;
    padding: 3px;
    margin-right: 3px;
    cursor: pointer;
    /******* PRINT *******/ display: none;
}