body { background: #000000; color: #666666; font-family: Arial, Helvetica, sans-serif; height: 100%; margin-top: 0; }
html { height: 100%; overflow: hidden; }
html, body { height: 100%; margin: 0; padding: 0; }
legend {display:none;}
a { color: #333333; }
a:hover { color: #999999; }
noscript { height: 100%; position: absolute; width: 100%; }

#message { margin: 0 auto 0 auto; padding-top: 10%; text-align: center; width: 90%; }

#message h1 { color: #ff0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 8px; }
#message p { color: #ffffff; margin-bottom: 8px; }
#message a { color: #ffffff; }

#wrapper { height: 100%; margin: 0 auto 0 auto; width: 100%; margin-bottom:-30px; }
#contentHolder { background: #0b0b0b url(../img/WebGrad_v1c.jpg) no-repeat center top; height: 100%; margin: 0 auto 0 auto; overflow: auto; width: 100%; }
*:first-child + html #contentHolder { position: relative; }
* HTML #contentHolder { position: relative; }
#videoHolder { background-color: #000000; height: 100%; margin: 0 auto 0 auto; overflow: hidden; width: 100%; }
*:first-child + html #videoHolder { height: 100%; overflow: hidden; width: 100%; }
* HTML #videoHolder { height: 100%; overflow: hidden; width: 100%; }
#wrapper div.menu { background-color: #121212; background-position: 99% 5px; bottom: 0; height: 36px; position: absolute; width: 100%; z-index: 100000000; }
*:first-child + html #wrapper div.menu { left: 0;bottom:-1px; }
* HTML #wrapper div.menu { left: 0; bottom:-1px;}

#wrapper div.menu ol.right { background-image: url(../img/signup-bg.png); background-position: 0 5px; background-repeat: no-repeat; margin-right: 0; position: absolute; right: -10px; top: 0; width: 300px; height:36px; overflow:hidden;}
* HTML #wrapper div.menu ol.right {background-image: url(../img/signup-bg.gif);}
#wrapper div.menu ol.right fieldset {display:block; height:36px; overflow:hidden;}
#wrapper div.menu ol.right fieldset label { color: #121212; display: block; font-size: 10px; font-weight: bold; left: 10px; position: relative; top: 15px; }
#wrapper div.menu ol.right fieldset input { background: #202020; border: 1px solid #202020; border: none; color: #d8d8c6; font-size: 10px; height: 13px; padding-left: 4px; padding-top: 3px; width: 156px; }
#wrapper div.menu ol.right fieldset input#email { background: #202020; border: 1px solid #202020; border: none; color: #d8d8c6; font-size: 10px; height: 13px; left: 90px; padding-left: 4px; padding-top: 3px; position: relative; top: 1px; width: 156px; }
*:first-child + html #wrapper div.menu ol.right fieldset input#email { top:0px;}
* html #wrapper div.menu ol.right fieldset input#email { top:0px;}
#wrapper div.menu ol.right fieldset input.submitButton { background: url(../img/submit.gif) no-repeat; border: none; color: #202020; display: block; font-size: 0; height: 17px; left: 257px; padding-left: 0; padding-top: 0; position: relative; text-align: left; text-indent: -9999px; top: -16px; width: 18px; }
* HTML #wrapper div.menu ol.right fieldset input.submitButton { top: -19px; }
*:first-child + html #wrapper div.menu ol.right fieldset input.submitButton { top: -19px; }
#wrapper div.menu #ol-join {}
#wrapper div.menu #ol-join p { font-size: 10px; height: 17px; padding-bottom: 3px; padding-left: 10px; padding-top: 15px; top: 15px; width: 288px; }
*:first-child + html #wrapper div.menu #ol-join p { padding-top: 0; }
* HTML #wrapper div.menu #ol-join p { margin-top: -15px; }
#wrapper div.menu #ol-join p a { color: #121212; font-weight: bold; padding-right: 15px; text-transform: uppercase; background:transparent url(../img/arw.invite-friend2.gif) no-repeat scroll 0 1px; text-indent:15px; display:block;}
#wrapper div.menu #ol-join p a:hover { color: #121212; text-decoration:none; }
#wrapper div.menu ol.left { float: left; margin-left: 20px; margin-top: 14px; width: auto; }
#wrapper div.menu ol.left li { color: #3d3d3d; float: left; font-size: 10px; margin: 0 5px 0 5px; text-transform: uppercase; }
#wrapper div.menu ol.left li em { margin: 0 3px 0 3px; }
#wrapper div.menu ol.left li a { color: #cccccc; font-size: 10px; margin-right: 8px; text-decoration: none; }
#wrapper div.menu ol.left li a:hover { color: #f2c108; }
#wrapper div.menu ol.left li a.Active { color: #f2c108; }
#wrapper div.menu div.flyout { background-image: url(../img/flyout-bg.gif); position: absolute; right: 2px; top: 40px; width: 288px; }
#wrapper div.menu div#flyout-join { height: 130px; display:none;}
#wrapper div.menu div#flyout-thanks { background-image: url(../img/thanks-bg.gif); height: 96px; display:none; }
div.flyout div.padding { padding-left: 16px; padding-right: 16px; padding-top: 20px; }

div.flyout { color: #121212; }
div.flyout h4 { color: #121212; font-size: 15px; font-weight: bold; padding-bottom: 13px; text-transform: uppercase; }
div.flyout p { font-size: 12px;  }
div.flyout p a { background: url(../img/link.arrow1.gif) no-repeat 0 2px; color: #121212; display: block; font-size: 10px; font-weight: bold; margin-top: 15px; text-decoration: underline; text-indent: 13px; text-transform: uppercase; }
div.flyout p a:hover { color: #121212; text-decoration: none; }
div.button-close { cursor: pointer; font-size: 10px; font-weight: bold; height: 9px; line-height: 10px; position: absolute; right: 5px; top: 5px; width: 9px; }
div.button-close span { display: block; height: 100%; text-align: center; text-transform: uppercase; width: 100%; }

#wrapper div.share { background: #171717; bottom: -200px; float: left; height: auto; left: 480px; padding-bottom: 5px; padding-top: 5px; position: absolute; width: 135px; z-index: 9999999; display:none; }
*:first-child + html #wrapper div.share { left: 402px; }
* HTML #wrapper div.share { bottom: -220px; left: 532px; width: 100px; }
#wrapper div.share ol { display: block; margin-left: 5px; width: 170px; }
#wrapper div.share ol li { font-size: 11px; height: 21px; margin: 5px 3px 5px 3px; text-indent: 26px; text-transform: uppercase; }
#wrapper div.share ol li a { display: block; height: 21px; padding-top: 5px; text-decoration: none; color:#75756c;}
#wrapper div.share ol li a:hover { display: block; color:#d8d8c6;}
#wrapper div.share ol li a.icon1 { background: url(../img/icon1.gif) no-repeat; }
#wrapper div.share ol li a.icon2 { background: url(../img/icon2.gif) no-repeat; }
#wrapper div.share ol li a.icon3 { background: url(../img/icon3.gif) no-repeat; }
#wrapper div.share ol li a.icon4 { background: url(../img/icon4.gif) no-repeat; }
#wrapper div.share ol li a.icon5 { background: url(../img/icon5.gif) no-repeat; }
#wrapper div.share ol li a.icon6 { background: url(../img/icon6.gif) no-repeat; }
#wrapper div.share ol li a.icon7 { background: url(../img/icon7.gif) no-repeat; }

#aboutHolder { background: url(../img/divider.gif) no-repeat; background-position: 0 105px; margin: 0 auto 0 auto; padding-top: 20px; width: 810px; }
#aboutHolder h1 { float: right; text-indent: -9999px; }
#aboutHolder h1 a { background: url(../img/logo.gif) no-repeat; display: block; height: 73px; width: 129px; }
#aboutHolder div.content { clear: both; line-height: 19px; margin: 0 10px 20px 0; position: relative; top: 30px; width: auto; }
#aboutHolder div.content h1 { color: #f2c108; float: none; font-size: 30px; letter-spacing: 0.6px; margin-bottom: 20px; padding-top: 10px; text-indent: 0; }
#aboutHolder div.content h2 { color: #f2c108; font-size: 12px; letter-spacing: 0.6px; padding-bottom: 15px; text-transform: uppercase; }
#aboutHolder div.content p { color: #d8d8c6; font-size: 13px; margin: 15px 0; }

#factsHolder { margin: 0 auto 0 auto; padding-top: 20px; position: relative; width: 810px; }
#factsHolder h1 { border-bottom: 1px solid #383838; margin-bottom: 28px; padding-bottom: 11px; padding-left: 675px; text-indent: -9999px; }
#factsHolder h1 a { background: url(../img/logo.gif) no-repeat; display: block; height: 73px; text-indent: -9999px; width: 129px; }
#factsHolder dl { clear: both; font-family: "Arial"; font-size: 12px; letter-spacing: 1px; padding-top: 37px; width: 544px; }
#factsHolder dl dt { background-image: url(../img/facts.dt.gif); background-position: 0 0; background-repeat: no-repeat; color: #f2c108; font-size: 12px; line-height: 14px; padding-bottom: 41px; padding-top: 13px; text-align: right; }
#factsHolder dl a, #factsHolder dl a:visited { color: #f2c108; text-decoration: none; }
#factsHolder dl dd { background-color: #202020; color: #d9d8c6; font-size: 14px; line-height: 20px; padding: 25px 20px 20px 20px; }
#factsHolder div.title { color: #d8d8c6; font-size: 11px; height: 237px; line-height: 1.7em; position: relative; text-transform: uppercase; top: 100px; width: 214px; z-index: 99; }
#factsHolder div.facts h2 { color: #f2c108; font-size: 30px; margin: 0; padding: 0; padding-bottom: 26px; text-transform: uppercase; }
#factsHolder div.facts { border-right: 1px solid #343333; width: 566px; }
#factsHolder div.facts p { color: #d8d8c6; font-size: 13px; font-weight: normal; line-height: 1.5em; width: 544px; }
#factsHolder div.callout { background-color: #2a2a2a; color: #d8d8c6; font-size: 13px; line-height: 1.5em; position: absolute; right: 0; top: 135px; width: 218px; }
#factsHolder div.callout div.padding { padding-left: 18px; padding-right: 18px; padding-top: 12px; }
#factsHolder div.callout p { padding-bottom: 1em; }
#factsHolder div.callout a { color: #d8d8c6; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#factsHolder div.callout a span { color: #e7b809; position: relative; top: -2px; }

#subHolder { background: url(../img/divider.gif) no-repeat; background-position: 0 105px; letter-spacing: 0.6px; line-height: 18px; margin: 0 auto 0 auto; padding-top: 20px; width: 810px; }
#subHolder h1 { float: right; text-indent: -9999px; }
#subHolder h1 a { background: url(../img/logo.gif) no-repeat; display: block; height: 73px; width: 129px; }
#subHolder a.return { background: url(../img/return.bg.gif) no-repeat 0 4px; color: #d8d8c6; display: block; font-size: 9px; margin-top: 45px; text-decoration: none; text-indent: 12px; }
*:first-child + html #subHolder a.return { margin-top: 65px; }
* HTML #subHolder a.return { margin-top: 70px; }
#subHolder div.content { background: transparent url(../img/divider.vertical.gif) no-repeat scroll 567px 9px; clear: both; margin: 0 0 20px 0; position: relative; top: 30px; }
#subHolder div.content h1 { color: #f2c108; float: none; font-size: 30px; letter-spacing: 0.6px; margin-bottom: 20px; padding-top: 10px; text-indent: 0; }
#subHolder div.content h2 { color: #f2c108; font-size: 12px; letter-spacing: 0.6px; padding-bottom: 15px; text-transform: uppercase; }
#subHolder div.content p { color: #d8d8c6; font-size: 11px; margin: 15px 0; padding-right: 30px; }
#subHolder div.content a:link { color: #ffff00; }
#subHolder div.content img { clear: both; margin: 20px 0 20px 0; }
#subHolder div.content table { background-color: #0b0b0b; border: 1px solid #171717; border-collapse: collapse; color: #d8d8c6; font-size: 12px; }
#subHolder div.content td, #subHolder div.content th { border-bottom: 1px solid #171717; border-right: 1px solid #171717; }
#subHolder div.content th { background-color: #181818; border-bottom: 1px solid #2f2603; border-right: 1px solid #323232; font-size: 10px; font-weight: bold; padding: 6px 5px 6px 12px; padding: 6px; text-align: center; }
#subHolder div.content td { padding: 6px; }
#subHolder div.content tfoot { font-size: 9px; }
#subHolder div.content a.btt { background: url(../img/btt.bg.gif) no-repeat 0 4px; color: #d8d8c6; display: block; font-size: 8px; margin-bottom: 25px; margin-top: 10px; padding-left: 11px; text-decoration: none; }
#subHolder div.content ul { padding-bottom: 20px; }
#subHolder div.content ul.quicknav { font-size: 13px; text-transform: uppercase; }
#subHolder div.content ul.quicknav li { margin: 2px 0 2px 0; }
#subHolder div.content ul.quicknav a { color: #d8d8c6; }
#subHolder div.content ul.quicknav a:hover { color: #999999; }
#subHolder div.content a:hover { color: #999999; }
#subHolder div.content ul.bullet { color: #d8d8c6; font-size: 12px; }
#subHolder div.content ul.bullet li { background: url(../img/bullet.bg.gif) no-repeat 0 4px; padding-left: 18px; }
#subHolder div.content ul.bullet li a { color: #d8d8c6; font-size: 11px; text-decoration: none; }
#subHolder div.content ul.bullet li a:hover { color: #999999; }
#subHolder div.content .leftcolumn { width: 568px; }
#subHolder div.content .rightcolumn { width: 233px; }
#subHolder div.content .rightcolumn #thefacts { background: transparent url(../img/whiteBG.png) repeat scroll 0 0; float: right; height: 90px; left: 600px; position: absolute; top: 9px; width: 200px; }
#subHolder div.content .rightcolumn #thefacts p { padding-left: 15px; padding-right: 15px; }
#subHolder div.content .rightcolumn #thefacts h1 { color: #f2c108; float: none; font-size: 20px; letter-spacing: 0.6px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; padding-top: 20px; text-indent: 0; }
#subHolder div.content .rightcolumn #thefacts a { background: transparent url(../img/science.a.bg.gif) no-repeat scroll 55px 3px; color: #d8d8c6; display: block; font-size: 11px; font-weight: bold; letter-spacing: 0.6px; line-height: 15px; margin-left: 2px; margin-top: 8px; text-decoration: none; }
#subHolder div.content .rightcolumn #thefacts a:hover { color: #999999; }


div#UIBlock { background: #000; left: 0; position: absolute; top: 0; z-index: 1000; }
#modalThanks { display: none; }
#modalThanks h4 { color: #121212; font-size: 15px; font-weight: bold; padding-bottom: 22px; text-transform: uppercase; }
.ui-dialog h2 { color: #121212; font-size: 18px; font-weight: bold; position: relative; text-transform: uppercase; }
.ui-dialog p { color: #121212; font-size: 12px;  margin-top: 15px; line-height:14.2px; }
.ui-dialog label { color: #121212; font-size: 11px; font-weight: bold; margin-right: 5px; }
.ui-dialog fieldset { margin-top: 10px; }
.ui-dialog .submitButton { position: relative; top: 4px; }

.ui-dialog input#emailDialog { background: #000000; border: none; color: #d8d8c6; font-size: 10px; height: 14px; margin: 0; padding-left: 4px; padding-top: 3px; position: relative; top: -1px; width: 156px; }
* HTML .ui-dialog .submitButton { left: 15px; margin-bottom: -4px; position: static; top: 26px; }
*:first-child + html .ui-dialog .submitButton { top: 3px; }
* HTML .ui-dialog input#emailDialog { position: static; }
.modalStyles .ui-dialog, .modalStyles.ui-dialog { width: 268px; }
#modalFormtag fieldset { position: absolute; }
.ui-dialog { background: url(../img/modal.bg.png) no-repeat; }
* HTML .ui-dialog { background: url(../img/modal.bg.gif) no-repeat; }

.modalStyles .ui-dialog .ui-dialog-titlebar, .modalStyles.ui-dialog .ui-dialog-titlebar { height: 15px; padding: 0; text-align: left; text-transform: uppercase; }
.modalStyles .ui-draggable .ui-dialog-titlebar, .modalStyles.ui-draggable .ui-dialog-titlebar { cursor: move; }
.modalStyles .ui-draggable-disabled .ui-dialog-titlebar, .modalStyles.ui-draggable-disabled .ui-dialog-titlebar { cursor: default; }
.modalStyles .ui-dialog .ui-dialog-titlebar-close, .modalStyles.ui-dialog .ui-dialog-titlebar-close { background: url(../img/modal.close.btn.gif) no-repeat; cursor: default; height: 11px; position: absolute; right: 8px; top: 6px; width: 10px; }
.modalStyles .ui-dialog .ui-dialog-titlebar-close span, .modalStyles.ui-dialog .ui-dialog-titlebar-close span { display: none; }
.modalStyles .ui-dialog .ui-dialog-titlebar-close-hover, .modalStyles.ui-dialog .ui-dialog-titlebar-close-hover { background: url(../img/modal.close.btn.gif) no-repeat left bottom; }
.modalStyles .ui-dialog .ui-dialog-title, .modalStyles.ui-dialog .ui-dialog-title { color: white; font-weight: bold; left: 10px; margin-left: 5px; position: relative; top: 4px; }

span.ui-dialog-title { background-position: 0 2px; background-repeat: no-repeat; display: block; text-indent: -9999px; }
.modalStyles .ui-dialog .ui-dialog-content, .modalStyles.ui-dialog .ui-dialog-content { font-size: 10px; line-height: 13px; margin: 6px 13px 4px 15px; text-align: left; }
.modalStyles .ui-dialog .ui-dialog-buttonpane, .modalStyles.ui-dialog .ui-dialog-buttonpane { bottom: 8px; position: absolute; right: 12px; text-align: right; width: 100%; }
.ui-dialog-buttonpane { left: 207px; overflow: hidden; top: 92px; width: 52px; }
.ui-dialog-buttonpane button { background: #e6e6e6 url(../img/dialog.ok.bg.gif) no-repeat; border: none; cursor: pointer; display: block; float: left; font-size: 1.1em; height: 38px; margin: 0; overflow: hidden; padding: 0; text-indent: -9999px; width: 52px; }
* HTML .ui-dialog-buttonpane { top: 88px; }
.ui-dialog-buttonpane button:hover { background-position: left bottom; }


@media screen and (-webkit-min-device-pixel-ratio:0){
	#wrapper  { overflow:hidden; }
}