/* --------------------------------------
   Global Styling
-------------------------------------- */

body {
	background-color: #e5e5e5;
	color: #000;
	font: 0.75em/18px Arial, Verdana, Helvetica, sans-serif;
}

/* Print Only */
.print-only {
    display: none !important;
}

/* Headings */
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 2.5em; line-height: 1em; }
h2 { font-size: 2em; line-height: 1em; }
h3 { font-size: 1.5em; line-height: 1em; }
h4 { font-size: 1.255em; line-height: 1em; }
h5 { font-size: 1em; line-height: 1em; font-weight: bold; }

/* Anchors */
a, a:visited { text-decoration: underline; color: #003473; }
a:hover { text-decoration: none; }
p a { z-index: 1; }

span.lowercase { text-transform: lowercase !important; }

/* Base margin */
.content p, .content blockquote, .content ul, 
.content ol, .content h1, .content h2, 
.content h3, .content h4, .content h5 { margin-bottom: 1em; }


/* ULs, OLs & LIs */
.content ul { margin-left: 3em; }
.content ul li { list-style: disc; margin-bottom: 0.75em; }

.content ol { margin-left: 3em; }
.content ol li { list-style: decimal; margin-bottom: 0.75em; }

/* Blockquote */
blockquote { width: 75%; margin-left: 10%; padding: 10px; background-color: #ccc; quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 
blockquote:after { content: close-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 

/* Other styles */
small { font-size: 80%; }

/* Classes */
.right { float: right; }
.left { float: left; }
img.right { float: right; margin: 0 0 0 10px; }
img.left { float: left; margin: 0 10px 0 0; }
p img.right { float: right; margin: 0 0 10px 10px; z-index: 100; }
p img.left { float: left; margin: 0 10px 10px 0; z-index: 100;}
.content img.left,
.content img.right {
	border: 1px solid #e5e5e5;
	padding: 1px;
}
.last { border: 0!important; margin-right: 0!important; margin-bottom: 0!important; }
.error { background-color: #d5a2a2; color: #fff; border: 1px solid #c38e8e; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.formerror { background: transparent url('../i/bg-form-error.gif') left top no-repeat; border: none!important; font-size: 0.91em; color: #fff; padding: 5px; top: -2px; }
.nomarg { margin: 0!important; }
div.hr { width: 100%; height: 1px; border-top: 1px solid #eeeeef; margin-bottom: 1em; clear: both; }
div.clear { width: 100%; height: 1px; clear: both; }
.php-form-error {
	border: 1px solid #c5a901;
	padding: 15px 20px 15px 45px;
	background: url('../i/icon-formerror.gif') 10px center no-repeat;
	margin-bottom: 10px;
}

.php-form-error p {
	margin: 0;
	color: #ad9503;
}

.full-width { width: 100%; }

/* --------------------------------------
   Wrap Section
-------------------------------------- */

#wrap {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.center {
	width: 930px;
	margin: 0 auto;
}

/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	height: 107px;
	width: 930px;
}

#logo {
	top: 30px;
}

#logo,
#logo a,
.logo {	
    width: 170px;
	height: 89px;
	display: block;
	color: #003473;
	font-size: 30px;
}

#logo span,
.logo span {
	background-image: url('../i/logo-nem.gif');
}

/* --------------------------------------
   Container Template
-------------------------------------- */

#content {
	min-height: 250px;
	height: auto!important;
	height: 250px;
	padding-bottom: 40px;
}

.content {
	padding: 20px 0;
	width: 930px;
}

/** 2 Column Layout **/
.two-columns {
	clear: both;
	width: 930px;
}

.two-columns .left-column {
	width: 540px;
	float: left;
}

.two-columns .right-column {
	width: 300px;
	padding-top: 60px;
	float: right;
}

/** 3 Column Layout **/
.three-columns {
	clear: both;
	width: 930px;
}

.three-columns .left-column {
	width: 310px;
	float: left;
}

.three-columns .mid-column {
	width: 310px;
	float: left;
}

.three-columns .right-column {
	width: 310px;
	float: right;
}

/* --------------------------------------
   Homepage Styles
-------------------------------------- */

#homepage-hero {
	height: 350px;
	width: 800px;
	margin: 0 auto;
	background: url('../i/bg-hero.jpg') center 27px no-repeat;
}

/** homepage hero styles **/
.bubble {
	display: none;
	_behavior: url('/nem/css/iepngfix.htc');
	background: transparent url('../i/bg-bubble-righttop.png') left top no-repeat;
	width: 250px;
	height: 130px;
	position: absolute;
	z-index: 500;
	padding: 5px 5px 5px 30px;	
	cursor: pointer;
}

.bubble-flipped {
	_behavior: url('/nem/css/iepngfix.htc');
	background: transparent url('../i/bg-bubble-lefttop.png') left top no-repeat;
	padding: 5px 30px 5px 5px;
}

.bubble-thumb {
	width: 87px;
	height: 87px;
	position: absolute;
	left: 28px;
	top: 14px;
	overflow: hidden;
}

.bubble-flipped .bubble-thumb {
	left: 14px;
	top: 14px;
}

.bubble-content {
	width: 145px;
	height: 63px;
	position: absolute;
	right: 17px;
	top: 15px;
	overflow: hidden;
	line-height: 1.3em;
	color: #000!important;
}

.bubble-flipped .bubble-content {
	right: 32px;
	top: 15px;
}

/** pics **/
#hp-ivan,
#hp-jack,
#hp-glenn {
	width: 208px;
	height: 57px;
	position: absolute;
	overflow: visible!important;
	font-size: 11px!important;
	text-decoration: none;
}

#hp-ivan:hover span,
#hp-jack:hover span,
#hp-glenn:hover span {
	background-position: left bottom;
}

#hp-ivan:hover .bubble,
#hp-ivan.hover .bubble,
#hp-jack:hover .bubble,
#hp-jack.hover .bubble,	
#hp-glenn:hover .bubble,
#hp-glenn.hover .bubble {	
	display: block;
	text-decoration: none;
}

/** ivan specific **/
#hp-ivan {
	left: -11px;
    top: 113px;
    z-index: 500;
}
#hp-ivan span {
	background-image: url('../i/btn-homepage-ivan.gif');
}
#hp-ivan .bubble {
	bottom: 0;
    right: 5px;
}
/** jack specific **/
#hp-jack {
	left: 145px;
    top: 0;
    z-index: 499;
}
#hp-jack span {
	background-image: url('../i/btn-homepage-jack.gif');
}
#hp-jack .bubble-flipped {
	bottom: 0;
    right: 5px;
}
/** glenn specific **/
#hp-glenn {
	left: 606px;
    top: 123px;
    z-index: 0;
}
#hp-glenn span {
	background-image: url('../i/btn-homepage-glenn.gif');
}
#hp-glenn .bubble {
	left: 5px; 
	bottom: 0;
}

/** Homepage image map thing **/

#homepage-map {
	position: absolute;
	top: 0px;
	left: 158px;
	z-index: 10;
}

#homepage-map div {
	float: left;
	cursor: pointer;
}

#homepage-map div a,
#homepage-map div a img {
	display: block;
	width: 100%;
	height: 100%;
}

#map-left {
	width: 140px;
	height: 290px;
	margin-top: 58px;
}

#map-center {
	width:190px;
	height: 347px;
	margin-left: 10px;
}

#map-right {
	width: 120px;
	height: 290px;
	margin-left: 10px;
	margin-top: 58px;
}

/** base modules styles **/
.hpm-columns .mid-column {
	text-align: center;
}

.hpm-columns .right-column {
	text-align: right;
}

.homepage-module {
	background-color: #fff;
	padding: 20px;
	width: 250px;
	height: 150px;
	text-align: left;
}

.homepage-module .hpm-link {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: #003473;
	color: #fff;
	text-transform: uppercase;	
	text-decoration: none;
	height: 20px;
}

.homepage-module .hpm-link:hover {
	background-color: #004784;
}

.homepage-module .more {
	width: 70px;
}

.homepage-module .more span {
	background-image: url('../i/sprite-hpm-btns.gif');
	background-position: 0 -20px;
}

.homepage-module .more:hover span {
	background-position: 0 -60px;
}

.homepage-module .apply {
	width: 128px;
}

.homepage-module .apply span {
	background-image: url('../i/sprite-hpm-btns.gif');
	background-position: 0 0;
}

.homepage-module .apply:hover span {
	background-position: 0 -40px;
}

/* --------------------------------------
   Content Styles
-------------------------------------- */

.content h1 {
	text-transform: uppercase;
	color: #003473;
	font-size: 3.5em;
	margin-bottom: 0.5em;
	overflow: hidden;
}

.content h2 {
	margin-bottom: 0.3em;
	text-transform: uppercase;
	font-weight: normal;
}

.content p.large {
	font-size: 1.1667em;
	line-height: 1.4em;
}

.content p {
	text-align: left;
}

.content ul, .content ol {

}

.content ul li, .content ol li {

}

/* --------------------------------------
   Bio components
-------------------------------------- */

.bio {
	padding: 7px 4px;
	border-top: 1px solid #e4e4e4;
	width: 100px;
	float: left;
	height: 160px;
}

.bio .bio-thumb {
	margin-bottom: 5px;
}

.bio .bio-thumb img {
	border: 1px solid #e4e4e4;
	padding: 1px;
}

.bio .bio-thumb a:hover img {
	border-color: #bbb;
}

.bio .bio-summary {
	font-size: 11px;
	text-transform: uppercase;
	color: #444;
	margin-bottom: 5px;
	line-height: 1.2em;
}

.bio .bio-summary h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;	
	text-transform: none;
}

.bio .bio-summary h3 a {
	text-decoration: none;
}



/* --------------------------------------
   Director Bio components
-------------------------------------- */

.director-bio {
	height: 55px;
	margin-bottom: 10px;
}

.director-bio .bio {
	padding: 7px 0;
	border-top: 1px solid #e4e4e4;
}

.director-bio .bio-thumb {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	z-index: 2;
}

.director-bio .bio-thumb img {
	border: 1px solid #e4e4e4;
	padding: 1px;
}

.director-bio .bio-thumb a:hover img {
	border-color: #bbb;
}


.director-bio .bio-summary {
	padding-left: 60px;
}

.director-bio .bio-summary h3 {
	font-size: 1em;
	font-weight: bold;	
}

.director-bio .bio-summary h3 a {
	text-decoration: none;
}

.director-bio .bio-summary p.pos {
	margin-top: -10px;
	font-size: 0.833em;
	text-transform: uppercase;
	color: #444;
	margin-bottom: 5px;
}


/* --------------------------------------
   Video Section
-------------------------------------- */

.video-container {
	width: 600px;
	padding: 20px;
	padding-right: 280px;
	background-position: right bottom;
	background-color: #fff;
	background-repeat: no-repeat;
}

.video-container .logo {
	margin-bottom: 60px;
}


.video-container h1 {
	position: absolute;
	top: 46px;
	right: 230px;
	text-transform: uppercase;
	font-size: 38px;
}

.video-container h1 span {
	display: block;
	text-align: right;
	color: #777;
	font-size: 26px;
	line-height: 1em;
}

.video-container .video-close,
#transcript .video-close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 0.833em;
	color: #999;
	text-transform: uppercase;
	padding-right: 15px;
	background: url('../i/icon-close.gif') right center no-repeat;
	text-decoration: none;
	display: block;
	cursor: pointer;
	z-index:100;
}

.video-container .video-close:hover,
#transcript .video-close:hover {
	color: #000;	
}

/** video container backgrounds **/

.video-1 {
	background-image: url('../i/bg-video1.jpg');
}

.video-2 {
	background-image: url('../i/bg-video2.jpg');
}

.video-3 {
	background-image: url('../i/bg-video3.jpg');
}

/** video player **/
.video {
	width: 605px;
	padding: 10px;
	background-color: #e5e5e5;
	margin-bottom: 10px;
}

.video .video-player {
	width: 425px;
	height: 344px;
	float: left;
}

.video .video-nav {
	width: 175px;
	float: right;
}

.video .video-nav ul {
	overflow: hidden;
}

.video .video-nav ul li {
	display: block;
	margin-bottom: 6px;
	height: 109px;
}

.video .video-nav ul li a {
	display: block;
	height: 83px;
	background: url('../i/btn-video-nav.gif') right top no-repeat;
	border: 1px solid #bebebe;
	padding: 12px 10px;
	text-decoration: none;
	color: #000;
	line-height: 12px;
	overflow: hidden;
}

.video .video-nav ul li a:hover {
	background-position: right -122px;
	border: 1px solid #afb5bc;
}

.video .video-nav ul li a.active {
	background-position: right -244px;
	border: 1px solid #003473;
}

.video .video-nav ul li a span {
	display: block;
}

.video .video-nav ul li a span.vid-name {
	margin-bottom: 3px;
}

.video .video-nav ul li a span.vid-pos {
	color: #777;
	margin-bottom: 5px;
}

.video .video-nav ul li a span.vid-info {
	font-size: 0.833em;
}

.video .video-nav ul li a span.vid-info span.vid-link-button {
	display: inline;
	color: #003473;
	text-decoration: underline;
	cursor: pointer;
}

.video .video-nav ul li a span.vid-info span.vid-link-button:hover {	
	text-decoration: none;
}

/* --------------------------------------
   Locations Section
-------------------------------------- */

.location {
	margin-bottom: 20px;
	width: 300px;
}

.location .details {
	width: 182px;
	float: right;
}

.location .details span {
	display: block;
	color: #444;
	margin-left: 0px;
}

.location .details span.city {
	font-size: 1.5em;
	padding-top: 2px;
	color: #000;
	margin-bottom: 10px;
}

.location .details span.address {
	width: 155px;
}

.location .details span.phone,
.location .details span.fax {
	width: 160px;
}

.location .map {
	width: 102px;
	float: left;
}

.location .map img {
	width: 90px;
	height: 90px;
	border: 1px solid #ddd;
	padding: 5px;
	background-color: #fff;
}

.map-frame {
	padding: 10px;
}

/* --------------------------------------
   Sidebar Section
-------------------------------------- */

/** sidebar modules & custom backgrounds **/
.sidebar-module {
	border: 1px solid #e5e5e5;
	padding: 15px 15px 10px 110px;
	width: 165px;
}

.sidebar-module h3 {
	margin-bottom: 5px;
}

.sidebar-module p {
	font-size: 0.916em;
	line-height: 1.3em;
	padding-left: 20px;
}

.sidebar-module a.view-vid {
	width: 70px;
	height: 20px;
	float: right;
	display: block;
}

.sidebar-module a.view-vid span {
	background-image: url('../i/btn-viewvideo.gif');
}

.sidebar-module a.view-vid:hover span {
	background-position: left bottom;
}

.cp {
	background: url('../i/bg-a-clients-perspective.jpg') left bottom no-repeat;
}

.rp {
	background: url('../i/bg-a-referrers-perspective.jpg') left bottom no-repeat;
}

.pp {
	background: url('../i/bg-a-principals-perspective.jpg') left bottom no-repeat;
}



/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

/** Menu level 1 **/
#main-navigation {
	position: absolute;
	top: 50px;
	right: 0;
	width: 450px;
	height: 40px;
	z-index: 400;
	text-align: right;
}

#main-navigation ul {
	padding: 0;
	margin: 0;
	text-align: left;
	float: right;
}

#main-navigation ul li {
	display: block;
	float: left;
	margin-right: 1px;
}

#main-navigation ul li a, #main-navigation ul li a:visited {
	text-decoration: none;
	padding: 9px 11px;
	color: #404040;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.916em;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#main-navigation ul li a.drop-down,
#main-navigation ul li:hover a.drop-down,
#main-navigation ul li a.drop-down:hover {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

#main-navigation ul li:hover a.drop-down,
#main-navigation ul li.hover a.drop-down,
#main-navigation ul li a.drop-down:hover {
	border-bottom: 1px solid #e5e5e5;
}

#main-navigation ul li a:hover,
#main-navigation ul li:hover a,
#main-navigation ul li.hover a {
	background-color: #e5e5e5;
}

#main-navigation ul li a.active {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e5e5e5;
}


/** Menu level 2 **/
#main-navigation ul li ul { /** Second level un-ordered list - when hidden **/
	display: none;
}

#main-navigation ul li:hover ul,  /** Second level un-ordered list - when visible **/
#main-navigation ul li.hover ul {
	display: block;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 5px;
	background-color: #e5e5e5;
	height: auto;
	width: 180px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}

#main-navigation ul li.reverse ul,
#main-navigation ul li.reverse:hover ul {
	left: auto!important;
	right: 0!important;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
}

#main-navigation ul li ul li { /** Second level un-ordered list items **/
	clear: both;
	display: block;
	margin: 0;
	width: 100%;
}

#main-navigation ul li ul li a,
#main-navigation ul li:hover ul li a,
#main-navigation ul li.hover ul li a,
#main-navigation ul li ul li a:visited {  /** Second level anchor static-state - must cancel out first level anchors **/
	background-color: transparent;
	font-size: 0.916em;
	text-transform: none;
	font-weight: normal;
	display: block;
	padding: 5px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#main-navigation ul li ul li a.first {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#main-navigation ul li.reverse ul li a.first {
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

#main-navigation ul li ul li a.last {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#main-navigation ul li ul li a:hover,
#main-navigation ul li ul li:hover a,
#main-navigation ul li ul li.hover a {  /** Second level anchor hover-state **/
	background-color: #d5d5d5;
}


/* --------------------------------------
   Footer Section
-------------------------------------- */

#footer {
	padding-top: 10px;
	margin: 0 auto;
	width: 930px;
}

#footer-navigation {
	width: 600px;
	color: #898989;
}

#footer-navigation ul {
	display: block;
}

#footer-navigation ul.sub {
	font-size: 0.916em;
}

#footer-navigation ul.sub li {
	padding-right: 10px;
}

#footer-navigation ul li {
	display: inline;
	padding-right: 5px;
}

#footer-navigation ul li a {
	text-decoration: none;
	color: #898989;
}

#footer-navigation ul li a:hover {
	color: #222;
}

/* --------------------------------------
   NOW/media Credit
-------------------------------------- */

a.credit {
	width: 66px;
	height: 25px;
	font: 10px Arial, Helvetica, sans-serif;
	float: right;
}

a.credit span {
	background-image: url('../i/nowmedia-credit.gif')
}

/* --------------------------------------
   Form Styles
-------------------------------------- */

.form {
	width: 480px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.two-column-form {
	width: 100%;
}

.form-item {
	padding: 5px 0;
	margin-bottom: 5px;
	display: block;
}

.form-item label {
    display: block;
	clear: both;
	margin-bottom: 0.2em;
}

.form-item label span.required {
    color: #003473;
	font-size: 0.833em;
	margin-left: 5px;
}


/** checkbox item **/
.form-item .checkbox-item {
    margin: 5px 0;
	display: block;
}

.form-item .checkbox-item label {
    display: inline;
	clear: none;
	margin-bottom: 0;
	padding-left: 5px;
	font-size: 0.916em;
}

.text input {
    width: 215px;
	padding: 3px;
	display: block;
	border: 1px solid #ddd;
	background: url('../i/bg-formfields.gif') left top repeat-x;
}

.form-item .checkbox-item input {
    display: inline;
	width: auto;
	/*float: left;*/
	border: none;
}

/** industry box **/
#industry-box {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fefefe;
	border: 1px solid #f1f1f1;
}

.form-item textarea {
    width: 468px;
	height: 100px;
	padding: 3px;
	display: block;
	font-size: 1.2em;
	border: 1px solid #ddd;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url('../i/bg-formfields.gif') left top repeat-x;
}

.postcode input {
    width: 4em;
}

.select select {
    width: 225px;
	padding: 3px;
	display: block;
	border: 1px solid #e9e9e9;
}

.required label {
}

.submit {
    text-align: right;
}

/** image styling for input submit buttons **/
.submit input.image {
   background: none;
   height: 27px;
   width: 101px;
   border: none;
   margin: 0;
   background: transparent url('../i/btn-submit.gif') left top no-repeat;
}

.submit input.image:hover,
.submit input.hover {
   background-position: left -27px;
   cursor: pointer;
}

.submit input.image:active,
.submit input.active {
   background-position: left -54px; 
}

input[type="submit"]:focus::-moz-focus-inner{ border-color:transparent!important } /** note: accessibility outline in firefox is removed here **/


/** error styling **/
input.error,
select.error,
textarea.error {
	border: 1px solid #6aa0cc;
	background-color: #e1effa;
	color: #000;
}

/* --------------------------------------
   Principles Styles
-------------------------------------- */

#principal-pic {
	width: 220px;
	height: 250px;
	background-color: #dedede;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* --------------------------------------
    Services Download
-------------------------------------- */
#services-download {
	margin: 20px auto;
	width: 154px;
}

#services-download img {
	border:1px solid #E5E5E5;
	padding:1px;
}

/* --------------------------------------
    Bio Page
-------------------------------------- */

.bio-containers {
	margin-bottom: 5px;
}

.bio-summary {
	display: block;	
}



/** Transcripts **/
#transcript {
	width: 850px;
	padding: 20px;
}

#transcript h1 {
	margin-bottom: 25px;
	color: #003473;
	text-transform: uppercase;
}

#transcript h2 {
	margin-bottom: 20px;
}

#transcript p {
	margin-bottom: 15px;
}