
* {
margin: 0;
padding: 0;
}

body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #666;
background: #f8f8f8 url(../../global/img/bg_top.jpg) 0 0 repeat-x;
}

/* Main Layout Divs
....................................................................... */
.container {
width: 960px;
margin: 0 auto;
}
#header {
float: left;
width: 960px;
height: 166px;
}
#navi {
clear: both;
float: left;
width: 938px;
margin: 0 0 1px 0;
display: inline;
}
#wrapper {
clear: both;
float: left;
width: 960px;
min-height: 400px;
margin: 20px 0 0 0;
}
#left {
clear: both;
float: left;
width: 190px;
}
#middle {
float: left;
width: 545px;
margin: 0 0 0 17px;
display: inline;
}
#right {
float: right;
width: 190px;
}
#bottom {
clear: both;
float: left;
width: 100%;
background: #fff;
border-top: 1px solid #e2e8ef;
}


/* Generic Elements
....................................................................... */
p {
line-height: 1.6em;
margin: 0 0 15px 0;
}
a {
color: #00539b;
text-decoration: none;
}
a:hover {
color: #2c2c13;
}
h1 {
font-size: 2.3em;
font-weight: normal;
font-style: italic;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 15px 0;
}
h2 {
font-size: 1.1em;
color: #2c2c13;
font-weight: normal;
background: #f8f8f8;
border: 1px solid #e2e8ef;
padding: 5px;
margin: 0 0 15px 0;
}
#left h2, #right h2 {
margin: 0 0 5px 0;
}
h3 {
font-size: 1em;
color: #2c2c13;
font-weight: normal;
margin: 0 0 15px 0;
}
h4 {
font-size: 1em;
color: #2c2c13;
font-weight: normal;
margin: 0 0 2px 0;
}
img, img a {
border: 0;
}
img.bordered, img.bordered a {
border: 1px solid #e2e8ef;
}
ol,
ul {
margin: 0 0 15px 20px;
}
#left ul, #right ul {
margin-bottom: 5px;
}
ul.indented {
margin-left: 198px;
}
li {
margin: auto;
line-height: 1.6em;
padding: 0 0 8px 0;
}
hr {
border: 0;
height: 1px;
border-top: 1px solid #e2e8ef;
background: #e2e8ef;
margin: 15px 0 15px 0;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
img.align.left{
float:left;
margin-right:15px;
margin-bottom: 10px;
}
img.align.right{
float:right;
margin-left:15px;
margin-bottom: 10px;
}
.small {
font-size: 0.8em;
}
.dark {
color: #2c2c13;
}
.divider {
color: #666;
padding: 0 5px 0 5px;
}


/* Forms
....................................................................... */
form {
margin: 0 0 30px 0;
padding: 0;
}
fieldset {
	border: 0;
}
label	{
}
form .error {
	color: #A00;
}
input, textarea, select {
width: 260px;
font-size: 1em;
font-weight: normal;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
background: #fff;
color: #c2c2c2;
border: 1px solid #cacaca;
padding: 4px 3px;
margin: 0 0 10px 0;
}
.Radio, .Checkbox {
background-color: transparent;
border: 0;
}
textarea {
overflow: auto;
}
select option {
padding: 0 5px;
}
form .submit input,
.btn { /* Submit */
border: 0;
width: auto;
color: #00539b;
background: #fff;
font-size: 1em;
padding: 2px;
}
.required {
color: #fc7721;
}

form .row span.label,
.HorizontalFormContainer dt {
width: 190px;
float: left;
margin: 0 0 30px 0;
clear: left;
}
form .row span.input,
.HorizontalFormContainer dd {
display: block;
margin-left: 200px;
margin-bottom: 10px;
}
form .row span.label abbr {
	border-bottom: 0;
}
form .submit,
.HorizontalFormContainer p.Submit {
width: 470px;
text-align: right;
padding: 0;
margin: 0;
}


/* Header
....................................................................... */
#toplinks {
width: 960px;
height: 30px;
color: #fff;
}
#toplinks p {
padding: 7px 0 0 0;
margin: 0;
}
#toplinks a {
color: #fff;
text-decoration: none;
}
#toplinks a:hover {
text-decoration: underline;
}
#toplinks a.register {
color: #fc7721;
}

#logo {
float: left;
width: 550px;
height: 100px;
color: #fff;
background: url(../../global/img/bg_logo.gif) 0 7px no-repeat;
padding: 7px 0 0 0;
}
#logo h1 {
float: left;
width: 170px;
height: 70px;
background: url(../../global/img/logo.gif) 0 0 no-repeat;
}
#logo h1 a {
display: block;
width: 170px;
height: 70px;
}
#logo h1 a span {
display: none;
}
#logo h2 {
float: left;
font-size: 1.25em;
font-style: italic;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: transparent;
border: 0;
color: #fff;
padding: 0;
margin: 25px 0 0 3px;
}

#search {
float: right;
width: 400px;
height: 95px;
color: #fff;
text-align: right;
padding: 12px 0 0 0;
}
#search h3 {
font-size: 1.2em;
color: #fff;
}
#search a {
color: #fc7721;
text-decoration: none;
}
#search a:hover {
text-decoration: underline;
}
#search .floatleft {
width: 180px;
margin: 20px 0 0 0;
}
#search form {
float: right;
margin: 15px 0 0 0;
}
#search input.text {
width: 130px;
}
#search input.submit {
width: auto;
color: #000;
}

#search .btn {
width: 18px;
height: 18px;
background: #fff url(../../global/img/btn_search.gif) 0 0 no-repeat;
vertical-align: middle; *vertical-align: text-bottom;
padding: 0;
margin: 0;
}


/* Top Navigation
....................................................................... */
#navi {
clear: both;
float: left;
width: 960px;
height: 29px;
}
#navi ul {
margin: 0;
padding: 0;
}
#navi li {
float: left;
padding: 0;
margin: 0;
list-style: none;
list-style-image: none;
}
#navi li a {
display: block;
width: 126px;
height: 24px;
color: #fff;
font-size: 1.2em;
font-style: italic;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
background: #02447e;
border-right: 1px solid #00539b;
padding: 5px 0 0 0;
}
#navi li.home a {
width: 70px;
}
#navi li a:hover {
background: #077dad;
}
#navi li.selected a {
background: #f8f8f8;
color: #02447e;
}
#navi li.selected a:hover {
background: #077dad;
color: #fff;
}
#navi li strong {
font-weight: normal;
}


/* Sidebar Navigation
....................................................................... */
ul.left_navi {
min-height: 200px;
border-top: 1px solid #e2e8ef;
padding: 0;
margin: 20px 0 0 0;
}
ul.left_navi li {
clear: both;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
ul.left_navi li.selected span {
color: #2c2c13;
}
ul.left_navi li a {
position: relative;
display: block;
width: 170px;
background: url(../../global/img/bg_btn_left_navi.gif) 50% 100% no-repeat;
padding: 5px 9px 5px 9px;
margin: 0 -9px 0 -9px;
}
ul.left_navi li.selected a {
background: #e2e8ef;
color: #2c2c13;
}
ul.left_navi li a:hover {
background: #e2e8ef;
color: #2c2c13;
}
ul.left_navi li ul {
margin: 0;
padding: 0;
}
ul.left_navi li ul li {
list-style: none;
margin: 0;
padding: 0;
}
ul.left_navi li ul li a, ul.left_navi li.selected ul li a {
width: 160px;
background: #fff url(../../global/img/bg_btn_left_navi.gif) 50% 100% no-repeat;
color: #00539b;
padding-left: 19px;
}
ul.left_navi li ul li a:hover {
background: #f0f3f7;
color: #2c2c13;
}
ul.left_navi li ul li.selected a, ul.left_navi li.selected ul li.selected a {
background: #f0f3f7;
color: #2c2c13;
}
.left_navi li strong {
font-weight: normal;
}


/* Hero
....................................................................... */
#hero {
position: relative;
width: 960px;
height: 270px;
overflow: hidden;
margin: 0 0 20px 0;
}
#hero_text {
position: absolute;
left: 20px;
top: 0;
z-index: 10;
width: 340px;
color: #333;
background: url(../../global/img/bg_hero_text.gif) 100% 100% no-repeat;
padding: 23px 60px 25px 40px;
}
#hero_text h1 {
color: #fff;
margin-bottom: 5px;
}
#hero_text li {
margin: 0;
padding: 0;
}
hero_pic {
position: relative;
z-index: 1;
}


/* Bottom & Footer styles
....................................................................... */
#bottom_navi {
float: left;
width: 945px;
font-size: 0.9em;
margin: 20px 0 0 10px;
display: inline;
}
#bottom_navi ul {
padding: 0;
margin: 0;
}
#bottom_navi li {
float: left;
width: 124px;
list-style: none;
color: #00539b;
font-size: 1.1em;
font-weight: bold;
padding: 0;
margin: 0 4px 0 0;
}
#bottom_navi li.contact, #bottom_navi li.contact ul li {
width: 172px;
margin: 0;
}
#bottom_navi li a {
}
#bottom_navi li a:hover {
}
#bottom_navi li ul {
margin: 5px 0 0 0;
}
#bottom_navi li ul li {
color: #666;
font-size: 1em;
font-weight: normal;
}
#bottom_navi li ul li.padded {
padding-bottom: 10px;
}
#bottom_navi li ul li a {
color: #666;
}
#bottom_navi li ul li a:hover {
color: #2c2c13;
}
#bottom_navi a.email {
color: #00539b;
}

#footer {
clear: both;
float: left;
width: 940px;
border-top: 1px solid #ccc;
padding: 20px 0 10px 0;
margin: 10px 0 0 10px;
display: inline;
}


/* Blocks (White box containers)
....................................................................... */
.block {
clear: both;
width: 525px;
background: #fff url(../../global/img/bg_block.gif) 0 100% no-repeat;
border-top: 1px solid #e2e8ef;
padding: 10px 10px 10px 10px;
margin: 0 0 20px 0;
}
.block .opening {
	margin-left: 176px;
}
.block .body {
	clear: both;
}

#left .block, #right .block {
width: 170px;
background: #fff url(../../global/img/bg_block_side.gif) 0 100% no-repeat;
}
.sideBar ul {
	font-style: italic;
}



/* Column layouts
....................................................................... */


.pageBlockLink {
	float: left;
	width: 157px;
	margin: 0 0 0 27px;
	display: inline;
}

.pageBlockLink.headingPlusLink,
.pageBlockLink.textPlusLink {
	margin-left: 0;
}

.column_wrapper {
clear: both;
float: left;
width: 525px;
margin: 0 0 15px 0;
}
.three_column {
float: left;
width: 157px;
margin: 0 0 0 27px;
display: inline;
}
.three_column.first {
margin: 0;
}
.two_column {
float: left;
width: 257px;
margin: 0 0 0 10px;
display: inline;
}
.two_column.first {
margin: 0;
}


/* 'Find out more' box
....................................................................... */
#find_out_more {
clear: both;
float: left;
border-top: 1px solid #e2e8ef;
margin: 0 0 50px 0;
padding: 50px 0 0 0;
}
#find_out_more.noborder {
border: 0;
}
#find_out_more #box {
width: 503px;
font-size: 1.2em;
font-style: italic;
background: #f8f8f8;
border: 1px solid #e2e8ef;
padding: 10px;
}
#find_out_more .floatleft {
color: #f79727;
width: 220px;
}
#find_out_more dl {
float: right;
width: 280px;
color: #00539b;
}
#find_out_more dt {
float: left;
width: 85px;
padding: 0 0 5px 0;
}
#find_out_more dd {
float: left;
width: 185px;
padding: 0 0 5px 0;
}


/* Articles (events, news, case studies etc)
....................................................................... */
ul.article_list {
margin: 0;
padding: 0;
}
ul.article_list li {
list-style: none;
line-height: 1.4em;
padding: 5px 9px 5px 9px;
margin: 5px -9px 5px -9px;
}
ul.article_list li.selected {
background: #f0f3f7;
}
ul.article_list li.selected span {
color: #2c2c13;
}
.article_wrapper {
clear: both;
float: left;
width: 525px;
border-bottom: 1px solid #e2e8ef;
padding: 0 0 10px 0;
margin: 10px 0 10px 0;
}
.article_wrapper.unbordered {
border: 0;
}
.article_img {
float: left;
width: 160px;
text-align: center;
padding: 5px 0 5px 0;
}
.article_detail {
float: right;
width: 340px;
}


/* Misc Styles
....................................................................... */
.pagination {
clear: both;
padding: 20px 0 0 0;
text-align: center;
}
.pagination p {
color: #2c2c13;
}

.client_quote {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 1.2em;
color: #00539b;
margin: 0 0 5px 0;
}
#right .client_quote {
color: #666;
line-height: 1.3em;
}


/* Services
....................................................................... */
.article_wrapper h2 {
border: 0;
background: transparent;
padding: 0;
margin: 0 0 5px 0;
}

#pServices .service_logo_container {
	margin-right: -1px; /* IE6 Win: content area clears the logo */
}

.article_wrapper h2 a {
display: block;
width: 155px;
height: 30px;
}
.article_wrapper h3,
.service_logo_container h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 1.3em;
color: #666;
margin: 0 20px 15px 0;
}
.service_logo_container {
float: left;
width: 175px;
min-height: 150px;
background: url(../../global/img/bg_service_logo_container.gif) 100% 0 no-repeat;
margin: 0 10px 10px 0;
}

/* Search
....................................................................... */

#pSearch #cse .gsc-search-box,
#pSearch #cse .gsc-tabsArea,
#pSearch #cse .gs-visibleUrl-short {
	display: none;
}

#pSearch #cse .gs-visibleUrl-long {
	display: block;
}
