* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; height: 100%; }
body { background: url(../images/shared/es_2010_bg.gif) repeat-x #028889; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 75%; color: #FFF; }
a { font-weight: bold; text-decoration: none; color: #FF9900; }
h1 { font-size: 1.4em; color: #83fffa;}
h2 { font-size: 1.2em; color: #83fffa; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
blockquote { font-style: italic; font-weight: bold; padding: 5px 35px; line-height: 1.5em; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }
.textRight { text-align: right; }
.leftBtn { float: left; }
.rightBtn { float: right; }
/*FONT-SIZE CLASS*/
.small { font-size: 0.9em; }
.medium { font-size: 1.1em; }
.large { font-size: 1.2em; }
.xlarge { font-size: 1.3em; }
/*COLOR CLASS*/
.green { color: #376600; }
.gray { color: #222; }
.blue { color: #0c4f8f; }
.orange { color: #FF9900; }
.skyBlue { color: #83fffa; }
.yellow { color: #ffef44; }
/*WRAPPER*/
#wrapper { background: url(../images/shared/es_2010_bgPhoto.jpg) no-repeat top center; width: 1024px; margin: 0 auto; position: relative; min-height: 100%; height: auto !important; height: 100%;}
body > #wrapper { height: auto; min-height: 100%;}
/*HEADER*/
#header { }
#logo { background: url(../images/shared/es_2010_logo.png) no-repeat top center; width: 926px; height: 166px; margin: 0 auto; }
#logo a { display: block; width: 100%; height: 100%; outline: none; overflow: hidden; position: relative; z-index: 5; }
#eventName { background: url(../images/shared/es_2010_eventName.png) no-repeat top center; width: 848px; height: 105px; margin: 98px 0 30px 80px; }
/*NAVCONTAINER*/
#navcontainer { background: #001616; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; width: 888px; height: 32px; margin: 0 auto; }
#navlist ul { margin: 0; padding: 0; white-space: nowrap; }
#navlist li { list-style-type: none; display: inline; }
#navlist li a { display: block; float: left; list-style-type: none; text-align: center; padding: 7px 26px 0 20px; color: #ffef44; font-size: 1.2em; font-family: Calibri, Arial, Helvetica, sans-serif; }
#navlist li a:hover { }
#navlist li a#current { display: block; color: #83fffa; }
/*MAIN*/
#main { background: url(../images/shared/es_2010_container.png) repeat-y top center; width: 888px; min-height: 300px; margin: 0 auto; margin-bottom: 225px; } /* must be same height as the footer */
#container { /*background: #001918; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; */ width: 838px; padding: 25px; }
#sponsors { background: #83fffa; padding: 20px; height: 50px; }
#sponsors img { padding-right: 10px; }
#video { float: left; width: 420px; }
#mainContent { float: right; width: 375px; }
#mainContent h2 { }
#mainContent p { line-height: 1.5em; padding-top: 10px; }
#content { float: right; width: 638px; }
#content p { padding: 3px; }
#side { float: left; width: 170px; }
#sideNav { margin-top: 14px; }
#sideNav li { list-style: none; padding: 10px 0; border-bottom: 1px dotted #005f60; }
#sideNav li a { color: #FFF; font-size: 1.1em; }
#sideNav li a:hover { color: #FF9900; }
#sideNav li a#current { display: block; color: #FF9900; }
/*SPEAKERS*/
.speakerbox { width: 595px; height: 242px; clear: left; margin-top: 36px; border-bottom: 1px dotted #005f60; }
.speakerbox .floatbox { float: left; width: 182px; }
.speakerbox .floatbox img { border: 1px solid #005f60; padding: 2px; }
* html .speakerbox p { /* IE 3px jog hack*/height: 1%; }
.speakerbox h3 a { font-size: 1.2em; color: #ffef44; padding-top: 7px; margin-bottom: 0px; }
.speakerbox h4 { font-size: 1.1em; color: #83fffa; margin-bottom: 20px; }
.speakerbox li { list-style-position: inside; }
.speakerbox p { padding-top: 20px; }
#couplePhoto { float: left; width: 182px; margin-top: 36px; }
#couplePhoto img { border: 1px solid #005f60; padding: 2px; }
#coupleInfo { float: right; width: 455px; margin-top: 36px; }
#coupleInfo h3 a { font-size: 1.2em; color: #ffef44; padding-top: 7px; }
#coupleInfo h4 { font-size: 1.1em; color: #83fffa; margin-bottom: 10px; }
#coupleInfo li { list-style-position: inside; }
#coupleInfo p { padding: 20px 0; }
/*PROGRAM*/
.programBox { margin-top: 36px; }
.programBox p { padding: 5px 0; }
.programBox p label { float: left; width: 20%; }
.programBox h3 { margin-bottom: 10px; border: 1px dotted #005f60; padding: 7px 0 10px 7px; }
.programBox h3 label { float: left; width: 80%; font-size: 1.2em; color: #ffef44; }
/*REGISTRATION*/
#registration h1 { margin-bottom: 20px; }
#registration h2 { margin-bottom: 10px; }
#registration h3 { margin-bottom: 10px; }
/*LODGING*/
#lodging h3 { font-size: 1.3em; color: #ffef44; margin: 15px 0 0 0; }
#lodging h4 { font-size: 1.2em; margin-top: 15px; color: #83fffa;}
.lodgingInfo { padding-bottom: 25px; border-bottom: 1px dotted #005f60; }
.lodgingInfo li { list-style: none; padding: 3px 0; }
tr { height: 25px; }
td { text-align: center; border: 1px dotted #005f60;}
.mainRow { background: #0c6566; }
.columnLeft { text-align: left; padding-left: 10px; }
/*ACTIVITIES*/
#activities h3 { font-size: 1.3em; color: #ffef44; margin-bottom: 5px; }
#activities h4 { font-size: 1.2em; }
h4.package { background: #004d4e; padding: 5px 3px; margin-top: 15px; }
h4.package label { float: left; width: 60%; }
#activities ul { }
#activities li label { float: left; width: 60%; }
#activities li { list-style: none; padding: 5px 0; border-bottom: 1px dotted #005f60; }
/*FAQs*/
#faqInfo h3 { margin-top: 25px; color: #83fffa; }
#faqInfo p { padding: 0 0 5px 0; }
#faqInfo li { list-style-position: outside; margin-left: 25px; padding: 5px 0 5px 3px;}
#faqList { margin-bottom: 15px; }
#faqList li { list-style-position: outside; margin-left: 25px; padding: 7px 0 0 3px; }
#faqList li a { color: #FFF; }
#faqList li a:hover { color: #FF9900; }
/*CONTACT FORM*/
#contactInfo li { list-style: none; list-style-position: inside; padding: 3px; }
#contactForm { margin-top:25px; }
#contactForm fieldset { width: 350px; padding: 8px 10px; border: 1px dotted #005f60; }
#contactForm legend { background: #005f60; color: #FFF; font-weight: bold; padding: 3px 7px; }
#contactForm { padding: 7px 20px; }
#contactForm p label { float: left; width: 20%; margin: 2px 0; }
#contactForm p { padding: 3px 0; }
#contactForm input, #contactForm select { width: 174px; border: 1px solid #AAA; padding: 0 2px; }
#contactForm textarea { width: 244px; height: 90px; border: 1px solid #AAA; }
#contactForm .sendBtn { width: 82px; background: #009e9f; color: #FFF; border: 1px dotted #005f60; }
#contactForm .warning { color: #FF9900; font-weight: bold; }
/*FOOTER*/
#footer { background: url(../images/shared/es_2010_footer.gif) repeat-x bottom center; position: relative; margin-top: -225px; /* negative value of footer height */ height: 225px; clear:both; }
#footerWrap { width: 888px; margin: 0 auto; padding-top: 180px; }
#footerWrap p { padding-top: 3px; }
#footerLeft { float: left; width: 50%; }
#footerLeft h3 { font-size: 1.2em; color: #FF3300; }
#footerLeft h4 { color: #006699; }
#footerRight { float: right; text-align: right; }
#footerRight { color: #006061; }
#footerRight h4 { font-size: 1em; color: #006699; }
#footerRight p { font-size: 0.8em; }
#footerRight a { color: #006061; font-weight: bold; }
#footerRight a:hover { color: #FF3300; text-decoration: underline; }
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */