@charset "utf-8";
/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Arial, Helvetica, sans-serif;
line-height:20px;

}

a{
	white-space:nowrap;
}

html {
        background: url(//www.websocialfiles.com/14296/images/bg.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
line-height:30px;
}
 
h1 {
padding:10px 0 15px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/


p, ul, ol {
margin:0;
padding:0 0 1em 0;
line-height:24px;

}
 
ul, ol {
padding:0 0 1.25em .25em;
}
 
 

l

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
a { text-decoration: none; } 

a:visited,
a:hover {
text-decoration:underline;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 ;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:940px;
margin:0 auto;
background:#FFF;
height:auto;
overflow:hidden;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
 
#clr {clear:both; } 
#outterObjectLayoutContainer .box {
overflow: auto;
background: none;
border:none;
}

#header-wrapper {background:#FFF; }
#headWrapper { width:960px; margin:0 auto; float:left; height:260px;  }
#banner { width:640px; height:260px; margin: 0 auto; float:left; }

#formWrapper {float:left; width:300px;height:260px; margin:0 auto; overflow:hidden; background:url(//www.websocialfiles.com/14296/images/formBG.png);}

#formWrapper iframe {border:none; margin:35px 20px 0; }
#contentWrapper {margin:0 auto; float:left; height: auto; overflow:visible; width:940px; background:#FFF; 
line-height:24px; }
 #contentWrapper  h1 { color:#2b2b2b; border-bottom:1px solid #dc562d; font-size:1.5em; padding-bottom: 6px;}
#contentWrapper  p { color:#000; font-size: 14px; margin-top: 10px;}
#contentWrapper  a { color:#dc562d; text-decoration:underline; text-transform:uppercase; }
#contentWrapper  a:hover { text-decoration:none; }

#left {width:600px;margin:0 auto; float:left;   margin: 0 .75em 1em 1em; }
#right {width: 280px; float:right;  margin: 0 1em 1em .75em; }


/* social icons */

#follow {width: 280px;height: 120px; margin: 0 auto; }
#follow img { margin: 18px 20px 0 0;}

/* promo buttons wrapper*/
#promo { 	position:relative;
    width:960px;
    margin: 0 auto;
	background:#FFF;} 

.promo {
   width: 307px;
   height: 180px;
   margin: 20px 9px 20px 0;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #CCC;
   -moz-box-shadow: 1px 1px 2px #CCC;;
   box-shadow: 1px 1px 2px #CCC;;
   cursor: default;
  
}
.promo .mask, .promo .content {
   width: 307px;
   height: 180px;
   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: 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: #e77333;
   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:#ff4001;
}

.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: #ff4001;
   -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: #000;
   -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;
}/* promo buttons wrapper*/

