@charset "utf-8";
/* CSS Document */

body{
  margin: 0px;
  padding:0px;
  background-color:#232220;
  background-image: url(http://websocial.blob.core.windows.net/content/SNick/images/bg.jpg);
  background-repeat:repeat-x;
  background-position: left top;
}

body.socialsite-page #main-wrapper{

  background-color:#232220;
  background-image: url(http://websocial.blob.core.windows.net/content/SNick/images/bg.jpg);
  background-repeat:repeat-x;
  background-position: left 0px;

}

/* ~~~~~~~~~~||~~~~~~~~~~ */

.get-started-lrg{
  text-decoration: none;
  color:#DADADA !important;
  font-family:'myriad pro';
  font-size:20px;
  letter-spacing:-1px;
  font-weight: normal !important;
  text-align: center;
  background-color:#b30607;
  padding:7px 28px 7px 28px;
  border-radius: 5px;
  background: #bc0016;
background: -moz-linear-gradient(top,  #bc0016 0%, #6d0001 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc0016), color-stop(100%,#6d0001));
background: -webkit-linear-gradient(top,  #bc0016 0%,#6d0001 100%);
background: -o-linear-gradient(top,  #bc0016 0%,#6d0001 100%);
background: -ms-linear-gradient(top,  #bc0016 0%,#6d0001 100%);
background: linear-gradient(to bottom,  #bc0016 0%,#6d0001 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0016', endColorstr='#6d0001',GradientType=0 );

}

.get-started-lrg:hover{
color:#fff !important;;
background: #bc0000;
background: -moz-linear-gradient(top,  #bc0000 0%, #700000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc0000), color-stop(100%,#700000));
background: -webkit-linear-gradient(top,  #bc0000 0%,#700000 100%);
background: -o-linear-gradient(top,  #bc0000 0%,#700000 100%);
background: -ms-linear-gradient(top,  #bc0000 0%,#700000 100%);
background: linear-gradient(to bottom,  #bc0000 0%,#700000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0000', endColorstr='#700000',GradientType=0 );

}


/* ~~~~~~~~~~|header|~~~~~~~~~~ */

#header{
  margin-top:-19px; /* ~~~~~~~~~~| margin-top:-25px;|~~~~~~~~~~ */
  margin-bottom:0px;
}
#banner-image{

}

#banner-image img{
margin-top:0px;
}

#welcome-text{
text-align: right;
padding-top:10px;
}

#welcome-text img{
float: left;
margin-top:30px;
}



#welcome-text h3{
  color:#e52123;
  font-family:'myriad pro';
  font-size:52px;
  letter-spacing:-1px;
  font-weight: bold;
  text-align: right;
  margin-bottom:0px;
  padding-bottom:0px;
  line-height: 40px;
  padding-left:40px;
  margin-top: 26px;
  padding-right: 0;

}

#welcome-text span{
  margin-top:0px;
  padding-top:0px;
  color:#e52123;
  font-family:'myriad pro';
  font-size:32px;
  letter-spacing:0px;
  font-weight: lighter;
  text-align: right;
  line-height: 30px;

}

#welcome-text p{
  color:#979594;
  font-family:'myriad pro';
  font-size:20px;
  line-height: 36px;
  letter-spacing:0px;
  font-weight: lighter;
  text-align: left;
  padding-top:20px;
 padding-bottom:20px;
}



/* ~~~~~~~~~~||~~~~~~~~~~ */


#program-box-row{
  padding-top:20px;
  padding-bottom:20px;
}

.program-box{

  background-color: #880008;
  border-radius: 5px;
  border:1px solid #94020b;
  height:415px;
  width:258px !important;
  padding:20px;
  background: #a10009;
background: -moz-linear-gradient(-45deg,  #a10009 0%, #6d0001 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a10009), color-stop(100%,#6d0001));
background: -webkit-linear-gradient(-45deg,  #a10009 0%,#6d0001 100%);
background: -o-linear-gradient(-45deg,  #a10009 0%,#6d0001 100%);
background: -ms-linear-gradient(-45deg,  #a10009 0%,#6d0001 100%);
background: linear-gradient(135deg,  #a10009 0%,#6d0001 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a10009', endColorstr='#6d0001',GradientType=1 );

}

.program-box a{
  text-decoration: none;
  color:inherit;
  border:none;
}


.program-box h3{
  background-image: url(http://websocial.blob.core.windows.net/content/SNick/images/program-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  font-family: arial;
  font-weight: lighter;
  font-size: 30px;
  line-height: 30px;
  color:#e8e5e5;
  margin-top:0px;
  padding-top:0px;
  margin-left: 0px;
  padding-left:0px;
  margin-bottom:10px;
  padding-bottom:0px;
}

.program-box h3:hover{
  color:#fff;
}

.program-box img{
  width:258px;
  margin-top:10px;
  height:310px;
}

.program-hr{
  height: 2px;
  width:100%;
  background-image: url(http://websocial.blob.core.windows.net/content/SNick/images/program-hr.png);
  background-repeat: repeat-x;
  background-position: left top;
}



/* ~~~~~~~~~~| content Col |~~~~~~~~~~ */

#content{
  margin-top:10px;
  padding-bottom:20px;
}

#content-left{

}

#content-left h1{
  color:#DADADA;
  font-family: 'myriad pro';
  font-size: 36px;
  padding-bottom:0px;

 padding-left:0px;
  margin-bottom:15px;
  font-weight: normal;
}

#content-left h3{
  color:#F2F2F2;
  font-family: 'myriad pro';
  font-size: 24px;
  padding-bottom:0px;
 padding-left:0px;
  margin-bottom:15px;
  font-weight: normal;
}



#content-left p{
color:#B2B2B2;
  font-family: verdana;
  font-weight: normal;
  font-size: 14px;
  padding-bottom:15px;
  line-height: 28px;
}

#content-left span{
  color:#E52123;
  font-weight: bold;
  }

#content-left ul{
  font-size:14px;
  margin-bottom:20px;
}
#content-left li{

  line-height: 20px;
  font-size:16px;
  margin-bottom:5px;
  letter-spacing: 1px;
}

#content-left{

}




#content-right{
text-align: left;
}

#content-right h3{
 color:#C91616;
 font-size:22px;
 margin-top:20px;
 margin-bottom:0px;
 padding-bottom:10px;
 font-family: verdana;
 font-weight: normal;
 padding-left:0px;
}

#content-right p{
color:#727272;
  font-family: 'verdana';
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
}





/* ~~~~~~~~~~| Program info Col |~~~~~~~~~~ */

#program-info{
  margin-top:0px;
}

.program-info-col{

}

.program-info-col iframe{
  margin-left:auto;
  margin-right:auto;
  display: block;
  width:292px;
  height:164px;
  border:4px solid #3c3b3b;
  
}


.program-info-col h2{
  background-image: url(http://websocial.blob.core.windows.net/content/SNick/images/arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  color:#dadada;  
  padding-left:25px;
  font-family: verdana;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0px;
}


.program-info-col p{
  color:#7f7f7f;
  font-family: verdana;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}


/* ~~~~~~~~~~| Footer |~~~~~~~~~~ */

#footer{
  margin-top:0px;

}

#footer h3{
  color:#E52123;
  font-size:18px;
  font-weight: normal;
  font-family: arial;
  border-bottom:1px solid #5C5950;
  padding-bottom:8px;
  margin-bottom:10px;
}

#footer li{
  color:#6D6D6D;
  font-family: arial;
  font-size:14px;
}


#rotate p{
  color:#6D6D6D;
  font-family: arial;
  font-size:14px;

}

/* ~~~~~~~~~~| Left Cell Css  |~~~~~~~~~~ */

#left-cell{
}

#left-cell ul{
   margin:0px;
   padding:0px;
}

#left-cell li{
  list-style-type: square;
  list-style-position: inside;
  padding-left:10px;
   padding-top:5px;
   padding-bottom:5px;
   border-bottom: 1px dashed #5f5c57;
}

#left-cell li a{
   text-decoration: none;
   color:inherit;
}

#left-cell li a:hover{
   color:#fff;
}
/* ~~~~~~~~~~| Center Cell |~~~~~~~~~~ */

#center-cell{

}

#center-cell ul{
    margin:0px;
   padding:0px;
}

#center-cell li{
  list-style-type: none;
  padding-top:5px;
  padding-bottom:5px;
}

#center-cell li span{
  color:#D3D3D3;
}

#center-cell img{
  margin-right:30px;

}

#center-cell a{
  text-decoration: none;
  color:inherit;

}


/* ~~~~~~~~~~| Right ceall and Quote CSS |~~~~~~~~~~ */

#rotate{
  height:170px;
  padding-left:25px;
  width:260px;
  border-left:2px solid #2B2B2B;
}

#rotate p:before{
  color:#CECECE;
  content: '\201C';
  font-size:28px;
  font-weight: bold;
  height: 0;
  margin-left: -0.56em;
}

#rotate p:after{
  color:#CECECE;
  content: '\201D';
  font-size:28px;
  font-weight: bold;
  height: 50px;
  margin-left: 0px;
  margin-top: -10px;
}

#rotate p{
  clear:both;
  font-style: italic;
  margin-bottom:0px;
  padding-bottom:0px;
}

#rotate span{
  color:#EFEFEF;
}

/* ~~~~~~~~~~| end Quote CSS |~~~~~~~~~~ */


/* ~~~~~~~~~~| bottom text |~~~~~~~~~~ */


#footer-text{
  text-align: center;
  color:#6D6D6D;
  margin-top:30px;
  border-top:1px solid #2D2D2D;
}