/* CONTENT
---------------------------------------------------------------------- */

html, body { height: 100%; margin: 0; padding: 0; top: 0; }
@font-face {
    font-family: Gothic;
    src: url(../GOTHIC.TTF);
}

.menu { position: fixed; left: 50%; margin-left: -500px; top: 50px; padding: 25px; background-color: #231f20; color: #FFFFFF; width: 1000px; text-align: left; font-family: Gothic; letter-spacing: 3px; font-size: 28px; font-weight: bold; z-index: 99; }
.main_image { clear: both; position: relative; }
#home_image { clear: both; margin: 0; padding: 0; width: 100%; height: 100%; }
.welcome { position: absolute; left: 50%; margin-left: -500px; top: 300px; padding: 25px; color: #FFFFFF; width: 800px; text-align: left; font-family: Gothic; font-size: 60px; font-weight: bold; }
#lightbulb { float: left; margin: 0 25px 0 0; width: 120px; }
.welcome_box { width: 950px; }
#no_highlight { float: left; padding: 0 8px 0 0; }
#highlight { float: left; background-color: #11aecd; padding: 0 8px 0 8px; }
#welcome_text { font-size: 20px; line-height: 35px; margin 25px 0 0 0; text-decoration: none;}
.twitter { float: left; width: 480px; }
.video { float: right; width: 480px; }
.main_video { clear: both; width: 1000px; margin: 0 auto; text-align: center; }
.content { clear: both; width: 1000px; margin: 0 auto; }
.cta { clear: both; width: 1000px; margin: 0 auto; position: relative; }
.cta_on { display: none; }
.cta_now { clear: both; width: 600px; margin: 0 auto; padding: 20px 25px 20px 25px; background-color: #11aecd; color: #000000; font-family: Gothic; font-size: 36px; text-transform: uppercase; text-align: center; font-weight: bold; cursor:pointer; }
.cta_what { clear: both; width: 600px; margin: 0 auto; padding: 25px; background-color: #000000; color: #FFFFFF; font-family: Gothic; font-size: 60px; text-transform: uppercase; text-align: center; font-weight: bold; cursor:pointer; }
#cta_yql { font-size: 175px; line-height: 0.8; }
#cta_intel { color: #11aecd; }
.cta_now_hover { clear: both; width: 600px; margin: 0 auto; padding: 20px 25px 20px 25px; background-color: #000000; color: #FFFFFF; font-family: Gothic; font-size: 36px; text-transform: uppercase; text-align: center; font-weight: bold; cursor:pointer; }
.cta_what_hover { clear: both; width: 600px; margin: 0 auto; padding: 25px; background-color: #11aecd; color: #000000; font-family: Gothic; font-size: 60px; text-transform: uppercase; text-align: center; font-weight: bold; cursor:pointer; }
#cta_yql_hover { font-size: 175px; line-height: 0.8; }
#cta_intel_hover { color: #FFFFFF; }
.join { clear: both; width: 1000px; margin: 0 auto; padding: 30px 0 30px 0; }
.footer { clear: both; width: 100%; margin: 0 auto; background-color: #231f20; text-align: center; }
#left { float: left; }
#right { float: right; }
.link-spanner{ position: absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; } 
#hdr { color: #11aecd; font-family: Gothic; font-size: 36px; font-weight: bold; text-transform: uppercase; }
p { font-family: Gothic; font-size: 20px; }
.template_font { font-family: Gothic; font-size: 20px; }
#lb_content { margin: 0 0 -25px 0; }
.switch { clear: both; position: relative; }
#click_here { position: absolute; left: 50%; margin-left: 350px; top: 25px; }


.cta_rollover {
    display: none;
}
    
a:hover.cta_link + .cta_rollover {
    display: block;
}

      #map {
        width: 650px;
        height: 300px;
	margin: 0;
      }

#hashtag { padding: 25px; margin: 0 0 25px 0; background-color: #3a3838; color: #FFFFFF; font-family: Gothic; font-size: 35px; text-align: center; font-weight: bold; text-transform: uppercase; border-style: solid; border-color: #6dd1e1; border-width: 0 0 0 15px; }
#blue_box { padding: 35px; margin: 0 0 25px 0; background-color: #6dd1e1; color: #FFFFFF; font-family: Gothic; font-size: 30px; text-transform: uppercase; font-weight: bold; }
#grey_box { padding: 35px; margin: 0 0 25px 0; background-color: #3a3838; color: #FFFFFF; font-family: Gothic; font-size: 30px; text-transform: uppercase; font-weight: bold; }
#black_box { padding: 35px; margin: 0 0 25px 0; background-color: #3a3838; color: #FFFFFF; font-family: Gothic; font-size: 30px; text-transform: uppercase; font-weight: bold; border-style: solid; border-color: #6dd1e1; border-width: 0 0 0 15px; }
#author { padding: 15px 0 0 0; font-size: 14px; text-transform: capitalize; font-weight: normal; font-style: italic; }
#img_box { padding: 35px; margin: 0 0 25px 0; background-image: url("../bg.jpg"); color: #231f20; font-family: Gothic; font-size: 30px; text-transform: uppercase; font-weight: bold; }
#img_box_lrg { padding: 35px; margin: 0 0 25px 0; background-image: url("../bg_lrg.jpg"); color: #231f20; font-family: Gothic; font-size: 30px; text-transform: uppercase; font-weight: bold; }
.white { text-decoration: none; color: #FFFFFF; }

#font_1 { font-size: 30px; font-family: Gothic; }
#font_1_strategy { font-size: 30px; font-family: Gothic; padding: 0 0 25px 0;}
#font_2 { font-size: 20px; font-family: Gothic; }
#font_3 { font-size: 40px; font-family: Gothic; }




/* FORMS
---------------------------------------------------------------------- */

#data{padding: 5px 0 0 0;border-top:1px solid #e0e0e0}
.data{font-size:16px;color:#8e8d8d;padding:8px 10px 8px 10px;background-color:#FFFFFF;display:block;border:1px solid #d8d8d8;margin:3px 0 3px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:inset 2px 2px 4px #f1f1f1}
.checkbox{margin:30px 0 15px 0}
.option {padding: 15px;}

.checkbox li{list-style:none;height:15px}
.checkbox li:not(#foo)>fieldset>div>span>input[type="checkbox"]{opacity:0;float:left;width:15px}
.checkbox li:not(#foo)>fieldset>div>span>input[type="checkbox"]+label{margin:0;clear:none;padding:0 0 0 22px;cursor:pointer;background:url(images/check.png) no-repeat;height:15px;display:block}
.checkbox li:not(#foo)>fieldset>div>span>input[type="checkbox"]:checked+label{background:url(images/check.png) no-repeat;height:15px;display:block;background-position:0 -15px}

#search { background: url(../images/toolbar_icons/tb_search.png) no-repeat scroll 10px 10px; padding-left: 40px; }
#search { background: url(../images/toolbar_icons/tb_search.png) no-repeat scroll 10px 10px; padding-left: 40px; }