/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/
* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*------------------------------------------------------------------------------------
  Basic Layout
------------------------------------------------------------------------------------*/

body{
  font-family:"Helvetica Neue", Arial, sans-serif;
  font-size:11px;
  color:#54595c;
  background:#ebeeee;
}

#wrap{
  margin:0 auto;
  width:958px;
  padding:0 1px;
  background:url(../images/wrap_back.gif) 0 0 repeat-y;
}

#content{
  position:relative;
  background:url(../images/back_content-bottom.gif) 0 100% repeat-x;
}
#content #navshadow{
  position:absolute;
  top:0;
  width:958px;
  height:12px;
  z-index:5;
  background:url(../images/shadow_nav.png) 0 0 no-repeat;
}

#content .header{
  margin-bottom:38px;
  line-height:1px;
  font-size:1px;
  border-bottom:1px solid #c8c8c8;
}

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

#header{
  position:relative;
  height:131px;
  overflow:hidden;
  background:url(../images/header.jpg) 0 0 no-repeat;
}

#header h2#logo{
  position:absolute;
  left:49px;
  top:50px;
  margin:0;
}
#header h2#logo a{
  display:block;
  width:321px;
  height:45px;
  text-indent:-9999px;
  text-decoration:none;
  background:url(../images/logo.gif) 0 0 no-repeat;
}

#header .tagline{ display:none; }

ul#nav{
  position:absolute;
  top:97px;
  left:49px;
  margin:0;
  height:34px;
}
ul#nav li{
  display:inline;
  height:34px;
}
ul#nav li a{
  float:left;
  height:34px;
  text-indent:-9999px;
  background:url(../images/topnav_matrix.gif) 0 0 no-repeat;
}

ul#nav li.home a{
  width:45px;
  background-position:0 0;
}
ul#nav li.home a:hover{
  background-position:0 -68px;
}
ul#nav li.home.active a{
  background-position:0 -34px;
}
ul#nav li.whatis a{
  width:121px;
  background-position:-45px 0;
}
ul#nav li.whatis a:hover{
  background-position:-45px -68px;
}
ul#nav li.whatis.active a{
  width:121px;
  background-position:-45px -34px;
}
ul#nav li.team a{
  width:103px;
  background-position:-166px 0;
}
ul#nav li.team a:hover{
  background-position:-166px -68px;
}
ul#nav li.team.active a{
  width:103px;
  background-position:-166px -34px;
}
ul#nav li.whocustomers a{
  width:177px;
  background-position:-271px 0;
}
ul#nav li.whocustomers a:hover{
  background-position:-271px -68px;
}

ul#nav li.whowe a{
  width:103px;
  background-position:-448px 0;
}
ul#nav li.whowe a:hover{
  background-position:-448px -68px;
}

#header p.download-site{
  position:absolute;
  top:97px;
  right:0;
  margin:0;
}
#header p.download-site a{
  display:block;
  width:106px;
  height:34px;
  text-indent:-9999px;
  background:url(../images/nav_download-site.gif) 0 0 no-repeat;
}
#header p.download-site a:hover{
  background-position:0 -34px;
}

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

#footer{
  margin-left:-1px;
  width:928px;
  height:127px;
  padding:33px 16px 0 16px;
  background:url(../images/back_footer.gif) 0 0 no-repeat;
}

#footer2{
  margin-left:-1px;
  width:935px;
  height:127px;
  padding:33px 16px 0 16px;
  background:url(../images/back_footer.gif) 0 0 no-repeat;
}

ul#fnav{
  float:left;
  margin:0;
}
ul#fnav li{
  float:left;
  margin:0;
  padding:0 11px;
  list-style-type:none;
  background:url(../images/fnav_separator.gif) no-repeat 0 3px;
}
ul#fnav li.first{
  padding-left:0;
  background:transparent;
}
ul#fnav li a{
  font-weight:normal;
  color:#777;
}
ul#fnav li a:hover{
  text-decoration:none;
  color:#333;
}

p.copyright{
  float:right;
  margin:0;
}

/*------------------------------------------------------------------------------------
  Columns
------------------------------------------------------------------------------------*/

.columns:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.columns{display: inline-block;}

.columns .column{
  float:left;
}

.col2{
  padding-left:52px;
  padding-right:52px;
}
/* i r safari */
html>body*#wrap .col2{ width:854px; }
.col2 .column{
  width:364px;
}
.col2 .last{
  float:right;
}

.col3 .column{
  width:270px;
  padding:0 25px;
}
.col3 .last{
  width:268px;
}

/*------------------------------------------------------------------------------------
  Type
------------------------------------------------------------------------------------*/

a{
  text-decoration:none;
  font-weight:bold;
  color:#54595c; 
}
a:hover{
  color:#6a7982;
  text-decoration:underline;
}

a.go{
  padding-right:8px;
  background:url(../images/icon_go.gif) 100% 3px no-repeat;
}
/* i r safari */
html>body*#wrap a.go{
  background-position:100% 3px;
}

p{
  line-height:1.5;
}

h3{
  font-size:11px;
}

h4, h4 a, h4 a:hover{
  text-decoration:none;
  font-size:11px;
  color:#000;
}

.rule{
  margin:16px 0;
  height:1px;
  font-size:1px;
  line-height:1px;
  background:url(../images/dotted_horiz.gif) 0 0 repeat-x;
}

/*------------------------------------------------------------------------------------
  Ticker
------------------------------------------------------------------------------------*/

.ticker{
  height:43px;
  padding:0 16px;
  background:url(../images/back_ticker.gif) 0 0 repeat-x;
}

.ticker h3{
  float:left;
  margin:0;
  height:43px;
  line-height:43px;
  text-transform:uppercase;
}

.ticker p{
  float:left;
  margin:0;
  height:43px;
  padding-right:50px;
  line-height:43px;
  background:url(../images/back_ticker-inside.gif) 100% 50% no-repeat;
}
.ticker p span.filler{
  float:left;
  width:40px;
  height:43px;
  background:url(../images/back_ticker-inside-l.gif) 0 50% no-repeat;
}

/*------------------------------------------------------------------------------------
  Home Page Promos
------------------------------------------------------------------------------------*/

.promos{
  padding-top:20px;
  background:url(../images/back_home-promos.gif) 0 0 no-repeat;
}

.promos img.thumb{
  float:left;
  margin-right:16px;
  border:1px solid #fff;
}
.promos a:hover img.thumb{
  border-color:#ccc;
}

.promos h4{
  margin-top:6px;
  margin-bottom:-8px;
  text-transform:uppercase;
}

/*------------------------------------------------------------------------------------
  Home Page Hero
------------------------------------------------------------------------------------*/

#home .hero{
  position:relative;
  height:293px;
}
#home .hero img.hero{
  position:absolute;
  top:0;
  left:0;
}

#home .hero .feature{
	position:absolute;
	top:28px;
	left:37px;
	width:432px;
	height: 281px;
}
#home .hero .feature .content{
  padding:0 38px;
  overflow:hidden;
  background:url(../images/home_feature-back.png) 0 0 repeat-y;
}
#home .hero .feature .top{
  height:30px;
  background:url(../images/home_feature-top.png) 0 0 no-repeat;
}
#home .hero .feature .bottom{
  height:38px;
  background:url(../images/home_feature-bottom.png) 0 0 no-repeat;
}

.hero .feature h4{
  margin-top:16px;
  text-transform:uppercase;
  color:#54595c;
}
.hero .feature img.pic{
  float:right;
  margin-top:16px;
  margin-left:16px;
  border:1px solid #fff;
}
.hero .feature a:hover img.pic{
  border-color:#ccc;
}

/*------------------------------------------------------------------------------------
  Team / Bios Page
------------------------------------------------------------------------------------*/

#bios .col2{
  padding-bottom:38px;
}

#bios .rule{
  margin:32px 0;
}img.team {
	padding: 0px;
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0px 25px 0px 0px;
}