html {
	height: 100%;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fff none;
  color: #000;
  font-size: 11px; 
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: center;
}
#wrap_all {
	min-height: 100%;
	position: relative;
}
#wrapper_center {
    z-index: 2500;
    width: 740px;
    margin: -1.5em auto 0 auto; padding: 0;
    background: #ffffff;
    text-align: left;
}
#stripe {
	height: 1.5em;
	background-color: #9d9fa1;
	color: #fff;
}

/* supernav --------------------------------- */
#supernav {
	height: 1.5em;
	background-color: #9d9fa1;
	color: #fff;
	margin: 0; padding:0;
	padding-left: 34px;
	margin-bottom: 22px;
}
#supernav a { 
	color:#fff; text-decoration:none;
}
ul#supernav li {
      margin:  0;
      padding: .125em 1.5em .125em 0;
      float: left;
      list-style-type: none;
}
ul#supernav li a {
	border: 0;
	display: block;
}

ul#supernav li a:hover {
	border: 0;
	display: block;
	color:#000;
}	

#supernav li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	margin: 0; padding: 0;
	color:#9d9fa1;
	margin-top: 6px;
}

#supernav li:hover ul, #supernav li.sfhover ul {
	visibility: visible; z-index: 100; }


/* mainnav --------------------------------- */
.off { color:#ddd; }
#nav {
	float: right;
}
#nav a { 
	color:#9d9fa1; text-decoration:none;
}
ul#nav li {
      margin:  0;
      float: left;
      list-style-type: none;
}
ul#nav li a {
	border: 0;
	display: block;
}
ul#nav li a:hover {
	border: 0;
	display: block;
	color:#000;
}	
#nav li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	width: 576px;
	margin: 0; padding: 0; 
	color:#9d9fa1;
	line-height: 1.2em;;
	top: 15px;
}
#nav li:hover ul, #nav li.sfhover ul {
	visibility: visible;
	z-index: 100;
}
#about {
	padding: 0 ; margin: 0;
	width: 100px; height: 14px;
	position: relative; left:-50px;
	background-image: url("../images/nav.gif");
	background-position: 0px 0px;
	border-left: solid 1px #fff;
}
#about:hover, #about.sfhover {
	background-position: 0px 14px;
}

#work {
	padding: 0; margin: 20px 0;
	width: 55px; height: 14px;
	position: relative; left:-40px;
	background-image: url("../images/nav.gif");
	background-position: -99px 0px;
	border-left: solid 1px #fff;
}
#work:hover, #work.sfhover {
	background-position: -99px 14px;
}
#people {
	padding: 0; margin: 20px 0;
	width: 43px; height: 14px;
	position: relative; left:-30px;
	background-image: url("../images/nav.gif");
	background-position: -153px 0px;
	border-left: solid 1px #fff;
}
#people:hover, #people.sfhover {
	background-position: -153px 14px;
}
#change {
	padding: 0; margin: 20px 0;
	width: 46px; height: 14px;
	position: relative; left:-20px;
	background-image: url("../images/nav.gif");
	background-position: -196px 0px;
	border-left: solid 1px #fff;
}
#change:hover, #change.sfhover {
	background-position: -196px 14px;
}
#ways {
	padding: 0; margin: 20px 0;
	width: 58px; height: 14px;
	position: relative; left:-10px;
	background-image: url("../images/nav.gif");
	background-position: -241px 0px;
	border-left: solid 1px #fff;
}
#ways:hover, #ways.sfhover {
	background-position: -241px 14px;
}
#community {
	padding: 0; margin: 20px 0;
	width: 89px; height: 14px;
	position: relative;
	background-image: url("../images/nav.gif");
	background-position: -300px 0px;
	border-left: solid 1px #fff;
}
#community:hover, #community.sfhover {
	background-position: -300px 14px;
}

/* #about ------------------------------- */
#nav li#about ul { left: -80px; border-top: solid 1px #9d9fa1; top: 14px; width:524px;}
#nav li#about ul li{ clear: both; width: 190px;}
#about ul li {
  /* Stipulate the height of each item so that vertical return = items * height */
	line-height: 14px;
  /* Clear the default margins & padding so we can style the list from scratch */
	margin: 0; padding: 0; }
/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */
* html #about ul li.col2_1, * html #about ul li.col2_2, * html #about ul li.col2_3, * html #about ul li.col2_4, 
* html #about ul li.col3_1, * html #about ul li.col3_2, * html #about ul li.col3_3, * html #about ul li.col3_4 { 
	position: absolute; }
/* vertical position of each row */
#about ul li.col1_1 {
	line-height: 13px; }
#about ul li.col2_1, #about ul li.col3_1 {
	margin-top: -62px; }
#about ul li.col2_2, #about ul li.col3_2 {
	margin-top: -42px; }
#about ul li.col2_3, #about ul li.col3_3 {
	margin-top: -28px; }
#about ul li.col2_4, #about ul li.col3_4 {
	margin-top: -14px; }
/* horizontal position of each column */
#about ul li.col1_1, #about ul li.col1_2, #about ul li.col1_3, #about ul li.col1_4 {
	margin-left: 0px; }
#about ul li.col2_1, #about ul li.col2_2, #about ul li.col2_3, #about ul li.col2_4 {
	margin-left: 154px; }
#about ul li.col3_1, #about ul li.col3_2, #about ul li.col3_3, #about ul li.col3_4 {
	margin-left: 348px; }
#about ul li.col1_1, #about ul li.col2_1, #about ul li.col3_1 {
	padding-top: 6px; background: url("../images/menuMid5x14.gif") repeat-y 0px 6px; padding-left:10px; }
#about ul li.col1_2, #about ul li.col1_3, 
#about ul li.col2_2, #about ul li.col2_3,
#about ul li.col3_2, #about ul li.col3_3 {
	background: url("../images/menuMid5x14.gif") repeat-y 0px 0px; padding-left:10px; }
#about ul li.col1_4, #about ul li.col2_4, #about ul li.col3_4 {
	background: url("../images/menuEnd5x14.gif") no-repeat 0 0; padding-left:10px; }

/* #work ------------------------------- */
#nav li#work ul { left: -180px; border-top: solid 1px #9d9fa1; top: 14px; width:514px;}
#nav li#work ul li{ clear: both; width: 200px; }
#work ul li {
  /* Stipulate the height of each item so that vertical return = items * height */
	line-height:  14px;
  /* Clear the default margins & padding so we can style the list from scratch */
	margin: 0; padding: 0; }
/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */
* html #work ul li.col2_1, * html #work ul li.col2_2, * html #work ul li.col2_3, * html #work ul li.col2_4, 
* html #work ul li.col3_1, * html #work ul li.col3_2, * html #work ul li.col3_3, * html #work ul li.col3_4 { 
	position: absolute; }
/* vertical position of each row */
#work ul li.col1_1 {
	line-height: 13px; }
#work ul li.col2_1, #work ul li.col3_1 {
	margin-top: -62px; }
#work ul li.col2_2, #work ul li.col3_2 {
	margin-top: -42px; }
#work ul li.col2_3, #work ul li.col3_3 {
	margin-top: -28px; }
#work ul li.col2_4, #work ul li.col3_4 {
	margin-top: -14px; }
/* horizontal position of each column */
#work ul li.col1_1, #work ul li.col1_2, #work ul li.col1_3, #work ul li.col1_4 {
	margin-left: 0px; }
#work ul li.col2_1, #work ul li.col2_2, #work ul li.col2_3, #work ul li.col2_4 {
	margin-left: 140px; }
#work ul li.col3_1, #work ul li.col3_2, #work ul li.col3_3, #work ul li.col3_4 {
	margin-left: 280px; }
#work ul li.col1_1, #work ul li.col2_1, #work ul li.col3_1 {
	padding-top: .6em; background: url("../images/menuMid5x14.gif") repeat-y 0px 6px; padding-left:10px; }
#work ul li.col1_2, #work ul li.col1_3,
#work ul li.col2_2,
#work ul li.col3_2 {
	background: url("../images/menuMid5x14.gif") no-repeat 0 0; padding-left:10px; }
#work ul li.col1_4, #work ul li.col2_3, #work ul li.col3_3 {
	background: url("../images/menuEnd5x14.gif") no-repeat 0 0; padding-left:10px; }

/* #people ------------------------------- */
#nav li#people ul { left: -240px; border-top: solid 1px #fff; top: 14px; width:509px;}
#nav li#people ul li{ clear: both; width: 200px; }
#people ul li {
  /* Stipulate the height of each item so that vertical return = items * height */
	line-height: 14px;
  /* Clear the default margins & padding so we can style the list from scratch */
	margin: 0; padding: 0; }
/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */
* html #people ul li.col2_1, * html #people ul li.col3_1{ 
	position: absolute; }
/* vertical position of each row */
#people ul li.col1_1 {
	line-height: 13px; }
#people ul li.col2_1, #people ul li.col3_1 {
	margin-top:  -21px; }
/* horizontal position of each column */
#people ul li.col1_1 {
	margin-left: 0px; }
#people ul li.col2_1 {
	margin-left: 100px; }
#people ul li.col3_1 {
	margin-left: 200px; }
#people ul li.col1_1, #people ul li.col2_1, #people ul li.col3_1 {
	padding-top: .6em; background: url("../images/menuMid5x14.gif") repeat-y 0px 6px; padding-left:10px; }

/* #change ------------------------------- */
#nav li#change ul { left: -300px; border-top: solid 1px #9d9fa1; top: 14px; width:516px;}
#nav li#change ul li{ clear: both; width: 280px; }
#change ul li {
  /* Stipulate the height of each item so that vertical return = items * height */
	line-height: 14px;
  /* Clear the default margins & padding so we can style the list from scratch */
	margin: 0; padding: 0; }
/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */
* html #change ul li.col2_1, * html #change ul li.col2_2, * html #change ul li.col2_3, * html #change ul li.col2_4 { 
	position: absolute; }
/* vertical position of each row */
#change ul li.col1_1 {
	line-height: 13px; }
#change ul li.col2_1 {
	margin-top: -62px; }
#change ul li.col2_2 {
	margin-top: -42px; }
#change ul li.col2_3 {
	margin-top: -28px; }
#change ul li.col2_4 {
	margin-top: -14px; }
/* horizontal position of each column */
#change ul li.col1_1, #change ul li.col1_2, #change ul li.col1_3, #change ul li.col1_4 {
	margin-left: 0px; }
#change ul li.col2_1, #change ul li.col2_2, #change ul li.col2_3, #change ul li.col2_4 {
	margin-left: 230px; }
#change ul li.col1_1, #change ul li.col2_1 {
	padding-top: .6em; background: url("../images/menuMid5x14.gif") repeat-y 0px 6px; padding-left:10px; }
#change ul li.col1_2, #change ul li.col1_3, 
#change ul li.col2_2, #change ul li.col2_3 {
	background: url("../images/menuMid5x14.gif") no-repeat 0 0; padding-left:10px; }
#change ul li.col1_4, #change ul li.col2_4 {
	background: url("../images/menuEnd5x14.gif") no-repeat 0 0; padding-left:10px; }

/* #ways ------------------------------- */
#nav li#ways ul { left: -354px; border-top: solid 1px #9d9fa1; top: 14px; width:513px;}
#nav li#ways ul li{ clear: both; width: 200px; }
#ways ul li {
  /* Stipulate the height of each item so that vertical return = items * height */
	line-height: 14px;
  /* Clear the default margins & padding so we can style the list from scratch */
	margin: 0; padding: 0; }
/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */
* html #ways ul li.col2_1, * html #ways ul li.col2_2, * html #ways ul li.col2_3 { position: absolute; }
/* vertical position of each row */
#ways ul li.col1_1 {
	line-height: 13px; }
#ways ul li.col2_1 {
	margin-top: -48px; }
#ways ul li.col2_2 {
	margin-top: -28px; }
#ways ul li.col2_3 {
	margin-top: -14px; }
/* horizontal position of each column */
#ways ul li.col1_1, #ways ul li.col1_2, #ways ul li.col1_3 {
	margin-left: 0px; }
#ways ul li.col2_1, #ways ul li.col2_2, #ways ul li.col2_3{
	margin-left: 170px;  }
#ways ul li.col1_1, #ways ul li.col2_1 {
	padding-top: .6em; background: url("../images/menuMid5x14.gif") repeat-y 0px 6px; padding-left:10px; }
#ways ul li.col1_2 {
	background: url("../images/menuMid5x14.gif") no-repeat 0 0; padding-left:10px; }
#ways ul li.col1_3, #ways ul li.col2_2 {
	background: url("../images/menuEnd5x14.gif") no-repeat 0 0; padding-left:10px; }

/* #community ------------------------------- */
#nav li#community ul { left: -420px; border-top: solid 1px #9d9fa1; top: 14px; width:510px;}
#nav li#community ul li{ clear: both; width: 160px;}
#community ul li {
  /* Stipulate the height of each item so that vertical return = items * height */
	line-height: 14px;
  /* Clear the default margins & padding so we can style the list from scratch */
	margin: 0; padding: 0; }
/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */
* html #community ul li.col2_1, * html #community ul li.col2_2, * html #community ul li.col2_3, * html #community ul li.col2_4, 
* html #community ul li.col3_1, * html #community ul li.col3_2, * html #community ul li.col3_3, * html #community ul li.col3_4 { 
	position: absolute; }
/* vertical position of each row */
#community ul li.col1_1 {
	line-height: 13px; }
#community ul li.col2_1, #community ul li.col3_1 {
	margin-top: -48px; }
#community ul li.col2_2, #community ul li.col3_2 {
	margin-top: -28px; }
#community ul li.col2_3, #community ul li.col3_3 {
	margin-top: -14px; }
/* horizontal position of each column */
#community ul li.col1_1, #community ul li.col1_2, #community ul li.col1_3, #community ul li.col1_4 {
	margin-left: 0px; }
#community ul li.col2_1, #community ul li.col2_2, #community ul li.col2_3, #community ul li.col2_4 {
	margin-left: 194px; }
#community ul li.col3_1, #community ul li.col3_2, #community ul li.col3_3, #community ul li.col3_4 {
	margin-left: 348px; }
#community ul li.col1_1, #community ul li.col2_1, #community ul li.col3_1 {
	padding-top: .6em; background: url("../images/menuMid5x14.gif") repeat-y 0px 6px; padding-left:10px; }
#community ul li.col1_2 {
	background: url("../images/menuMid5x14.gif") no-repeat 0 0; padding-left:10px; }
#community ul li.col1_3, #community ul li.col2_2, #community ul li.col3_2 {
	background: url("../images/menuEnd5x14.gif") no-repeat 0 0; padding-left:10px; }

/* logo ------------------------------------  */
#logo {
	float: left;
}

/* splash ---------------------------------- */
#splash_link_box {
	float: left; position: relative;
	width: 740px; height: 360px; 
	z-index: 5;
	display: block;

}
#splash_link {
	float: left; position: relative;
	width: 740px; height: 360px; 
	display: block;
	background-color: transparent;
}
#splash_container {
	float: left; position: relative;
	margin-top: -360px;
	width: 740px; height: 360px; 
	z-index: 2;
}

#splash_img_container {
	float: left;
	position: relative;
	margin-top: 0px;
	width: 740px;
	height: 360px;
	z-index: 2;
	}

img {
	border: 0; margin: 0; padding:0;
}

/* feature --------------------------------- */
a:hover .feature{
	border: 0;
}
#col_1, #col_2 {
	float: left; position: relative;
	border-right: 1px solid #9d9fa1;
	width: 246px; height: 120px;
	background-color: #fff;
	margin-top: 10px; margin-bottom:10px;
}
#col_3 {
	float: left; position: relative;
	width: 246px; height: 120px;
	background-color: #fff;
	margin-top: 10px; margin-bottom:10px;
}
.feature { 
	width: 216px; height: 90px;
	background-color: #fff;
	padding: 15px;
	display: block;
}
.feature p {
	color:#9d9fa1;
}
a:hover#feature_1.feature, a:hover#feature_2.feature, a:hover#feature_3.feature{
	background-color: #ed1c24;
}
a:hover .feature_title {
	background-position: 0px 18px;
}
a:hover .feature_img {
	background-position: 0px 90px;
}
#feature_1 {
	background-color: #fff;
}
#feature_1_title {
	background-image: url("../images/feature_1_title.gif");
	height: 18px;
}
#feature_1 img {
	background-image: url("../images/feature_1.gif");
	width: 216px; height: 90px;
	top: -15px; left: -15px;
	padding: 0;
}
#feature_2_title {
	background-image: url("../images/feature_2_title.gif");
	height: 18px;
}
#feature_2 img {
	background-image: url("../images/feature_2.gif");
	width: 216px; height: 90px;
	top: -15px; left: -15px;
	padding: 0;
}
#feature_3 {

}
#feature_3_title {
	background-image: url("../images/feature_3_title.gif");
	height: 18px;
}
#feature_3 img {
	background-image: url("../images/feature_3.gif");
	width: 216px; height: 90px;
	top: -15px; left: -15px;
	padding: 0;
}

/* ticker --------------------------------- */
#ticker {
	clear: both; position: relative;
	margin-left: 15px;
	padding: 8px 15px;
	padding-left: 67px;
	list-style-type: none;
	background:url("../images/ticker.gif") no-repeat;
	background-position: 0px 8px;
}
#ticker a {
	color: #000;
}
#ticker a:hover {
	color: #ed1c24;
}

/* copyright --------------------------------- */
#copyright {
	font-size: 10px;
	color: #9d9fa1;
	margin: 0 auto; width:200px;
	padding-top: 60px;
	clear:both;
}
#copyright a { color: #9d9fa1; }

/* =.clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { position: relative; z-index: 1; display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* message box --------------------------------- */
.msg_box {
  width : 480px;
  padding: 5px;
  background: #ffffff;
  border: 1px #e7e7e7 solid;
  -moz-border-radius: 7px;
  margin: 8px 0px;
}

/* people - bio --------------------------------- */
#bio-wrapper{ margin:auto; padding-top: 60px; width: 535px; clear:both; position:relative; }
#bio-wrapper a { color:#ed1c24; font-weight: normal; text-decoration: none; }
#bio-wrapper a:hover { color:#000; }
#bio-left{ width: 253px; padding-right: 40px; border-top: solid 1px #ed1c24; float: left; }
#bio-right{ width: 242px; position: relative; }
#bio-image { float: right; width: 240px; height: 300px;  border: solid 1px #ed1c24; }	
#bio-image img{ width: 240px; height: 300px; }
#bio-left .bodycopy {margin-bottom: 10px; }
.bio-name{ font-size:14px; color:#ed1c24; margin: 0; margin-top: 10px; margin-bottom: 4px; font-weight: bold; text-transform: lowercase;}
.bio-title{ font-size:11px; color:#9d95a1; margin-bottom:15px; }
#bio-audio { width: 230px; height: 12px; float: right; position: relative; padding: 10px 0 7px 0; margin-top: -29px; margin-right: 3px; }
#bio-audio-teaser { width: 200px; height: 12px; font-size: 10px; float:left; }
#bio-audio-player { nwidth: 12px; height: 12px; background-color: #9d9fa1; float:right; margin-right: 3px; }
#bio-right-links { float: left; }
#bio-blog-link { margin-top: 18px; }
#bio-video-link { margin-top: 8px; }
.grey, #email_link a, #back a{ color:#9d95a1; }
.red { color:#ed1c24; }

/* iphone --------------------------------------- */
#iphone-download {display: none}

#wrapper-footer {
	background-color: #e7e8e8;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}
#footer {
	width: 740px;
	text-align: left;
	margin: 0 auto;
	padding: 19px;
}
#footer-bug {
	float: left;
	width: 73px;
	height: 73px;
	padding: 2px 0 0 15px;
}
#wrapper-footer p {
	width: 640px;
	padding: 0 0px 16px 106px;
	margin: 0;
	color: #666;
	line-height: 16px;
}
#wrapper-footer #copyright {
	padding: 40px 0 16px 106px;
	margin: 0;
	color: #666;
	
}

#wrapper-footer.nobug p {
	padding: 0 0px 16px 34px;
}
#wrapper-footer.nobug #copyright {
	padding: 40px 0 16px 34px;
	
}