body {
  background:#010101 url("images/bg_body.png") repeat-x; border-top:2px Solid #000; cursor:default; /* ie7 annoyingly shows the text-select cursor just about everywhere */
}

p {
  color:#c7c7c7; font-size:90%; line-height:160%;
  margin-bottom:.5em;
}

a {
   color:#fff; cursor:pointer;
} a:hover {
   color:#fff; cursor:pointer;
}

p a {
  border-bottom:1px Dotted #fff; text-decoration:none;
} p a:hover {
  border-bottom-style:Solid;
}

h1 {
  height:29px; right:41px; position:absolute; top:37px; width:86px;
} h1 a {
  height:100%; width:100%; text-indent:-9999px;
} h1 a span {
  background-image:url("images/logo_ms.png");
}  h1 a:hover span {
  background-position:0 -100%;
}
h2, h3, h4 {
  margin-bottom:10px;
}
h4 {
  color:#fff; font-size:120%; font-weight:normal; margin-top:1.5em;
}

form {
  width:90%;
  min-width:300px;
  margin:20px auto 0;
}
input, textarea, label, button {
  display:block;
  font-size:1.5em;
}
label {
  color:#c7c7c7;
}
input, textarea {
  width:96%;
  border:2px Solid #8c1018;
  margin:10px auto 15px;
  padding:5px;
  background-color:#ddd;
}
input:focus, textarea:focus {
  background-color:#fff;
}
textarea {
  height:300px;
}
button {
  margin:auto;
}

#header {
  height:86px;
}
#body, #footer {
 padding:0 30px;
}
#body {
  padding-bottom:30px;
}

#regionHomeIntro {
  margin-bottom:40px;
} #regionHomeIntro h2 {
  height:17px; width:282px; text-indent:-9999px;
} #regionHomeIntro h2 span {
  background-image:url("images/heading_main.png");
}

#regionHomeWorkPlay {
  clear:both;
  min-height:1%; /* necessary to get ie7 to contain the floats correctly */
} #regionHomeWorkPlay h3 {
  float:left; text-indent:-9999px;
} #regionHomeWorkPlay h3.workPlay span {
  background-image:url("images/heading_wp.png");
}


#regionHomeExperience {
  clear:both;
  min-height:1%; /* necessary to get ie7 to contain the floats correctly */
  margin-top:15px;
} #regionHomeExperience h3 {
  float:left; text-indent:-9999px;
} #regionHomeExperience h3 span {
  background-image:url("images/heading_experience.png");
}



#footer {
  background-color:#8c1018; border-top:3px Solid #3b3b3b;
  font-size:85%; height:80px; position:relative; padding-top:15px;
  color:#c7c7c7;
} #footer hr {
  display:none;
} #footer h4 {
  font-weight:bold; margin-right:5px; display:none;
} #footer ul {

} #footer li {
  float:left; text-transform:lowercase;
  background:url("images/bg_footer_seperator.gif") no-repeat 0 50%;
  padding-left:10px; padding-right:5px;
} #footer li a {
  color:#c7c7c7; text-decoration:underline;
} #footer li a:hover {
  text-decoration:none;
} #footer p {
  clear:left; color:#b5666b; text-align:center;
  position:absolute; bottom:15px; left:0; width:100%;
} #footer a.arlo {
  border-bottom-width:0;  cursor:pointer; display:block; height:30px; position:absolute; width:29px;
  right:30px; top:15px; text-indent:-9999px;
} #footer a.arlo span {
  background-image:url("images/icon_arlo.gif");
} #footer a.arlo:hover span {
  background-position:0 -31px;
}

a.regionLink {
  color:#797979; font-size:85%; margin-left:15px; vertical-align:baseline;
  position:relative; bottom:-5px;
} a.regionLink:hover {
  color:#fff;
}

ul.logoTiles {
  margin-top:20px;
} ul.logoTiles li {
  float:left; height:69px; margin:0 15px 15px 0; position:relative; width:130px;
}

ul.sampleTiles {
  margin-top:20px;
} ul.sampleTiles li {
  float:left; margin:0 15px 15px 0; position:relative;
  display:block; height:69px; width:203px;
} ul.sampleTiles a {
  display:block; height:100%; width:100%; text-indent:-9999px;
}

h3.experience {
  height:19px; width:106px;
} h3.experience span {
  background-image:url("images/heading_experience_alt.png");
}

h3.workPlay {
  height:20px; width:114px;
} h3.workPlay span {
  background-image:url("images/heading_wp_alt.png");
}

h3.contact {
  height:14px; width:71px;
} h3.contact span {
  background-image:url("images/heading_contact_alt.png");
}

p.feature {
  cursor:default; padding:2px 0;
} p.feature:hover {
  background-color:#000;
} p.feature:hover a {
  background-color:#666;
} p.feature:hover a:hover {
  background-color:#486992;
}

p.clients {
  font-size:110%; line-height:200%;
}

 a.cih span {
  background-image:url("images/icon_cih.png");
} a.df1 span {
  background-image:url("images/icon_df_du.png");
} a.ds1 span {
  background-image:url("images/icon_ds_1.png");
} a.ds2 span {
  background-image:url("images/icon_ds_2.png");
} a.mag1 span {
  background-image:url("images/icon_mag_1.png");
} a.mag2 span {
  background-image:url("images/icon_mag_2.png");
} a.micg span {
  background-image:url("images/icon_micg.png");
} a.rocket span {
  background-image:url("images/icon_rocket.png");
} a.sb span {
  background-image:url("images/icon_sb.png");
} a.summertime span {
  background-image:url("images/icon_summertime.png");
} a.zerog span {
  background-image:url("images/icon_zerog.png");
} a.epokdabsetup span {
  background-image:url("images/icon_epok_dabsetup.png");
} a.gmacbankatm span {
  background-image:url("images/icon_gmacbank_atm.png");
} a.gmacbanksplash span {
  background-image:url("images/icon_gmacbank_splash.png");
} a.salliemaeconfig span {
  background-image:url("images/icon_salliemae_config.png");
}

li a:hover span, li a:hover span {
  background-position:0 -100%;
}

a.bt span {
  background-image:url("images/logo_bt.png");
} a.aol span {
  background-image:url("images/logo_aol.png");
} a.df span {
  background-image:url("images/logo_digitalfocus.png");
} a.epok span {
  background-image:url("images/logo_epok.png");
} a.fanniemae span {
  background-image:url("images/logo_fanniemae.png");
} a.gmacbank span {
  background-image:url("images/logo_gmacbank.png");
} a.mci span {
  background-image:url("images/logo_mci.png");
} a.motleyfool span {
  background-image:url("images/logo_motleyfool.png");
} a.neustar span {
  background-image:url("images/logo_neustar.png");
} a.onstar span {
  background-image:url("images/logo_onstar.png");
} a.salliemae span {
  background-image:url("images/logo_salliemae.png");
} a.verisign span {
  background-image:url("images/logo_verisign.png");
}
