/* Copyright Eyemagin Web Development */

/* Zero */
ul,ol { list-style:none; }
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, b, u, i, center, 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-size: 100%; background: transparent; }

/* Global Elements*/
body { background: #ededed url(../images/background-main.jpg) repeat-x; color: #666666; font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }
h1 { color: #cc0000; font-weight: normal; font-size: 25px; margin-top: 15px; }
h2 { color: #006699; font-weight: normal; font-size: 22px; margin-bottom: 16px; }
h3 { color: #333333; font-weight: normal; font-size: 16px; margin-bottom: 16px; }
h4 { color: #333333; font-weight: normal; font-size: 17px; margin-bottom: 5px; }
h5 { color: #333333; font-weight: normal; font-size: 14px; font-style: italic; margin-bottom: 16px; }
h6 { color: #333333; font-weight: normal; font-size: 16px; }
p { margin-bottom:12px;}

/* Block Elements*/
#wrapper { width: 900px; margin: 0 auto; }
#heading { height: 80px; width: 100%; background: transparent url(../images/background-heading.png) no-repeat center; }
#content { background: #ffffff; margin: 0 auto; width: 100%; }
#content-1 { background: #ffffff; width: 800px; text-align: left; margin: 0 auto; padding: 50px 0 50px 0; min-height: 300px; }
#content-2 { background: #ffffff; width: 900px; text-align: left; margin: 0 auto; padding: 0;}
#content-3 { background: #ffffff; width: 500px; margin: 0; padding: 0; }
#content-4 { background: #ededed url(../images/background_content-4.png); width: 900px; text-align: left; margin: 0 auto; padding: 0; }
#content-5 { background: #ffffff; width: 830px; text-align: left; margin: 0 auto; padding: 50px 0 50px 0; }

/* Links */
a:link,a:visited { background: transparent none; color: #666666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; }
a:hover,a:active { background: transparent none; color: #666666; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; }
.handcursor { cursor:hand; cursor:pointer; }

/* Buttons */
#button-learn { text-align: center; position: absolute; margin: 0; }
#button-learn a:link, #button-learn a:visited { color: #ffffff; font: normal 11px; text-decoration: none; padding-top: 8px; display: block; width: 102px; height: 34px; background: transparent url(../images/button-learn.png) no-repeat; }
#button-learn a:hover, #button-learn a:active { color: #ffffff; font: normal 11px; text-decoration: none; background-position:-102px top; }

#social { position: fixed; margin-top: 160px; width: 100%; }
#social ul { width: 114px; float: right; }
#social a { float: right; height: 35px; width: 114px; background: url(../images/graphic-social-bkg.png) no-repeat; }
#social a:hover { background-position: 0 -35px;}

#button-skip { margin: 0; }
#button-skip a { float: left; margin: 0; padding: 0; width: 114px; height: 35px; background: url(../images/button-skip-bkg.png) no-repeat; }
#button-skip a:hover { background-position: 0 -35px;}

/* Lists */
#events-calendar { margin-top: 30px; }
#event { background-color: #eeeeee; margin-bottom: 6px; padding: 18px 10px 18px 10px; font-size: 12px; color: #444444; border: 1px solid #dddddd; }
#event li { float: left; width: 120px; }
#event .weekday { width: 100px; }
#event .city { width: 150px; }
#event .venue { width: 400px; }


/* Box Styles */
#box-home { background: url(../images/graphic-box1-top.png); width: 900px; height: 235px; text-align: left; }
#box-home-content { height: 165px; }
.box-home-1 { width: 230px; position: absolute; margin: 25px 0 0 30px; } 
.box-home-2 { width: 230px; position: absolute; margin: 25px 0 0 340px; }
.box-home-3 { width: 230px; position: absolute; margin: 25px 0 0 645px; }

#box2 { background: transparent url(../images/graphic-box2-top.png) no-repeat; width: 900px; text-align: left; padding: 5px 40px 20px 40px; }
#box2 .quote { padding-top: 20px; width: 390px; background: transparent none; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; }
#box2 .signup { width: 390px; height: 200px; background: transparent url(../images/background-signup.png) no-repeat; margin-top: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; }

#box3 { background: url(../images/graphic-box3-top.png); width: 900px; text-align: left; padding: 25px 0 10px 0; }
.box3-1 { width: 360px; position: absolute; margin-left: 50px; } 
.box3-2 { width: 375px; position: absolute; margin-left: 495px; }

#box4 { background: url(../images/graphic-box4-1.png); width: 900px; height: 120px; text-align: left; }
#box4 a:link, #box4 a:visited { moz-outline:none; outline:none; color: #666666; font: 17px "Verdana", Arial, Helvetica, sans-serif; text-decoration: none; }
#box4 a:hover, #box4 a:active { moz-outline:none; outline:none; color: #cc0000; font: 17px "Verdana", Arial, Helvetica, sans-serif; text-decoration: none; }
.box4-1 { width: 180px; position: absolute; text-align: center; margin: 30px 0 0 70px; } 
.box4-2 { width: 180px; position: absolute; text-align: center; margin: 30px 0 0 380px; }
.box4-3 { width: 180px; position: absolute; text-align: center; margin: 30px 0 0 690px; }

/* Positioning */
.float-left { float: left; position: relative; }
.float-right { float: right; position: relative; }

/* Forms */
.form { color: #666666; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #999999; padding: 2px 2px 2px 4px; width: 34em; }
.form-2 { color: #666666; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #999999; padding: 2px 2px 2px 4px; width: 13em; }
.form-3 { color: #666666; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #999999; padding: 2px 2px 2px 4px; width: 27.5em; }
.form-but { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; width: 6em;  }

/* Footer */
#footer-content { margin: 0 auto; width:900px; padding: 0 0 0 0; line-height: 20px; color: #696969; font: 11px "Verdana", Arial, Helvetica, sans-serif;}
#footer-content a { line-height: 20px; }
#footer-content a:link, #footer-content a:visited { moz-outline:none; outline:none; color: #696969; font: 11px "Verdana", Arial, Helvetica, sans-serif; text-decoration: none; }
#footer-content a:hover, #footer-content a:active { moz-outline:none; outline:none; color: #696969; font: 11px "Verdana", Arial, Helvetica, sans-serif; text-decoration: underline; }

#footer-2 { margin: 0 auto; width:900px; text-align: left; }
#footer-2-content { width: 180px; vertical-align: top; }
#footer-2 ul li { margin-top: 6px; }