@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0;}
ul,ol {list-style:none;}

html {background-color: rgb(68,68,68); /*background:#000 url(/global/images/bg-christmas.jpg) repeat 0 0;*/ }

body {
	color: #ffffff;
	font: 11px Helvetica, Arial, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
	background-color: #000000;
	margin: 0px auto;
	width: 800px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#wrapper {
	background-color: #000000;
	margin: 0px auto;
	width: 732px;
	/*border: 1px solid #ccc;*/
}

#header {
	width: 720px;
	height: 131px;
	margin: 0 auto;
}
#headerLeft {
	float: left;
	color: #333;
	width: 291px;
	height: 96px;
	margin: 23px 20px 0px 0px;
	/*border: 1px solid #ccc;*/
}
#headerMiddle {
	float: left;
	color: #ffffff;
	width: 216px;
	height: 94px;
	margin: 27px 0px 0px 0px;
	display: inline;
	/*border: 1px solid #ccc;*/
}
#headerRight {
	float: right;
	color: #333;
	width: 166px;
	height: 96px;
	padding: 0;
	margin: 27px 0px 0px 0px;
	/*border: 1px solid #ccc;*/
}
#headerRight p.h-links {
	padding-right:18px;
	margin-bottom:5px;
	text-align:right;
}
.h-links a, .h-links a:visited { color:#ffffff; }

#navigation {
	width: 720px;
	height: 25px;
	padding: 0 5px;
	margin: 10px auto 15px auto;
}

#container2 {
	width:720px;
	overflow:hidden;
	_height:1%;
	background:transparent url(/global/images/bg_main.gif) 0 0 repeat-y;
	margin:0 auto 5px auto;
	padding-bottom:80px;
}
#leftcolumn {
	float:left;
	width:158px;
	position:relative;
	overflow:hidden;
	margin:0;
}
#rightcolumn {
	float:right;
	width:540px;
	position:relative;
	overflow:hidden;
	margin:0;
}
#main { min-height:300px; overflow:hidden; }

#footer {
	width: 720px;
	height: 75px;
	border-top: 1px white dotted;
	margin: 0px auto 10px auto;
	padding: 5px 0 0 0;
}
#footer a:link, #footer a:visited {
	color:#ffb754;
	font-weight:bold;
}
#footer #copyrightdiv {
	float:left;
	width:360px;
	height:52px;
	margin-top:10px;
}
#footer p.credits {
	padding-left:20px;
	color:#8599ac;	/*#15b1e4;*/ 
	margin-bottom:5px;
}
#footer #socialdiv {
	float:right;
	width:360px;
	height:52px;
	margin-top:10px;
	text-align:right;
}
#socialdiv a { padding-left:6px; }


/* GRID */

.column { float:left; }
.grid2col .column { width: 48%; margin-left: 2%; }
.grid3col .column { width: 32%; margin-left: 2%; }
.grid4col .column { width: 23%; margin-left: 3%; }
/*.column.first { margin-left: 0 !important; }*/
.column.last { float: right !important; }


/* BREADCRUMBS */

#breadcrumb { margin-bottom:20px; /*48px*/}
#breadcrumb ul { list-style:none; }
#breadcrumb li { display:inline; margin-left:2px; padding-left:13px; background: url(/global/icons/breadcrumb_arrow.png) 2px center no-repeat; }
#breadcrumb li.first { background:none; margin-left:0; padding-left:0; }
#breadcrumb li a:link, #breadcrumb li a:visited {color:#8599ac;}

#addthis { text-align:right; }


/* BODY TEXT */

/*h1,h2,h3,p,ul { font-family: sans-serif; }*/
h1 {
	color:#9dc1da;
	font-size: 235%;
	font-weight:bold;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	/*margin-top:1.3em;*/
	margin-bottom:20px;
	padding:0 0 11px 0;
	border-bottom:1px #ffffff dotted;
}
h2 {
	color:#ffffff;
	font-size: 145%;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	margin-bottom:1.5em;
}
h3 {
	color:#ffffff;
	font-weight:normal;
	font-size: 110%;
	line-height:150%;
	font-family: Helvetica, Arial, sans-serif;
}

.intro {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:110%;
	line-height:160%;
	margin-bottom:2em;
}

.bodytext {
	font-size:110%;
	line-height:160%;
}
.bodytext p + p { margin-top:1em; }


/* IMAGES */

img { border-style: none; }
img.left { float: left; margin: -4px 10px 16px 0; }
img.right { float: right; margin: -4px 0 16px 10px; }


/* LINKS */

a { text-decoration: none; }

a.more {
	background: url(/global/icons/arrowicon_small.gif) 100% 0.3em no-repeat;
	display: inline;
	padding-right: 8px;
	position:relative;
	line-height:2em;
}
a.pdf { 
	background: url(/global/icons/pdficon_small.gif) 0 center no-repeat;
	display: block;
	padding-left: 25px;
	line-height:1.7em;
	font-weight:bold;
}
a.page {
	background: url(/global/icons/pageicon_small.gif) 0 center no-repeat;
	display: block;
	padding-left: 20px;
	line-height:1.7em;
	font-weight:bold;
}
a.ext {
	background: url(/global/icons/extlinkicon.gif) 0 center no-repeat;
	display: block;
	padding-left: 25px;
	line-height:1.5em;
	font-weight:bold;
}
a.crossref {
	text-decoration:underline;
	color:#b83325;
}

a:link { color: #ffffff; }
a:visited { color: #8599ac; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline:none; }


/* LISTS */

ul.square {
	list-style: square outside;
	margin: 0.5em 1em 2em 3em;
}
ul.square li {
	line-height:125%;
	margin:0 0 0.5em 0;
}
ul.orangesquare {
	list-style: square outside;
	margin: 0.5em 1em 2em 3em;
	font-size:110%;
	line-height: 1.7em;
	color:#ffb754;
}
ul.orangesquare li {
	line-height:125%;
	margin-bottom:0.5em;
}
ul.round {
	list-style: disc outside;
	margin: 0 0 12px 1.5em;
	line-height: 1.5em;
}
ul.round li {
	margin-bottom:3px;
}


/* PAGE ELEMENTS */

.hideInitially { visibility: hidden; }

.printLogo { display:none; }
.screenLogo { display:block; }

.mzaRed { color:#d13b2a; }
.mzaGrey { color:#999999; }

.spacer { height:80px; }
.clearing { clear:both; }

.dottedLine {
	border-top: 1px white dotted;
	/*border-bottom: 1px black dotted;*/
	width: 100%;
	height: 22px;
	margin-top:11px;
	/*margin-bottom:2em;*/
}

.block-left {
	float:left;
	background-color:#8599ac;
	position:relative;
	top:1px;
	width: 1em;
	height: 1em;
}
.block-right {
	float:right;
	background-color:#8599ac;
	position:relative;
	top:1px;
	width: 1em;
	height: 1em;
}



/*------- New Suckerfish GLOBAL NAV BAR -------*/

/* All Lists */
#nav, #nav ul { z-index:1000; list-style:none; }

/* Top-Level Lists */
#nav li {
	line-height:15px;
	position:relative;
	float: left;
	/*height:24px;*/
	/*width: 144px; /* 100%/5 menus - Width needed or else Opera goes nuts */
	background-image:url(/global/images/globalnavbg.gif);
}

/* Top-Level Text */
#nav a {
	display: block;
	width: 120px; /* 720px/Number of Top Level Nav Items */
	color:#e8f6ff;
	padding:5px 0px; /* RL 8px */
	text-decoration:none;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
/* Top-Level BG after cursor moves away */
#nav li:hover, #nav li.sfhover { background-image:url(/global/images/globalnavbg_hover.gif); position:static; }

/* Top-Level Links after cursor moves away */
#nav li:hover a, li.sfhover a { color:#333333; }

/* Second-Level Lists */
#nav li ul {
	position:absolute;
	left: -999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */
	border:1px #666666 solid;
	padding:2px 0px 4px 10px;
	background:#f3f3f3;
}

/* Lists nested under hovered list items */
#nav li:hover ul, li.sfhover ul { left: auto; }

/* Sub Menu BG */
#nav li li { background-image:none; float:none; }
#nav li li:hover, #nav li li.sfhover { background-image:none; }

/* Second-Level Text */
#nav li li a {
	width:169px;
	text-transform: none;
	text-align: left;
	letter-spacing: 0;
}
/* Second-Level Links */
#nav li li a:hover { color:#9f2d20; }



/* LOCAL NAV */

.topbar {
	width: 100%;
	background-color:#8599ac;
	height:14px;
}

#localnav {
	background-color:#000000;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
}
#localnav li a {
	text-decoration: none;
	font:bold 1em Tahoma, Helvetica, Arial, sans-serif;
	display: block;
	position: relative;
	border-style: solid;
	border-width: 1px 0;
	border-color: #eeeeee;
	color: #666666;
	margin: 4px 1px;
}
#localnav li a span {
	display: block;
	position: relative;
	border-style: solid;
	border-width: 0 1px;
	border-color: #eeeeee;
	background-color: #eeeeee;
	padding: 4px 6px;
	margin: 0 -1px;
}
#localnav li a:hover {
	border-color: #ffffff;
	color: #000000;
}
#localnav li a:hover span {
	border-color: #ffffff;
	background-color: #cccccc;
}

#solutions a#gn-solutions,
#clients   a#gn-clients,
#portfolio a#gn-portfolio,
#news      a#gn-news,
#info      a#gn-info {background-image:url(/global/images/globalnavbg_hover.gif); background-repeat:repeat; color:#333;}

#solutions.animation    #ln-animation span,
#solutions.video        #ln-video span,
#solutions.photography  #ln-photography span,
#solutions.illustration #ln-illustration span,
#solutions.design       #ln-design span,
#solutions.identity     #ln-identity span,
#clients.casestudies    #ln-casestudies span,
#clients.clientlist     #ln-clientlist span,
#news.current           #ln-current span,
#news.awards            #ln-awards span,
#info.about             #ln-about span,
#info.mission           #ln-mission span,
#info.history           #ln-history span,
#info.team              #ln-team span,
#info.careers           #ln-careers span,
#info.contact           #ln-contact span {color:#000000; cursor:default; border-color:#ffffff; background-color:#c1b7cc;}



/* Nifty Rounded Corners */

div.nifty { margin:0 0; background:#3c6191; }
b.rtop, b.rbottom { display:block; background:#FFF; }
b.rtop b, b.rbottom b {
	display:block; 
	height:1px;
    overflow:hidden; 
	background:#3c6191;
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}