﻿body {  margin: 0px; font-size: 76%; color: #252525; background-color: #D6D6D6; font-family:  Verdana, Helvetica, sans-serif; }

/* ---- TYPOGRAPHY ----------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0; color: #252525; font-family: verdana, Arial, sans-serif; }
h1 { font-size: 1.8em; margin-bottom: .5em; font-weight: normal; }
h2 { font-size: 1.4em; margin-bottom: .3em; font-weight: normal; }
h3 { font-size: 1.2em; margin-bottom: 0em; color: #005695; }
h4 { font-size: 1.1em; color: #252525; }

a { color: #005695;}
a:hover, a:hover strong { color: #777; }
a.img { background-position: 0 0; padding: 0; }


p { line-height: 1.5em; margin: 0em 0em 1em; }

strong { color: #777; font-weight: bold; }


/* ---- GENERAL ELEMENTS ----------------*/

hr { border: none; border-bottom: 1px solid #aaa; background: none; height: 1px; }
a img { border: none; }
.clear { clear: both; height: 1px; font-size: 1px; }


/* ---- Shell Layout ---------------------------- */
#container { align: middle;  background-color: #FFFFFF; margin-top: 25px; width: 815px; padding: 0 0 30px 0; margin-left: auto; margin-right: auto; } 

#header { align:center; position: relative; width: 815px; height: 84px; margin: 0; background: none; border-bottom: #E8E8E8 1px solid; }
#header h1 { position: absolute; top: 14px; left: 11px; width: 520px; height: 29px; margin: 0; background-image: url(/developer/devcon2006/images/devcon_head.gif); }
#header h1 a { width: 405px; height: 29px; background: none; text-decoration: none; }
#header h2 { position: absolute; top: 47px; left: 0px; width: 258px; height: 37px; margin: 0; background-image: url(/developer/devcon2006/images/get_connected_head.gif); }

#header #logo { position: absolute; top: 8px; right: 10px; width: 98px; height: 39px; margin: 0; background: url(/developer/devcon2006/images/emc_logo.gif) no-repeat; }
#header #logo a { width: 98px; height: 39px; background: none; text-decoration: none; }

#header #topnav { vertical-align: middle; width: 600px; height: 27px; position: absolute; top: 57px; left: 258px; background: url(/developer/devcon2006/images/topnav_bg.gif) no-repeat; margin: 0; padding: 0 0 0 10px; list-style: none; font-weight: bold; font-size: .9em;  }
#header #topnav li { float: left; padding: 0 8px; margin: 0; margin-top: 7px; border-right: 1px solid #005695;  }
#header #topnav li a { float: left; padding: 0; text-decoration: none; }
#header #topnav li.first { padding-left: 0; }
#header #topnav li.last { padding-right: 0; border: none; }

#splash { width: 815px; top: 300px; margin: 12px 0 10px 0px; }

#footer { width: 801px; margin: 0; padding-left: 5px; margin-left: auto; margin-right: auto; }
#footer p { font-size: .9em; color: #666; background: none; }

#column-left { float: left; width: 108px; padding: 20px 22px 0 15px; }
#column-left #nav { width: 100px; height: 100px; padding: 5px 0 0 8px; background: url(/developer/devcon2006/images/navbox.gif) no-repeat; }
#column-left #nav p { font-size: .9em; font-weight: bold; color: #878787; margin: 0 0 2px 0; }
#column-left #nav ul { list-style: none; margin: 0em 0em 1em 0em; padding: 0;  }
#column-left #nav ul li { background: url(/developer/devcon2006/images/arrow_red.gif) no-repeat 0 .2em; padding-left: 10px; font-size: .9em; margin-bottom: .1em;  }
#column-left #nav ul li a { text-decoration: none; }
#column-left #nav ul li a:hover { text-decoration: underline; }

#column-center { float: left; width: 440px; padding: 0; margin: 20px 0 20px 0; }
#column-center p { font-size: .9em; }
#column-center h3 { font-size: .9em; color: #000; margin-bottom: 10px; }
#column-center #headline { margin-bottom: 10px; }
#column-center #subhead { margin-bottom: 5px; }

#column-center table.chart { width: 100%; font-size: .9em; }
#column-center table.chart th { background-color: #7289A1; color: #fff; text-align: left; }
#column-center table.chart td.time { background-color: #9FB4C9; color: #fff; font-weight: bold;  }
#column-center table.chart td.divider { background-color: #DDE6F0; color: #fff; font-size: .3em;  }
#column-center table.chart td h4 { font-size: 1em;  }
#column-center table.chart td p { font-size: 1em; margin: 5px 0px; }


#column-right { float: right; width: 178px; padding: 20px 25px 20px 0; }
#column-right img { margin-bottom: 15px; border: none; }

/* ---- Image Replacement -------------- 
	Basic shell replacements are handled here. In addition, .img can be used for specific needs site-wide.
*/

#header h1,
#header h1 a,
#header h2,
#header #logo,
#header #logo a,
#header #globalnav li a,
#header #printer,
#ad ul.features li a,
.sub-level .features li a,
.img 
{ 
	letter-spacing: -1000em;  text-indent : -9999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
