@charset "utf-8";
/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

img {border: none; }
/* END RESET CSS */
html {background:#FF0000; }
.box { background: transparent; border:none;}
#header-wrapper {width:auto; height:140px; background:url(//www.websocialfiles.com/1846/images/header_bg.png) no-repeat; }
#main-content {overflow:hidden;margin:0;background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,0,0,1) 20%, rgba(0,0,0,1) 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,0,0,1)), color-stop(88%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,0,0,1) 20%,rgba(0,0,0,1) 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,0,0,1) 20%,rgba(0,0,0,1) 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,0,0,1) 20%,rgba(0,0,0,1) 88%); /* IE10+ */
background: linear-gradient(top, rgba(255,0,0,1) 20%,rgba(0,0,0,1) 88%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
body { min-width:960px; }
#header-wrap { height:300px; margin:0 auto; float:left; width:960px; }
#wrap { height:auto; margin:0 auto; width:960px; }

#header {margin:0 auto;width:653px;height:300px; margin:0; padding:0; float:left;    }
.home { background: url(//www.websocialfiles.com/1846/images/home_bg.png) no-repeat; }
.opt { }

#optIn {float:right; margin:0; padding: 0; background: url(//www.websocialfiles.com/1846/images/form_bg.png); height:300px; width:307px; }

#optIn iframe {background: none; margin: 60px 8px 0; border:none;}

#clr {clear:both; }

/* promo buttons wrapper*/
#promo { 	position:relative; margin:0 auto 0;
    } 

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

.middle { margin:0 30px 0 30px;}

.promo {
   width: 300px;
   height: 182px;
 	margin-top:20px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #666;
   -moz-box-shadow: 1px 1px 2px #666;
   box-shadow: 1px 1px 2px #666;
   cursor: default;
   -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
  
}
.promo .mask, .promo .content {
   width: 300px;
   height:182px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
}
.mask a {text-decoration:none; color:#000;} 
.mask a:hover  {text-decoration:underline; } 
.promo img {
   display: block;
   position: relative;
}
.promo h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;font-family: Arial, Helvetica, sans-serif;
}
.promo p {
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 5px 10px 0;
   text-align: center;
}
.promo a.info {font-family: Arial, Helvetica, sans-serif;
   display: inline-block;
   text-decoration: none;
   padding: 2px 14px;
   background: #5f191c;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.promo a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
   background:#ac0000; 
}

.promo-btn img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.promo-btn .mask {
   background-color: rgba(255, 255, 255, 1);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.promo-btn h2 {font-family: Arial, Helvetica, sans-serif;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 5px 10px 0px 10px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #ac0000;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.promo-btn p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-style:normal;
}
.promo-btn a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.promo-btn:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.promo-btn:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.promo-btn:hover h2,.promo-btn:hover p,.promo-btn:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

#contentWrap {width:960px;  height:auto; margin: 20px auto 15px; padding: 0; background:#fff; -webkit-box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
   box-shadow: 1px 1px 1px #000; float:left; padding:10px 0 10px 0;}
#contentWrap h1 {padding:10px 0 5px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ac0000; border-bottom: #ac0000 solid 1px;  }
#contentWrap p {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color:#000; margin:0 5px 0 5px; }
#contentWrap a { color:#ac0000; text-decoration:none; font-weight:bold; }
#contentWrap a:hover { text-decoration:underline;}

#left ul {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color:#767982; margin:0 5px 0 5px; }

#left { width:620px; float:left; height:auto;  margin:0 10px;  } 
#left h2 {color:#6289dd; padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
#right {width:300px; height: auto; float:right; margin:0 10px;  }


.social img { float:left; padding:10px 10px 0 5px; }
h2.school {display:block;color:#6289dd; padding:10px 0 10px; margin:0 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }

#location { width:940px; border-bottom:3px dotted #000; height:265px; margin:0 0 0 5px;} 
#location p { float:left; color:#000; padding:10px 0 10px; margin:40px 2px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; }
#location iframe { border:none; float: right;  margin:0 2px 15px 10px; }