@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; }
/* END RESET CSS */



/*main style  */


html {}
img {border:none;}
#header-wrapper {width:100%; background: #FFF repeat-x; height:140px;}
#main-content {width:100%; background: #143C8B url(//websocialfiles.com/009646/images/bg.jpg) top center repeat; float:left; margin: 0 auto;}
.box {background: none; border:none; }

#wrap {width: 980px; height:auto; margin: 0px auto 20px; padding:0;}
#clr { clear:both; }



#headerWrapper {width: 980px; height:320px; margin: 0 auto; padding:0;  
background: #252332;
-webkit-box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, .5);
-moz-box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, .5);
box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, .5); 

border: 1px solid #3f49bc;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#headerWrapper img { margin:20px; }

/* main content wrapper*/
#mainWrapper { width: 980px; height:auto; margin: 20px auto; padding:0;  overflow:hidden;
background: #FFF;
border: 1px solid #3f49bc;
-webkit-box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, .5);
-moz-box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, .5);
box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, .5); 
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}


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

.promo {
   width: 220px;
   height: 160px;
   margin: 20px 12px 20px;
   float: left;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
   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: 220px;
   height: 160px;
   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: 14px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;
   font-family: Century Gothic, Century, Arial, san-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;
		font-size:12px;
   display: inline-block;
   text-decoration: none;
   padding: 2px 14px;
   background: #143c8b;
   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:#252332;
}

.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: #143c8b;
   -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;
}
				



/* left column */
#left { width: 600px; height:auto; overflow:hidden; margin: 15px 20px; float:left;}
#left h1 { font-family: Arial, Helvetica, sans-serif; font-size:20px; color: #143c8b; border-bottom: 1px solid #143c8b; padding: 0 0 10px 0;}
#left p {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#252332; }

#left table { border-collapse:collapse; border-spacing:0; margin-left:60px;}

/* right column */
#right { width: 320px; height:auto; overflow:hidden; margin: 15px 20px 0 0; float:right; }
#right h1 { font-family: Arial, Helvetica, sans-serif; font-size:20px; color: #143c8b; border-bottom: 1px solid #143c8b; padding: 0 0 10px 0; letter-spacing:-.4px;}
#form {background: transparent; }
#form iframe {background: transparent; margin: 10px auto 0; border:none;}

#follow {width: 300px;height: 120px; margin: 0 auto; }
#follow img { padding: 18px 10px 0 5px;}

<!-- Scrolling content Div -->


/* content block 1 */
#mcs_container {  border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    height: 360px;
    margin: 0 0 0 40px;
    padding: 0 10px;
    position: relative;

    width: 650px;}
#mcs_container .customScrollBox{position:relative; height:400px; overflow:hidden;}
#mcs_container .customScrollBox .containerScroll{position:relative; width:620px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content h1{margin:25px; color:#143c8b; font-family:Verdana, Geneva, sans-serif; font-size:18px; line-height:20px;}
#mcs_container .customScrollBox .content p{ margin:25px ; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; padding:5px;}

#mcs_container .customScrollBox .content ul { margin:25px ; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; padding:5px;}
#mcs_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#mcs_container .customScrollBox img{border:2px solid #143c8b;}
#mcs_container .dragger_container{position:absolute; width:9px; height:380px; float:left; margin:15px 0 0; cursor:pointer; box-shadow:inset 0 0 10px #143c8b; -moz-box-shadow:inset 0 0 10px #143c8b; -webkit-box-shadow:inset 0 0 10px #143c8b;}
#mcs_container .dragger{position:absolute; width:6px; height:60px; background:#1c1e3d; text-align:center; margin-left:1px; line-height:60px; color:#666; overflow:hidden; border-left:1px solid #787878; border-right:1px solid #000; cursor:pointer;}
#mcs_container .dragger_pressed{position:absolute; width:6px; height:60px; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:relative; display:inline-block; width:14px; height:15px; margin:5px 0 0; left:0; text-decoration:none;  filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;}
#mcs_container .scrollUpBtn{ background:url(../images/jquery/mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{ background:url(../images/jquery/mcs_btnDown.png) center center no-repeat;}
#mcs_container .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}

#clr { clear:both;}