@charset "utf-8";
/*&nbsp;&nbsp;&nbsp;html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)&nbsp;&nbsp;v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark&nbsp;&nbsp;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,&nbsp;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 */
/* CSS Document */

#clr {clear:both; }
ul {padding:0 !important;}
html {
        background: url(//www.websocialfiles.com/009671/images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
body {overflow:auto; }

/*theme styles*/
#social-widget-container {
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-top-style: solid;
    border-top-width: 0;
    display: none;
    line-height: 1em;
    text-align: center;
    vertical-align: bottom;
}
.box {background:transparent; } 
#header-wrapper { background:url(//www.websocialfiles.com/009671/images/header_bg.jpg) repeat-x; width:100%; }
#wrap { height:auto; margin: 0 auto; width:960px;}

#headWrap { margin:0 auto; height:260px;  background:#fff; webkit-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25);
-moz-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25);
box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25); 
width:100%;}
#headImg {margin: 0 auto 0; border:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
float:left; height: 280px; }
#form {background:url(//www.websocialfiles.com/009671/images/form_bg.jpg) no-repeat; margin:right; float:right; margin:0 auto 0; }
#form iframe {height:220px; margin: 65px 20px 0; border:none;}

#contentWrap { margin: 0 auto 0;color:#424242; line-height:20px; background:#fff; webkit-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25);
-moz-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25);
box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25); 
width:100%; }
#contentWrap h1{ font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bold;  color:#bc0100; border-bottom: 1px solid #bc0100; padding-bottom:10px;}
#contentWrap h2 {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color:#bc0100;}
#contentWrap p { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#424242;  }
#contentWrap a {text-decoration:none; font-weight:bold;color:#424242;  }
#contentWrap a:hover {  text-decoration:underline; font-weight:bold;}
#contentWrap iframe { border:none;}
#left { }
#right { }
#social { margin: 10px auto; float: left; }
#social img {border:none; padding: 5px; }

/* END theme styles*/

/* program button roll over*/

/* promo buttons wrapper*/
#btnWrap {
height: 220px;
margin: -30px auto 0;
}
#promo { 	position:relative;
    width:960px;margin: 0 auto;} 

.promo {
   width: 299px;
   height: 184px;
   margin: 20px 12px 20px;
   float: left;

   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
  
}
.promo .mask, .promo .content {
   width: 299px;
   height: 184px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.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: Helvetica, Arial, sans-serf;
}
.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: Helvetica, Arial, sans-serf;
   display: inline-block;
   text-decoration: none;
   padding: 2px 14px;
   background: #96040b;
   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:#bb0100;
}

.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: Helvetica, Arial, sans-serf;
   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: #bb0100;
   -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;
}

/* END program button roll over*/