/* ----------------------------------------------

Project: MRM Worldwide
Version: 1.0

Author: P. R. May (http://www.iamhovercraft.com)

----------------------------------------------- */


/* ----------------------------------------------
Typography
----------------------------------------------- */
body, button, textarea, input {
  color: #929497;
  font: 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Anchors */
a {
  color: #64b2dd;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #999;
}
a.moreLink, a.back {
  display: block;
  text-indent: -9999px;
}
a.moreLink.large {
  background: url(/assets/moreLarge.png) no-repeat 0 0;
  height: 21px;
  width: 71px;
}
a.moreLink.small {
  background: url(/assets/moreSmall.png) no-repeat 0 0;
  height: 17px;
  width: 56px;
}

a.back {
  background: url(/assets/back.png) no-repeat 0 0;
  height: 12px;
  width: 90px;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: #64b2dd;
  font-weight: bold;
}


/* Bodoni (Cufon) */
h2.headline {
  font-family: 'Georgia', Times, serif;
  font-size: 68px;
  font-weight: normal;
  letter-spacing: -2px;
  line-height: 68px;
  margin: 0 0 10px 0;
}


/* DIN (Cufon) */
h3.subhead {
  font-size: 24px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
}
#homePage #se h2 {
  font-size: 22px;
  letter-spacing: -1px;
  margin: -4px 0 30px 0;
}
#homePage #se h3 a {
  color: #929497;
}
.standard.map #primaryContent h2,
.post h3 {
  font-size: 23px;
  letter-spacing: -1px;
  line-height: 24px;
}
.standard.map #primaryContent h2 {
  margin: 0 0 16px 0;
}
.grid #primaryContent h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.single #primaryContent h3 {
  color: #929497;
  font-size: 23px;
  font-weight: normal;
  letter-spacing: -1px;
  margin: 0 0 20px 0;
}


/* Line Breaks */
p, ul, ol, dl {
  margin-bottom: 16px;
}
li {
  margin-bottom: 0;
}

/* Thumb List */
.thumbList {
  border-top: 1px solid #666;
  margin: 0 auto;
  padding: 32px 0 0 0;
  width: 940px;
}
.thumbList h2 {
  font-size: 20px;
  margin: 0 0 24px 0;
}
.thumbList ul {
  margin: 0 0 8px 0;
}
.thumbList li {
  float: left;
  margin: 0 20px 0 0;
}
.thumbList li.end {
  margin: 0;
}
.thumbList li a {
  display: block;
  height: 140px;
  overflow: hidden;
  width: 140px;
}
.thumbList .moreLink {
  float: right;
}


/* Formating */
em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

sub, sup {
  font-size: 8px;
}

sub {
  line-height: 8px;
  /* vertical-align: sub; */
}

sup {
  line-height: 8px;
  /* vertical-align: super; */
}

pre {
  background: #EEE;
  border: 1px solid #ccc;
  font: normal 9px/10px "Monaco", monospace;
  margin-bottom: 10px;
  padding: 10px;
  white-space: pre-wrap;
}

.positive {
  color: green;
}

.negative {
  color: red;
}

.date {
  font-style: italic;
}

/* Page Body */


/* ----------------------------------------------
Forms
----------------------------------------------- */
form p {
  position: relative;
}

/* ----------------------------------------------
Document Structure (global elements and layout)
----------------------------------------------- */
body, .contentWrapper {
  margin: 0 auto;
  width: 100%;
}
body {
  padding: 390px 0 0 0;
}
.contentWrapper {
  position: relative;
}
#header {
  background-color: #FFF;
  height: 462px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#header .contentWrapper {
  margin: 0 auto;
  width: 940px;
}

#header .negative {
  position: absolute;
  right: 0;
  top: 280px;
}
#header .blurb {
  position: absolute;
  right: 262px;
  top: 300px;
  width: 420px;
}
#header .blurb h3 {
  font-size: 14px;
  margin-bottom: 2px;
}
#header #timestamp {
  position: absolute;
  right: 0;
  top: 230px;
}
#header #timestamp span {
  background: #FFF;
  color: #666;
  display: block;
  padding: 4px 8px;
  float: left;
  margin-right: 10px;
}

/* Page */
#page {
  padding: 0 0 105px 0;
  position: relative;
  height: 300px;
  height: auto!important;
  margin: 0 auto;
  min-height: 300px;
  width: 940px;
}
#page .contentWrapper {
  margin: 0 auto;
  width: 940px;
}
#mrmLiveBu {
  background: url(/assets/mrmLive.png) no-repeat 0 0;
  position: fixed;
  height: 188px;
  right: 0;
  text-indent: -9999px;
  top: 268px;
  width: 70px;
  z-index: 100;
}
#secondaryNavigation #mrmLiveBu {
  background: url(/assets/mrmLiveHoz.png) no-repeat 0 0;
  height: 40px;
  position: absolute;
  top: -40px;
  width: 127px;
}

/* Footer */
#footer {
  /* background: #929497 url(/assets/footerGraphic.png) no-repeat 100% 100%; */
  background: #929497 url() no-repeat 100% 100%;
  color: #FFF;
  font-size: 10px;
  height: 585px;
  left: 0;
  overflow: hidden;
/*  position: absolute;*/
  width: 100%;
  z-index: 50;
}
#footer .contentWrapper {
  display: block;
  margin: 0 auto 0 auto;
  width: 940px;
}
#footer h3,
#footer h4,
#footer h5,
#footer a {
  color: #FFF;
}
#footer h3, #footer h4 {
  font-size: 14px;
  margin: 0 0 16px 0;
}
#footer h5 {
  font-size: 12px;
  margin: 0 0 8px 0;
}

#mrmNetwork {
  float: right;
  height: 486px;
  overflow: hidden;
  padding: 35px 0 0 0;
  width: 660px;
}

#mrmNetwork h3 {
  text-align: right;
}
#locationInfo_ft, #locationInfo_ft li{
  height: 100px;
  width: 260px;
}
#locationInfo_ft {
  float: left;
}
#locationInfo_ft li {
  display: none;
}
#locationInfo_ft li.show {
  display: block;
}
#locationInfo_ft h4,
#locationInfo_ft .adr {
  float: left;
  width: 160px;
}
#locationInfo_ft h4 span {
  font-size: 12px;
  font-weight: normal;
}
#footer #locationInfo_ft h5 {
  font-size: 14px;
  margin: 0 0 16px 0;
}
#locationInfo_ft .contacts {
  float: right;
  width: 100px;
}

#locations {
  float: right;
  width: 365px;
}
#locations li {
  float: left;
  margin: 0 15px 0 0;
  width: 80px;
}

#locations li.end {
  margin-right: 0;
}
#locations li li {
  float: none;
  margin: 0;
}

#locations h5 {
  border-bottom: 1px solid #FFF;
  height: 40px;
  position: relative;
}
#locations h5 span {
  bottom: 8px;
  position: absolute;
}


#tertiaryNavigation {
  float: left;
  width: 260px;
}

#siteLinks {
  float: left;
  width: 160px;
}

#copyright {
  clear: both;
}
#copyright ul,
#copyright p {
  margin: 0;
}


#inquiries {
  border-right: 2px solid #FFF;
  float: left;
  font-size: 11px;
  line-height: 15px;
  height: 580px;
  padding: 35px 30px 0 0;
  width: 200px;
}
.inquiryContact {
  margin-bottom: 8px;
}
#inquiries h3 {
  margin-bottom: 8px;
}
#inquiries h4 {
  font-size: 10px;
  margin: 0;
}
#inquiries span {
  display: block;
}

/* ----------------------------------------------
Navigation
----------------------------------------------- */
/* Site Header(logo) */
#siteHeader {
  margin: 0 0 40px 0;
}
#siteHeader a {
  background: url(/assets/siteHeader.png) no-repeat 0 0;
  display: block;
  height: 41px;
  text-indent: -9999px;
  width: 141px;
}
/* Primary Navigation(header) */
#primaryNavigation {
  background: url(/assets/navBg.png) no-repeat 0 0;
  height: 336px;
  left: -10px;
  padding: 42px 0 0 34px;
  position: absolute;
  top: -10px;
  width: 228px;
}

#primaryNavigation li {
  margin: 0 0 6px 0;
}
#primaryNavigation li a {
  background-image: url(/assets/navSprite.png);
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  text-indent: -9999px;
}
/* About */
#aboutBu {
  background-position: 0 0;
  width: 62px;
}
#aboutBu:hover, #aboutPage #aboutBu {
  background-position: 0 -16px;
}

/* Process */
#processBu {
  background-position: -62px 0;
  width: 83px;
}
#processBu:hover, #processPage #processBu {
  background-position: -62px -16px;
}

/* Utility */
#utilityBu {
  background-position: -145px 0;
  width: 120px;
}
#utilityBu:hover, #utilityPage #utilityBu {
  background-position: -145px -16px;
}

/* Capabilities */
#capaBu {
  background-position: -265px 0;
  width: 79px;
}
#capaBu:hover, #capaPage #capaBu {
  background-position: -265px -16px;
}

/* Work */
#workBu {
  background-position: -344px 0;
  width: 36px;
}
#workBu:hover, #workPage #workBu {
  background-position: -344px -16px;
}

/* Cliens */
#clientsBu {
  background-position: -380px 0;
  width: 47px;
}
#clientsBu:hover, #clientsPage #clientsBu {
  background-position: -380px -16px;
}

/* Contact */
#contactBu {
  background-position: -481px 0;
  width: 52px;
}
#contactBu:hover, #contactPage #contactBu {
  background-position: -481px -16px;
}

/* Careers */
#careersBu {
  background-position: -427px 0;
  width: 54px;
}
#careersBu:hover, #careersPage #careersBu {
  background-position: -427px -16px;
}
#contactForm,
#thanks {
  width: 398px;
}
#contactForm.lightboxed {
  background: #EEE;
  height: 530px;
  padding: 40px;
/*  width: 498px;*/
}
#contactForm.lightboxed h2.headline {
  font-size: 37px;
  margin: 0;
  padding: 0 0 0 75px;
}
#contactForm #errors {
  border: 1px solid #EEE;
  padding: 20px;
}
#contactForm #errors h4 {
  margin-bottom: 8px;
}
#contactForm #errors ul {
  margin: 0;
}
#contactForm p {
  margin: 8px;
  position: relative;
}
#contactForm label {
  display: block;
  float: left;
  padding: 5px 0 0 0;
  width: 75px;
}
#contactForm label.error {
  color: red;
  float: none;
  padding: 0 0 0 75px;
  width: 245px;
}
#contactForm select {
  bottom: 0;
  left: 75px;
  position: absolute;
  width: 255px;
}
#contactForm .text,
#contactForm textarea {
  background: #EEE;
  border: none;
  margin: 0;
  padding: 5px;
}
#contactForm.lightboxed .text,
#contactForm.lightboxed textarea {
  background: #FFF;
}
#contactForm .text {
  
  width: 245px;
}
#contactForm textarea {
  height: 155px;
  width: 295px;
}
#contactForm #formTools {
  padding: 0 5px 0 0;
}
#contactForm #formTools li {
  float: right;
  margin: 0 0 0 20px;
}

/* Secondary Navigation(page->sidebar) */
#secondaryNavigation {
  float: left;
  font-size: 15px;
  line-height: 25px;
  margin: -7px 20px 0 0;
  padding: 0 0 0 24px;
  width: 276px;
}
#secondaryNavigation h3 {
  margin-bottom: 8px;
  line-height: 30px;
}
#secondaryNavigation ul ul {
  display: none;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 8px 0;
}
#secondaryNavigation a {
  color: #929497;
}
#secondaryNavigation a.current {
  color: #64b2dd;
}
#secondaryNavigation a:hover {
  text-decoration: none;
}

/* ----------------------------------------------
Header Graphics
----------------------------------------------- */
/*
#header {
  background-position: 50% 0;
  background-repeat: no-repeat;
}

#homePage #header {
  background-image: url(/assets/homeBanner.jpg);
}
#aboutPage #header {
  background-image: url(/assets/aboutBanner.jpg);
}
#processPage #header {
  background-image: url(/assets/homeBanner.jpg);
}
#utilityPage #header {
  background-image: url(/assets/utilBanner.jpg);
}
#capaPage #header {
  background-image: url(/assets/capaBanner.jpg);
}
#workPage #header {
  background-image: url(/assets/workBanner.jpg);
}
#clientsPage #header {
  background-image: url(/assets/clientsBanner.jpg);
}
#contactPage #header {
  background-image: url(/assets/homeBanner.jpg);
}
#blogPage #header {
  background-image: url(/assets/homeBanner.jpg);
}*/



/* ----------------------------------------------
Home Page
----------------------------------------------- */
#nw {
  height: 372px;
}

#nw, #ne {
  border-bottom: 1px solid #666;
}
#nw, #sw {
  border-right: 1px solid #666;
  float: left;
  padding: 0 60px 0 0;
  width: 559px;
}
#nw img, #sw img {
  margin: 0 0 40px 0;
}
#nw .more, #sw .more {
  font-size: 14px;
  font-weight: bold;
}
#nw p, #sw p {
  padding: 0 80px 0 0;
}
#ne, #se {
  float: right;
}
#ne {
  height: 372px;
  overflow: hidden;
  width: 320px;
}
#se {
  padding-left: 38px;
  width: 282px;
}
#se, #sw {
  height: 381px;
  padding-top: 54px;
}

/* The Latest */
#se ul {
  margin-bottom: 32px;
}
#se li {
  margin-bottom: 16px;
}
#se h3 {
  margin-bottom: 4px;
}
#se p {
  font-size: 10px;
}


/* ----------------------------------------------
Interior Page
----------------------------------------------- */
/* Standard Page */
.standard #primaryContent {
  float: right;
  margin: 0;
  width: 620px;
}
.standard .pageBody,
.standard .pageBody p,
.standard .pageBody ul,
.standard .pageBody ol {
  width: 400px;
}
.standard .pageHead {
  margin: 0 0 40px 0;
}
.standard .pageBody li {
  background: url(/assets/bullet.png) no-repeat 0 4px;
  margin-bottom: 8px;
  padding: 0 0 0 20px;
}
.standard .pageBody li ul,
.standard .pageBody li li {
  margin: 0;
}
.standard .pageBody li ul li {
  background: #FFF;
  padding: 0;
}
/* Grid Page(work/casestudies) */
.grid #primaryContent ul.grid li {
  float: left;
  height: 370px;
  margin: 0 20px 0 0;
  width: 300px;
}
.grid #primaryContent ul.grid li.end {
  margin-right: 0;
}
ul.grid a.thumb, ul.grid .video {
  display: block;
  height: 220px;
  margin: 0 0 24px 0;
  overflow: hidden;
  width: 300px;
}
/* CaseStudy Single */
.single #primaryContent {
  float: left;
  height: 340px;
  height: auto!important;
  min-height: 340px;
  padding: 0 0 32px 0;
  width: 390px;
}
#player, #csStill {
  float: right;
  height: 340px;
  width: 490px;
}
#player {
  background: #000;
}
.single .back {
  bottom: 8px;
  position: absolute;
  right: 0;
}
.slideshowLink {
  clear: right;
  display: block;
  float: right;
  margin-top: 20px;
  text-align: right;
  width: 110px;
}

#slideShow #slides{
  height: 490px;
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
  width: 880px;
}
#slideShow #slideControls,
#slideShow #slideControls ul {
  width: 880px;
}
#slideShow #slideControls ul {
  margin: 0 0 10px 0;
}
#slideShow #slideControls li {
  margin: 0;
}
#slideShow #slideControls .prev {
  float: left;
}
#slideShow #slideControls .next {
  float: right;
}
#slideShow #thumbs {
  width: 880px;
}
#slideShow #thumbs li {
  float: left;
  margin: 0 13px 0 0;
}
#slideShow #thumbs a {
  border: 1px solid #FFF;
  display: block;
  height: 69px;
  overflow: hidden;
  width: 69px;
}
#slideShow #thumbs .activeSlide a {
  border-color: #EEE;
}

/* Process */
#processSidebar {
  color: #64b2dd;
  float: left;
  margin: 305px 0 0 0;
  width: 240px;
}
#processSidebar h4 {
  font-size: 16px;
/*  font-weight: normal;*/
  margin-bottom: 8px;
}
#processSidebar .graphic {
  float: left;
  width: 40px;
}
#processSidebar .text {
  background: url(/assets/processTick.png) no-repeat 0 100%;
  float: right;
  margin: 0 0 16px 0;
  padding: 0 0 16px 0;
  width: 190px;
}
#processSidebar .last .text {
  background: #fff;
}

/* Contact/Location Page */
.standard.map #primaryContent {
  float: left;
  margin: 0;
  width: 460px;
}
#map {
  background: #EEE;
  height: 300px;
  width: 460px;
}
#map.loading {
  background: #EEE url(/assets/loader.gif) no-repeat 50% 50%;
}
.vcard li {
  border-bottom: 1px solid #666;
  padding: 32px 0;
  width: 460px;
}
.vcard h3 {
  color: #929497;
  float: left;
  width: 240px;
}
.vcard a {
  color: #929497;
}
.vcard .adr, .vcard .tel, .vcard .email {
  clear: right;
  float: right;
  width: 130px;
}
.vcard span.type {
  display: none;
}

/* Our People / Bios */

#bioList {
  float: left;
  width: 380px;
}
#bioList ul {
  float: left;
  width: 190px;
}
#bioList ul li {
  display: block;
}
#bioList a {
  color: #929497;
}
#bioList a.current {
  color: #64b2dd;
}
#bioInfo {
  float: left;
  width: 220px;
}
#bioInfo div {
  width: 220px;
}
#bioInfo .branch {
  text-transform: uppercase;
}
#bioThumb {
  height: 220px;
  margin-bottom: 24px;
  overflow: hidden;
  width: 220px;
}
#bioHead {
  padding: 0 0 16px 0;
}
#bioHead span {
  display: block;
}
.standard.bio #bioText p {
  width: 220px;
}
#bioInfo {
  float: left;
  width: 220px;
}
#bioInfo div {
  width: 220px;
}
#bioInfo .branch {
  text-transform: uppercase;
}
#bioThumb {
  height: 220px;
  margin-bottom: 24px;
  overflow: hidden;
  width: 220px;
}
#bioHead {
  padding: 0 0 16px 0;
}
#bioHead span {
  display: block;
}

/* Client List */
.clientList {
  float: left;
  font-size: 16px;
  line-height: 25px;
  margin: 0 20px 0 0;
  width: 220px;
}
.clientList a {
  color: #929497;
}

/* ----------------------------------------------
MRM LIVE
----------------------------------------------- */
#blogPage, #blogPage #header {
  background-color: #929497;
}
#blogPage #page {
  width:940px;
}
#blogPage #footer {
  border-top: 2px solid #FFF;
}

.blog #primaryContent {
  float: left;
  margin: 0;
  width: 560px;
}
.post {
  background: #FFF;
  margin: 0 0 15px 0;
  padding: 50px 50px 40px 50px;
}
.post .postMeta {
  padding: 4px 0 0 0;
  margin-bottom: 16px;
}
.post .postFoot {
  padding: 30px 0 0 0;
}
.post .postFoot .postMeta {
  margin: 0;
}
.post .date {
  display: block;
}
.post .postMeta ul {
  margin: 0;
}
.post .postMeta li {
  float: left;
  margin-right: 20px;
}

#postsNavigation a {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}
#postsNavigation li {
  float: right;
  margin: 0 0 0 30px;
}

#blogPage #secondaryNavigation {
  background: #FFF;
  float: right;
  
  margin:0;
  padding: 25px;
  position: relative;
  width: 293px;
}
#blogPage #secondaryNavigation h3 a {
  color: #64b2dd;
}
#blogPage #secondaryNavigation .contentBlock {
  border-bottom: 1px solid #CCC;
  margin-bottom: 14px;
  position: relative;
}
#blogPage #secondaryNavigation .contentBlock.last {
  border-bottom: none;
}
#blogPage #secondaryNavigation #aboutMrmLive {
  padding-bottom: 30px;
}
#blogPage #secondaryNavigation #aboutMrmLive a {
  color: red;
  text-decoration: underline!important;
}
#blogPage #secondaryNavigation #aboutMrmLive .rssBu {
  background: url(/assets/rssIco.png) no-repeat 0 50%;
  bottom: 10px;
  color: #64b2dd;
  display: block;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  padding: 0 0 0 18px;
  position: absolute;
  right: 0;
}
#blogPage #secondaryNavigation .contentBlock li {
  margin-bottom: 16px;
}
#blogPage #secondaryNavigation p,
#blogPage #secondaryNavigation ul {
  font-size: 12px;
  line-height: 16px;
}


/* ----------------------------------------------
Hacks and Utilities
----------------------------------------------- */

/* Clear Fix */
.clear:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clear {
  display: inline-block;
}

html[xmlns] .clear {
  display: block;
}

* html .clear {
  height: 1%;
}