/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/

html { font: 62.5% verdana, tahoma, arial, helvetica; text-align: center; height: 100%;} 
body	{ background: url('../images/bg.jpg') #fff; color:#000; margin:0; padding:0; font-size: 1.2em; height: 100%;}
img { border: none; vertical-align: bottom;}

form { min-height: 100%; height: 100%;}

/*/// LAYOUT ///*/

/* Base layout */
#landingVerticalCenter { visibility: hidden; width: 100%; height: 50%; margin-top: -280px; float: left; }
#landingHorizontalCenter { width: 767px; height: 100%; margin: 0 auto;}
#landingContainer { width: 767px; height: 381px; clear: both; text-align: left;}

#container { position: relative; width: 100%; min-height: 820px; height: 100%; background: url('../images/wallBg.jpg') repeat-x bottom left;}
img#man { position: absolute; bottom: 20px; left: 0;}

div#links { position: absolute; top: 0; left: 0;}
div#links a#videoLink { display: block; width: 174px; height: 36px; background: url('../images/video.jpg') no-repeat; text-indent: -9999px; margin: 5px 0 0;}
div#links a#mailingListLink { display: block; width: 174px; height: 24px; background: url('../images/mailingList.jpg') no-repeat; text-indent: -9999px; margin: 10px 0 0;}
div#links a#home { display: block; width: 100px; height: 34px; background: url('../images/home.jpg') no-repeat; text-indent: -9999px; margin: 10px 0 0;}

div#links a#videoLink:hover, div#links a#mailingListLink:hover, div#links a#home:hover { background-position: top right;}


/* Video */
body#video { background: #333;}
body#video #verticalCenter { visibility: hidden; width: 100%; height: 50%; margin-top: -288px; float: left; }
body#video #horizontalCenter { width: 1024px; height: 100%; margin: 0 auto;}
body#video #flashContainer { width: 1024px; height: 576px; clear: both; text-align: left;}

/* Mailing List */

#mailingList input#txtEmailAddr {  margin: 10px 0 0 10px; padding: 0 5px; background: transparent; border: 1px solid #52575d; width: 200px; height: 25px; line-height: 25px; font-size: 1.4em; float: left; color: #333;}
#mailingList a.submit { margin: 10px 0 0 5px; padding: 0 10px; text-decoration: none; color: #52575d; background: transparent; border: 1px solid #52575d; line-height: 25px; height: 25px; display: block; float: left; font-size: 1.2em; font-weight: bold; }
#mailingList a.submit:hover { background: #d1d2d7;}
#mailingList .emailError { color: Red;}
#mailingList p#mailingListStatus { float: left; width: 100%; margin-top: 5px;}
#mailingList { position: absolute; top: 90px; left: 0; width: 200px;}
#mailingListSlide { width: 300px; }


/* Error Page */
body#errorPage { background: #374248 !important; color: #fff; font-size: 14px;}
#error { width: 500px; padding: 1.4em 0 0 0; margin: 0 auto; text-align: center;}
#error h1 { color: #fff; margin: 2.8em 0 0;}
#error p { color: #fff;}
