@CHARSET "UTF-8";
/**
 * Stylesheet layout index
 *
 ** Generic Styles Not tied to a page
 *** If it's going to be "de facto" standard it should go into "undohtml.css"
 *
 ** Universal: styles that are tied to secions on every page
 *** Header: #header
 *** Footer: #footer
 *
 ** Page specific layouts
 ** then Sub Sections of those pages
 *** Home: body#home
 *** Careers: #careers
 *** Benefits: #careers #benefits
 *
 **/
body {
	color:#666666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}
/* generic */
h1,h2 {
	color: #a1a1a1;
	display: block;
}
/* all h1 tags get replaced by a CSS header */
h1, .subheader {
	text-indent: -999em;
}
a
{
	outline: none;
	color: #4D798D;
}
strong {
	font-weight: bold;
}
/******
*  pageframe = absolute max width of the page, including anything that extends beyond the colored frame
*  innerframe = standard frame where the content goes (including header and footer)
*  visible frame = the inner content with colored background
*  visiblecorners is located at the top of every page for the rounded corners
********/

/*moed's added columns */

.moedvisibleframe {
	background: #fff url(images/moedbg.jpg) top left repeat-y;
	clear: both;
	display: block;
	position: relative;
}
.moedpageframe {
	font-family: verdana;
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

.moedinnerframe {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#moedvisiblecorners {
	left: 0;
	position: absolute;
	top: 0;
	background:url(images/moedbg_top.jpg) no-repeat;
	width: 980px;
}

.moedleftcol
{
	float: left;
	width: 660px;
}

.moedrightcol
{
	float: left;
	padding: 0 0 0 0px;
	width: 210px;
}
.newmoedleftcol
{
	float: left;
	width: 760px;
}

.newmoedrightcol
{
	float: left;
	padding: 0 0 0 0px;
	width: 200px;
}

/* end moed's columns */


/* the container is used to overcome "quirks" related to floating content, provides blocks */
.container {
	clear: both;
	color: #666666;
	display: block;
	position: relative;
	width: 100%;
}

/* all content should live in a contentblock to give it padding.
   putting the margin on this level overcomes IE box model problems*/
.loginblock
{
	padding: 0px 50px 50px 200px;
	clear: both;
	display: block;
	margin: 0 10px;
	overflow: hidden;
}


.contentblock {
	clear: both;
	display: block;
	margin: 0 10px;
	overflow: hidden;
}
.contentblock input {
	margin: 10px auto;
}
.contentblock a.featurelink {
	float: left;
	margin: 10px 0;
}
/* not good for accessibility, but it looks better */
div.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

ul.nav li {
	float: left;
	clear: right;
}

ul.bulletlist li {
	padding: 0 0 0 10px;
	background: url("pics/small_bullet.gif") no-repeat left 7px;
}

.leftfloat {
	float: left !important;
}

.rightfloat {
	float: right !important;
}

/* ul.linklist is used when there is the right-facing arrow before the link.*/
ul.linklist {
	display: block;
	clear: both;
	margin: 3px 0 0;
}

ul.linklist li {
	font-size: 14px;
	line-height: 1.4em;
	background: url(pics/arrow_green.gif) 0 .5em no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none
}
ul.linklist li li a {
	background: none;
}
h2.sectiontitle {
	margin: 0 0 18px;
	text-indent: 0;
}

/**
 * Main: Universal
 * Sub: Footer
 * #footer
 */
#header {
}

#header ul#topnav {
	float: right;
	margin: 40px 0 0;
}

#header ul#contactlinks {
	float: right;
	margin: 15px 0 0;
}

#header ul#contactlinks li {
	float: left;
	padding: 0 0 0 10px;
}

#header img#logo {
	float: left;
	margin: 20px 0 15px 0
}

#header ul#topnav li,
#header ul#topnav li.last {
	color: #C0D72F;
	margin: 0 35px 0 0;
	position: relative;
	z-index: 10;
}

#header ul#topnav li.last {
	margin: 0
}

#header ul#topnav li img {
	margin: 0
}

#header ul#topnav li ul {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 20;
}

#header ul#topnav li ul li {
	margin: 0;
	padding: 6px 10px 6px 10px;
	background-color: #C0D72F;
}

#header ul#topnav li ul li.corner {
	padding: 0;
	background: none;
}

#header ul#topnav li ul li a:link,
#header ul#topnav li ul li a:active,
#header ul#topnav li ul li a:visited {
	color: #ffffff;
}

#header ul#topnav li ul li.selected a:link,
#header ul#topnav li ul li.selected a:active,
#header ul#topnav li ul li.selected a:visited {
	color: #6F9C00;
}
#header ul#topnav li ul.subnavwhat {
	width: 450px;
	left: -12px;
}
#header ul#topnav li ul.subnavcareers {
	width: 320px;
	left: -220px;
}
#subnav {
	background: url(pics/bg_subnav.jpg) top left no-repeat;
	height: 37px;
	margin-top: 20px;
	width: 890px;
}

/**
 * Main: Universal
 * Sub: Footer
 * #footer
 */
#footer
{
	background-color: #96B3BE;
	clear: both;
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 0 0 20px;
	position: relative;
}
#footer p
{
	margin: 5px 0 0 50px;
	color: #FFFFFF;
	background-color: #96B3BE;
}
#footer ul {
	margin: 10px 0 0 50px;
}
#footer a {
	color: #fff;
}
#footer #limelightdiv
{
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 585px;
	height: 0;
	overflow: hidden;
	background-color: #4D798D;
	color: #fff;
}
#footer #limelightdiv .formcontainer #errormessage {
	display: none;
	width: 250px;
	padding: 0 0 5px;
	color: #f00;
}
#footer #limelightdiv #confirmation {
	display: none;
	width: 200px;
	padding: 0 0 0 40px;
}
#footer #limelightdiv .closebutton {
	padding: 5px 0 0 5px;
}
#footer #limelightdiv .copy {
	width: 245px;
	padding: 0 0 25px 40px;
}
#footer #limelightdiv .copy img.header {
	display: block;
}
#footer #limelightdiv .formcontainer {
	width: 200px;
	padding: 0 0 0 30px;
}
#footer #limelightdiv .formcontainer input[type='text'] {
	width: 140px;
	display: block;
	margin: 0 0 5px;
	padding: 2px;
}
#footer #limelightdiv .formcontainer input[type='image'] {
	margin: 4px 0 0 0;
}
#footer #limelightdiv .formcontainer input[type='text'].error {
	border: 1px solid #f00;
}
#footer #limelightdiv .formcontainer a {
	font-size: 0.9em;
}
#footer #teaserbar
{
	position: relative;
	width: 100%;
	height: 29px;
	background-color: #4D798D;
	color: #fff;
}
#footer #teaserbar .tnpulselink img {
	float: left;
	margin: 5px 0 0 50px;
}
#footer #teaserbar .tnpulselink ul {
	float: left;
	margin: 5px 0 5px 10px;
	line-height: 1.4em;
}
#footer #teaserbar .tnpulselink li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url(pics/arrow_white.gif) left 5px no-repeat;
}
#footer ul.nav {
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	width: 80%;
}

/**
 * Main: Home
 * body#home
 */
body#home .bigflashypiece {
	display:block;
	padding:0 0 0;
	margin: 0 0 5px;
}

body#home .leftcol {
	width: 508px;
}

body#home .rightcol {
	float: right;
	padding: 0;
	width: 382px;
}
body#home #workteaser {
	margin: 30px 0 0 40px;
	position: relative;
	width: 468px;
}
body#home #workteaser .content {
	margin: 0 0 0 40px;
}
body#home #workteaser h2 {
	margin: 0 0 15px;
}
body#home #workteaser h5 {
	padding: 26px 0 5px;
	font-weight: bold;
	font-size: 1.4em;
}
body#home #workteaser p.copy {
	margin: 5px 0 0 0;
}
body#home .shadows{
	margin-left: 5px;
	position: relative;
	z-index: 100;
}
body#home #shadowTop{
	margin-top: -10px;
	margin-bottom: -24px;
}
body#home #shadowBottom{
	margin-top: -14px;
	margin-bottom: -14px;
}
body#home #workteaser #scroller {
	height: 342px;
	margin: 10px 0 0 20px;
	overflow: auto;
	width: 445px;
}
body#home #workteaser #scroller.mask {
	overflow: hidden;
	position: relative;
}
body#home #workteaser #box {
	position: relative;
}
body#home #workteaser #box div {
	background: url('pics/scroller-background.gif') no-repeat 0 0;
	display: block;
	float: left;
	height: 298px;
	padding: 13px 0 0 15px;
	width: 414px;
}
body#home #workteaser #scroller.mask #box div {
	height: 294px;
	padding-top: 14px;
}
body#home #workteaser .buttons {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 0 0 215px;
	padding: 5px;
	position:relative;
	text-align: center;
	width: 18px;
	z-index:1010;
}
/* body#home #cultureteaser */
body#home #cultureteaser {
/*	background: url(pics/culture_pug.png) bottom left no-repeat;
	moved this bad boy inline to account for the bad IE6 behavior with PNG's.
	That is, unless I get around to allowing background positioning in the alpha
	script. It's possible.
*/
	height: 560px;
	margin: 120px 0 0;
	padding: 0 0 40px 80px;
}

body#home #cultureteaser h2.sectiontitle {
	margin: 0  0 20px;
}

body#home #cultureteaser a.featurelink {
	margin: 15px 0 0 0;
}

body#home #cultureteaser h3 {
	font-size: 25px;
	height: 25px;
	width: 400px;
}

body#home #cultureteaser .featureimage {
	position: absolute;
	bottom:0;
	left:0;
}

body#home #labteaser {
	margin: 30px 0 0 30px;
}

body#home #labteaser p {
	width: 234px;
	padding: 5px 0 0 10px;
}

body#home #labteaser img.lablogo {
	float: left;
	margin-top: -2px;
}

body#home #clientteaser .linklist {
	margin-left: 42px;
	margin-bottom: 20px;
}

body#home #blogteaser {
	margin: 40px 0 0 30px;
}

body#home #blogteaser .blogpost {
	padding: 0 40px 17px 0;
}

body#home #blogteaser .blogpost .title
{
	font-weight: bold;
	font-size: 1.4em;
	font-family: Arial;
	color: #4D798D;
}

body#home #blogteaser .blogpost .title .date
{
	font-weight: normal;
	font-size: 0.9em;
	color: #96B3BE;
}

body#home #blogteaser .blogpost .title .rssicon {
	margin: 2px 0 0 0;
}

body#home #blogteaser .blogpost .author {
	padding: 5px 0 0;
	font-size: 0.9em;
}

body#home #blogteaser .blogpost .excerpt {
	padding: 20px 0 0;
}

body#home #newsteaser {
	margin: 50px 0 0 10px;
}

body#home #newsteaser h2 {
	margin: 0 0 0 20px;
}

body#home #newsteaser .headercontainer {
	position: relative;
}

body#home #newsteaser .headercontainer img.rssicon {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 90px;
}

body#home #newsteaser .newsitems {
	margin: 20px 40px 10px 0;
}

body#home #newsteaser .newsitem {
	padding: 10px 15px 10px 20px;
}

body#home #newsteaser .newsitem.even {
	background-color: #f2f6d5;
}

body#home #newsteaser .newsitem .title {
	width: 275px;
	color: #4D798D;
}

body#home #newsteaser .newsitem .icon {
	padding: 0 0 0 5px;
}

body#home #newsteaser .newsitem .title.audio {
	background: url("pics/audio_icon.gif") right center no-repeat;
}

body#home #newsteaser .newsitem .title.podcast {
	background: url("pics/podcast_icon.gif") right center no-repeat;
}

body#home #newsteaser ul.linklist {
	margin: 3px 0 0 20px;
}

body#home #bookteaser {
	margin: 50px 30px 200px 30px;
}

body#home #bookteaser .header,
body#home #cultureteaser .header,
body#home #labteaser .header,
body#home #blogteaser .header {
	margin: 0 0 18px 0;
}

body#home #newsteaser .newsitem .publication {
}
body#home #quicklink {
	display: none;
}


/**
 * Main: contact
 * body#contact
 */
body#contact .leftcol {
	width: 555px;
}
body#contact .rightcol {
	width: 300px;
	padding: 0;
}
body#contact h2.sectiontitle {
	margin: 0;
}
body#contact #phonecontainer {
	padding: 0 0 0 15px;
}
body#contact #sendamessage {
	padding: 0 0 0 15px;
}
body#contact #sendamessage form {
	margin: 10px 0 0;
}
body#contact #sendamessage .messageblock {
	padding: 10px 0px;
}
body#contact #sendamessage .messageblock .error {
	color: #c00;
}
body#contact #sendamessage .messageblock .confirmation {
	font-weight: bold;
}
body#contact #workingwithus {
	margin: 35px 30px 40px 45px;
}
body#contact #workingwithus p {
	margin: 10px 0 0;
}
body#contact #storeourinfo {
	padding: 40px 0 0 15px;
}
body#contact #storeourinfo p {
	padding: 15px 0 15px;
}
body#contact #getintouch {
	padding: 50px 0 40px 15px;
}
body#contact #getintouch p.emails {
	margin: 0 0 10px 0;
}
body#contact .phonebox {
	position: relative;
	height: 224px;
	margin: 15px 0 0;
	padding: 25px 0 45px;
}
body#contact .phonebox .phoneimage {
	position: absolute;
	right: 0;
	top: 0;
}
body#contact .phonebox .copy {
	padding: 25px 25px 25px 25px;
	background-color: #f5f9d8;
}
body#contact .phonebox h3 {
	width: 300px;
	height: 60px;
	font-size: 35px;
}
body#contact .phonebox h3.call {
	width: 210px;
	height: 60px;
	margin-top: 15px;
	font-size: 35px;
}
body#contact .servicebox {
	position: relative;
	height: 180px;
	margin: 15px 0 0;
	padding: 25px 0 45px;
}
body#contact .servicebox .phoneimage {
	position: absolute;
	right: 0;
	top: 0;
}
body#contact .servicebox .copy {
	padding: 25px 25px 25px 25px;
	background-color: #f5f9d8;
}
body#contact .servicebox h3 {
	width: 300px;
	height: 60px;
	font-size: 35px;
}
body#contact .servicebox h3.call {
	width: 210px;
	height: 60px;
	margin-top: 15px;
	font-size: 35px;
}

body#contact div#getintouch h2.sectiontitle {
	margin: 20px 0 10px;
}
/**
 * Main: contact
 * sub: stay and play
 * body#contact #stayplay
 */
body#contact #stayplay .subcopy {
	margin: 10px 0;
	font-size: .9em;
	line-height: 1.5em;
}
body#contact #stayplay .leftcol {
	width: 60%;
}
body#contact #stayplay .rightcol {
	float: right;
	width: 40%;
}
body#contact #stayplay .rightcol .hotel {
	clear: both;
	display: block;
}
body#contact #stayplay .rightcol .hotel img {
	float: left;
	margin: 10px 20px 10px 0;
}
body#contact #stayplay .rightcol .hotel a,
body#contact #stayplay .rightcol .hotel div {
	font-size: .8em;
}
body#contact #stayplay .rightcol .hotel h3 {
	float: left;
	margin: 30px 0 0;
}
body#contact #stayplay .rightcol .hotel h3 a{
	font-size: 1.3em;
	font-weight: normal;
}
body#contact #stayplay .rightcol .hotel ul {
	clear: none;
}
body#contact #stayplay #quote {
	background: url(pics/ice-cream.gif) 100% 100% no-repeat;
	height: 390px;
	margin: 30px 0;
	width: 100%;
}
/* End contact section */



/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading/pre/code font-sizes */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin
   the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it.
   zero out the spacing around pre, form, body, html, p, blockquote as well
   form elements are oddly inconsistent, and not quite CSS emulatable.
   nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
button { background: transparent; border: none; cursor: pointer; margin: 0; padding: 0;}