/* ---- BASIC LAYOUT ---- */
body {background:#00051D url(../images/bg_body.jpg) no-repeat top center; margin:0; padding:0;}
.page {width:980px; margin: 0 auto;}
.logo {float:left; margin: 0; padding:32px 1px 35px 19px;}

/* ---- FONTS ---- */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#EAE7E9; line-height:1.5}

p {margin:0 0 16px 0;}
h1, h2, h3, h4, h5 {line-height:1; font-weight:normal; margin:0 0 4px 0;}
h1 {font-size:16px; font-weight:bold; color:#95A9BB; background:#000d27; padding:6px 10px;}
h2 {font-size:16px; color:#F28D1E; text-transform:uppercase;}
h3 {font-size:20px; color:#F28D1E;}
h3 strong {color:#95A9BB;} 
h4 {font-size:13px; font-weight:bold;}
h5 {font-size:11px; color:#95A9BB; padding:2px 0;}

h4 em {font-size:11px; font-weight:normal;}


h5 a:link, h5 a:visited {color:#FFF; text-decoration:none;}

a:link, a:visited, p strong {color:#FFF;}
a:hover {text-decoration:none;}

h1 a:link, h1 a:visited {color:#95A9BB; text-decoration:none;}
h1 a:hover, h1 .active {color:#FFF;}



/* ---- REPEATED ELEMENTS ----- */
img {border:0;}
hr {border:none; background:url(../images/hr.gif) repeat-x; height:1px; clear:both; overflow:hidden; color:#51657d; margin:0; padding:0;}
.hr {border:none; background:url(../images/hr.gif) repeat-x; height:1px; clear:both; overflow:hidden; color:#51657d; margin:0; padding:0;}
.clear {clear:both;}
.block {background:url(../images/bg_block.png) repeat-y; padding:20px; margin:0 0 10px 0;}
.half {float: left; width: 460px;}
.gutter {float: left; width: 20px;}
.category {float: left; width: 140px; margin-top:-1px; padding: 4px 10px 0;}
.name {float: left; width: 300px; margin-top:-1px; font-size: 11px;}
.wide-col {float: left; width: 700px; padding-top:20px;}
.wide-col h3 a:link, .wide-col h3 a:visited{color:#F28D1E; text-decoration:none;}
.thin-col {float: left; width: 220px; padding-top:20px;}

.thin-col p {font-size:11px; line-height:1.7;}
.thin-col a, .thin-col a:visited {color:#95a9bb; text-decoration:none;}
.thin-col a:hover {color:#cad4dd;}
.thin-col a.tag, .thin-col a.tag:visited {font-weight:bold;}
.thin-col h5, .category h5 {color:#FFF; text-transform:uppercase;}
.thin-col h5 a:link, .thin-col h5 a:visited {color:#FFF; text-decoration:underline;}

.top-bor {border-top:1px solid #51657d;}
.bot-bor {border-bottom:1px solid #51657d;}

.pad-2-10 {padding:2px 10px;}

.brief {padding: 10px 0;}
.brief img {margin-right:20px; float:left;}
.brief h4 {color:#FFF;}
.brief a:link, .brief a:visited {color:#EAE7E9;}

a.stretch, a.stretch:visited {padding:6px 10px; display:block; text-decoration:none; border-bottom:1px solid #51657d; color:#95A9BB; font-size: 11px;}
a.stretch strong, a.stretch:visited strong {color:#95A9BB;}
a.stretch:hover, a.active, a.active:visited {background:#000d27 url(../images/arrow_on.gif) no-repeat right center; 
border-bottom:1px solid #000d27; color:#FFF; border-top:1px solid #000d27; margin-top:-1px;}
a.stretch:hover strong, a.active strong, a.active:visited strong {color:#FFF}
.half a.stretch, .half a.stretch:visited {width:440px;}
.thin-col a.stretch, .thin-col a.stretch:visited {width:200px; padding:3px 10px;}
.name a.stretch, .name a.stretch:visited {width:280px; padding:3px 10px;}

.imageGrid img {float:left;}

.LG_pic {position:relative}
.LG_txt {position:absolute; top:1px; left:1px;}
.LG_txt h2 {background-color:#FFF; padding: 4px 0 0 8px;}

.SM_pic {float:left; margin:5px 10px 15px 0;}

.min-height {width: 450px;}
*>.min-height {padding-top: 450px; min-height: 1px;}
*>.min-height .inner {margin-top: -450px;}
* html .min-height {height: 450px;	/* IE5Mac filter */}

/* pagination: 1 2 3 4 Next, etc */
.pages {padding-top:5px; font-size:13px;}
.pages a:link, .pages a:visited {display:block; float:left; margin-right:5px; padding:3px 9px; background:#000c26; text-decoration:none;}
.pages a:hover {background: #2c3949;}
.pages a.current {background: #f18d1d;}
/* end pagination */

a.btn {background-color:#f38d1e; padding:5px 10px; display:block; float:left; font-size:13px; font-weight:bold;}
a.btn:link, a.btn:visited {color:#FFF; text-decoration:none;}

input.inputGrey {border:1px solid #E5E4E9; border-top-color:#ADADAF; font-size:11px; padding:4px 3px 3px;}
select.selectGrey {border:1px solid #E5E4E9; border-top-color:#ADADAF; font-size:11px; padding:1px;}
textarea.textGrey {border:1px solid #E5E4E9; border-top-color:#ADADAF; font-size:11px; padding:3px; font-family:Arial, Helvetica, sans-serif;}


/* ---- NAVIGATION ---- */
.menu em {display: none}
.menu ul {float: left; padding: 32px 0 20px 261px; margin: 0px; list-style-type: none;}
.menu li {float: left; padding: 0px; margin: 0px; display: inline}
.menu li a {DISPLAY: block; HEIGHT: 35px}

.menu li a.Home {background: url(../images/mn_home.png) no-repeat left top; WIDTH: 53px}
.menu li a.HomeActive {background: url(../images/mn_home.png) no-repeat left bottom; WIDTH: 53px}
.menu li a.WhoWeAre {background: url(../images/mn_who.png) no-repeat left top; WIDTH: 111px}
.menu li a.WhoWeAreActive {background: url(../images/mn_who.png) no-repeat left bottom; WIDTH: 111px}
.menu li a.WhatWeKnow {background: url(../images/mn_know.png) no-repeat left top; WIDTH: 131px}
.menu li a.WhatWeKnowActive {background: url(../images/mn_know.png) no-repeat left bottom; WIDTH: 131px}
.menu li a.WhatWeDo {background: url(../images/mn_do.png) no-repeat left top; WIDTH: 112px}
.menu li a.WhatWeDoActive {background: url(../images/mn_do.png) no-repeat left bottom; WIDTH: 112px}
.menu li a.Work {background: url(../images/mn_work.png) no-repeat left top; WIDTH: 61px}
.menu li a.WorkActive {background: url(../images/mn_work.png) no-repeat left bottom; WIDTH: 61px}

.menu li a:hover {background-position: left bottom}


/* footer navigation */
.footerNav {padding:5px 20px 10px 15px; border-bottom: 1px solid #3d4557; margin-bottom:20px; font-size:10px;}
.footerNav img {float:right;}
.footerNav ul {list-style:none; padding:0; margin:1px 0;}
.footerNav ul li {display:inline; padding:0; margin:0 5px;}
	ul.line1 a:link, 
	ul.line1 a:visited {text-decoration:none; text-transform:uppercase;}
	ul.line2, 
	ul.line2 a:link, 
	ul.line2 a:visited {text-decoration:none; color:#6a8195;}
	ul.line1 a:hover, 
	ul.line2 a:hover {color:#b3c4d3;}

/* ---- SOCIAL MEDIA FOOTER ---- */
.footer {background:#CBCDD2 url(../images/bg_footer.jpg) no-repeat; width:940px;}
.footer p {margin:0;}
.footerMain {padding:25px 75px 15px 25px; float:left; color:#666; width:620px; font-size:18px; line-height:1.2;}
.footerMain em {font-size:11px; line-height:2;}
.footerMain a:link, .footerMain a:visited {color:#F28D1E; text-decoration:none;}
.footerMain a:hover {text-decoration:underline;}
.footerMain img {float:left; margin:0 40px 20px 0;}
.footerSide {padding:15px; float:left; color:#666; width: 190px; font-size: 14px;}
.footerSide a:link, .footerSide a:visited {color:#666; text-decoration:none; height: 20px; padding:7px 40px; display:block;}
.footerSide a.tw,  .footerSide a.tw:visited  {background:url(../images/icon_tw.png) no-repeat left;}
.footerSide a.fb,  .footerSide a.fb:visited  {background:url(../images/icon_fb.png) no-repeat left;}
.footerSide a.rss, .footerSide a.rss:visited {background:url(../images/icon_rss.png) no-repeat left;}

.accordion h3 { background:url(/images/arrow_over.gif) no-repeat left;padding-left:20px;cursor:pointer; }
.accordion h3.active { background-image:url(/images/arrow_down.gif); }