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

/*	orange= #eb7900 
	Dk.gray= #666666
	Lt.gray= #777777
*/

* {
	padding: 0;
	margin: 0;
	font-size: 1em;
	}

body {
	background-color: #000000;
	}

#header {
	position: relative;
	height: 175px;
	text-align: center;
	padding: 0;
	background: url(images/wk-plasma-header.jpg) center 0 no-repeat;
	}
	
#header h1 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -55px;
	width: 110px;
	height: 10px;
	text-indent: -9000px;
	z-index: 50;
	}
		
#homeLink a {
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -55px;
	width: 110px;
	height: 110px;
	display: block;
	text-indent: -9000px;
	z-index: 51;
	}

#header h1, #header h3 { text-indent: -9000px; }

#container {
	background: #CCCCCC url(images/bkgGrid_1.png) repeat-y center 0;
	}

/* TopNavigation */

#topNav {
	position: absolute;
	top: 83px;
	_top: 85px;
	left: 50%;
	margin-left: -340px;
	width: 680px;
	height: 32px;
	_padding: 1px 0;
	z-index: 49;
	}
#topNav h3 { text-indent: -9000px; }
ul#topNav { list-style: none; }

#what a {
	position: absolute;
	top: 0;
	left: 80px;
	width: 180px;
	height: 30px;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	_border-top: none;
	_border-bottom: none;
	background: url(images/whatWeDo.png) 0 -30px no-repeat;
	_background: url(images/whatWeDo_ie.png) 0 -30px no-repeat;
	}
#how a {
	position: absolute;
	top: 0;
	right: 80px;
	width: 180px;
	height: 30px;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	_border-top: none;
	_border-bottom: none;
	background: url(images/howWeDoIt.png) 0 -30px no-repeat;
	_background: url(images/howWeDoIt_ie.png) 0 -30px no-repeat;
	}
	
#what a:hover, #how a:hover  { 
	background-position: 0 0; 
	border-top: 1px dotted #000000; 
	border-bottom: 1px dotted #000000; 
	_border-top: none;
	_border-bottom: none;
	}

#topNav .currentHead a { 
	background-position: 0 0; 
	border-top: 1px dotted #000000; 
	border-bottom: 1px dotted #000000; 
	_border-top: none;
	_border-bottom: none;
	}

/* SubNavigation */


#navBox {
	position: relative;
	width: 100%;
	background: #000;
	padding: 1em 0;
	}
	
ul#subNav { 
	margin: 0 auto;
	width: 800px;
	list-style: none; 
	text-align: center;
	}
ul#subNav li {
	display: inline;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	font-weight: bold;
	font-size: 0.7em;
	letter-spacing: +.125em;
	color: #666666;
	}
ul#subNav li a {
	/*	display: block;   */
	display: inline;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	}


/* subNav for 7 links */

#subNav a:link, #subNav a:visited { color: #777777; }
	
#subNav a:hover, #subNav a:active { color: #eb7900; }
	
#container #subNav .currentNav a { color: #eb7900; }



/* Body Content */

#main {
	position: relative;
	clear: both;
	width: 540px;
	margin: 0 auto;
	padding: 30px 70px 0 70px;
	background: #ffffff;
	min-height: 450px;
	}

#main h2 {
	color: #eb7900;
	font-weight: normal;
	font-size: 42px;
	line-height: 42px;
	letter-spacing: +.12em;
	margin: 0 0 .35em 0;
	font-family: "arial narrow", arial;
	}

#main h3 {
	color: #666666;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: +.75px;
	margin: 1em 0 .75em 0;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	}

#main h4 {
	color: #eb7900;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: +.75px;
	margin: 1em 0 .75em 0;
	font-family: "arial narrow", arial;
	}

#main p, #main2 p {
	text-align: left;
	font-size:.85em;
	line-height: 2em;
	letter-spacing: +.12em;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	color: #777777;
	}

#indexHead { 
	width: 540px; 
	height: 60px;
	text-indent: -9000px; 
	background: url(images/WKindexHead.png) no-repeat; }

.gray { color: #948268; }


/* Left-Right Columns */

.columnLeft {
	position: relative;
	padding: .5em 0 0 0;
	float: left;
	width: 260px;
	}

.columnRight {
	position: relative;
	padding: .5em 0 0 0;
	float: right;
	width: 260px;
	}

.columnLeft ul, .columnRight ul, .howList ul {
	list-style: none; 
	}

.howList ul { padding: .5em 0 0 0; }
	
.columnLeft li, .columnRight li, .howList li {
	list-style: none; 
	text-align: left;
	font-size: .85em;
	font-weight: bold;
	line-height: 1.75em;
	letter-spacing: +.12em;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	color: #eb7900;
	margin-top: .5em;
	padding: 0 0 0 1em;
	background: url(images/orangeBullet.png) 0 0 no-repeat;
	}

.bulletText {
	color: #777777;
	font-weight: normal;
	letter-spacing: -.012em;
	}


/* Case Study Styles */

#main2 {
	position: relative;
	clear: both;
	width: 540px;
	margin: 0 auto;
	padding: 690px 70px 130px 70px;
	_padding: 690px 70px 0 70px;
	background: #ffffff;
	}

#main2 h2 {
	position: absolute;
	top: 0;
	left: 70px;
	width: 280px;	
	height: 1%;
	color: #eb7900;
	font-weight: normal;
	font-size: 42px;
	text-indent: -9000px;
	line-height: 1%;
	letter-spacing: +.12em;
	margin: 0;
	font-family: "arial narrow", arial;
	z-index: 70;
	}
	
#altSubHead {
	position: absolute;
	top: 26px;
	left: 70px;
	height: 44px;
	overflow: hidden;
	}
		
.subHead1 {
	color: #eb7900;
	font-weight: bold;
	}
	
.clientImage {
	position: absolute;
	top: 120px;
	left: 60px;
	padding: 0;
	width: 560px;
	height: auto;
	background: none;
	z-index: 30;
	}
	
#main .clientName, #main2 .clientName { 
	position: absolute;
	left: 71px;
	top: 80px;
	padding: .25em 0 0 .125em;
	font-size: 120%; 
	line-height: 1em; 
	font-weight: bold;
	z-index: 85;
	}

#numbers {
	position: absolute;	
	top: 30px;
	right: 70px;
	width: 200px;
	text-align: right;
	font-weight: bold;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	color: #eb7900;
	z-index: 87;
	}
	
ul#numbers {
	list-style: none;
	display: inline;
	padding: 20px 0 0 0;
	}
	
ul#numbers li { display: inline; }		

ul#numbers li a:link, ul#numbers li a:visited { 
	color: #eb7900;
	text-decoration: none;
	border-bottom: #eb7900 1px dotted;
	}
ul#numbers li a:hover, ul#numbers li a:active { 
	color: #eb7900;
	text-decoration: none;
	border-bottom: #eb7900 1px solid;
	}
.numberCurrent {
	color: #666666;
	border-bottom: none;
	}

.clientDescription { line-height: 1.5em; }

#next a {
	position: absolute;
	top: 260px;
	right: 20px;
	width: 24px;
	height: 24px;
	text-indent: -9000px;
	background: url(images/next.png) 0 0 no-repeat;
	z-index: 40;
	}
#next a:link, #next a:visited {
	background: url(images/next.png) 0 0 no-repeat;
	}
#next a:hover, #next a:active {
	background: url(images/next.png) 0 -24px no-repeat;
	}

#previous a {
	position: absolute;
	top: 260px;
	left: 20px;
	width: 24px;
	height: 24px;
	text-indent: -9000px;
	background: url(images/previous.png) 0 0 no-repeat;
	z-index: 41;
	}
#previous a:link, #previous a:visited {
	background: url(images/previous.png) 0 0 no-repeat;
	}
#previous a:hover, #previous a:active {
	background: url(images/previous.png) 0 -24px no-repeat;
	}
	
#next a, #previous a { text-decoration: none; border: 1px; }



/* Image Rotators */

#rotatorStrip {
	position: absolute;
	_position: relative;
	bottom: 0;
	left: 70px;
	_left: 0;
	clear: both;
	width: 540px;
	height: 44px;
	padding: 30px 0 50px 0;
	overflow: hidden;
	z-index: 70;
	}
	
a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
	
ul#rotator_1, ul#rotator_2, ul#rotator_3, ul#rotator_4, ul#rotator_5, ul#rotator_6, ul#rotator_7, ul#rotator_8, ul#rotator_9 {
	position: absolute;
	top: 0px;
	width: 44px;
	height: 44px;
	overflow: hidden;
	background: #eb7900;
	}
ul#rotator_1 { left: 0px; }
ul#rotator_2 { top: -44px; left: 62px; }
ul#rotator_3 { top: -88px; left: 124px; }
ul#rotator_4 { top: -132px; left: 186px; }
ul#rotator_5 { top: -176px; left: 248px; }
ul#rotator_6 { top: -220px; left: 310px; }
ul#rotator_7 { top: -264px; left: 372px; }
ul#rotator_8 { top: -308px; left: 434px; }
ul#rotator_9 { top: -352px; left: 496px; }

ul#rotator_1 li a, ul#rotator_2 li a, ul#rotator_3 li a, ul#rotator_4 li a, ul#rotator_5 li a, ul#rotator_6 li a, ul#rotator_7 li a, ul#rotator_8 li a, ul#rotator_9 li a {
	border: none;
	border: 0;
	}
	
.innerfade { 
	position: absolute;
	top: 0;
	}
	
#bumper {
	position: relative;
	clear: both;
	height: 120px;
	width: 540px;
	background: none;
	text-indent: -9000px;
	_display: none:
	}


#footer {
	height: 73px;
	background: #000000;
	color: #777;
	position: relative;
	bottom: 0;
	padding: 20px;
	text-align: center;
	}

	
#footer h5 {
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	font-weight: normal;
	font-size:0.75em;
	line-height: 1.75em;
	letter-spacing: +.12em;
	}	
	
#footer h5 a:link, #footer h5 a:visited {
	color: #777;
	border-bottom: 1px dotted;
	text-decoration: none;
	}
#footer h5 a:hover, #footer h5 a:active {
	color: #eb7900;
	border-bottom: 1px solid;
	text-decoration: none;
	}

ul.footer2 li { 
	display: inline; 
	list-style: none; 
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	font-weight: normal;
	font-size:0.75em;
	line-height: 1.75em;
	letter-spacing: +.12em;
	}

#footer.footer2.noBullet {
	padding: 0; 
	background: none;
	}
	
ul.footer2 li a:link, ul.footer2 li a:visited {
	color: #777;
	border-bottom: 1px dotted;
	text-decoration: none;
	}
ul.footer2 li a:hover, ul.footer2 li a:active {
	color: #eb7900;
	border-bottom: 1px solid;
	text-decoration: none;
	}