body {background: #000; font-family:"Century Gothic", Verdana, Arial, sans-serif; font-size: 13px; color: #fff;}
div#wholewrapper {width: 835px; margin: 18px auto auto auto;}
div.clr {clear:both;}

/* HEADER --------------------*/
div#header {position: relative;}
ul.topnav {float: right; list-style: none; position: absolute; top: -18px; right: 0; padding: 0;}
ul.topnav li {display: inline; margin: 0 3px;}
ul.topnav li a {text-decoration: none; color: #fff;}
ul.topnav li a:hover {color: #4AB1F7; }

img.dateloc {position: absolute; right: 0; top: 25px;}


/* MAIN NAV ---------------------*/
ul.mainnav {background: url(img/navbckg_colored.gif) #000 no-repeat; margin: 15px 0 0 0 ; padding: 0; height: 20px; width: 835px; position:relative;}
ul.mainnav li {list-style: none; display: inline; margin: 0; padding: 0;}
ul.mainnav li a {float: left;}
a.features {width: 78px; height: 20px; background: url(img/features.gif); display: block;}
a.invite {width: 140px; height: 20px; background: url(img/invite.gif); display: block;}
a.schedule {width: 86px; height: 20px; background: url(img/schedule.gif); display: block;}
a.sessions {width: 76px; height: 20px; background: url(img/sessions.gif); display: block;}
a.speakers {width: 84px; height: 20px; background: url(img/speakers.gif); display: block;}
a.speakers2 {width: 76px; height: 20px; background: url(img/speakers2.gif); display: block;}
ul.mainnav li a:hover {background-position: 0 -20px; color: #4AB1F7;}
img {border: 0;}

/* FOOTER -----------------------*/
ul.footer {background: url(img/navbckg_colored.gif) #000 no-repeat; margin: 15px 0 0 0 ; padding: 0; height: 15px; width: 835px; font-size: 11px;}
ul.footer li {list-style: none; display: inline; margin: 0 10px; padding: 3px 0;}
ul.footer li a {text-decoration: none; color: #fff;}
ul.footer li a:hover {color: #4AB1F7; }

/* MAIN CONTENT -----------------------*/
div.contentwrapper {padding: 25px 0 0 0;}
img.title {margin-bottom: 15px;}
ul.arrow {margin: 0 20px 20px 20px; padding: 0;}
ul.arrow li {list-style-image: url(img/arrow.gif); margin: 10px 0;}
ul.reg {list-style: none;}
ul.smaller li {list-style-image: url(img/arrow.gif); margin: 3px 0;}
blockquote {margin: 0 0 0 25px;}

ul.speakerpagers {list-style:none; text-align: right;}
ul.speakerpagers li {display: inline; margin: 0 5px;}

span.small {font-size: 10px; color: #fff;}

.quotes {width: 100%; margin-top: 17px; color: #fff;}
.quotes td {padding: 0 5px;}
.quotes em {display: block; margin-left: 15px;}


/* LEFT/RIGHT WRAPPER -----------------------*/
div.leftwrapper {float: left; width: 550px;}
div.rightwrapper {float: left; padding: 50px 0 0 10px; width: 252px; font-size: 12px;}

/* TABLE STYLES -----------------------*/
table.styled {text-align: center;}
table.styled td {border: 1px solid #222; background: #222;}
table.styled thead td{background: url(img/thead.gif) repeat; color: #fff;  border: 0;}

table.speakers td {text-align: center;}
table.speakers em {display: inline; margin:0;}


/* TEXT/LINK/IMG STYLES -------------------*/
strong, span {color: #4AB1F7;}
h1 {font-size: 16px; margin: 0;}
a:link, a:visited {color: #fff; text-decoration: underline;}
a:hover {color: #4AB1F7; text-decoration: none}

img.speaker {float: left; margin: 0 5px 5px 0;}

form input.text {border: 2px solid #a9a9a9; }
form input.button {border: 2px solid #fff; background: #a9a9a9; color: #fff; font-family: "Century Gothic", Verdana, Arial, sans-serif;}

p.big {font-size: 16px; color: #4AB1F7; margin-top: 0;}

img.regnow {position: absolute; right: 0; top: 25px;}