/* ~~~~~~~~~~|Variable for LESS FILE|~~~~~~~~~~ */
/* ~~~~~~~~~~|Variable for LESS FILE|~~~~~~~~~~ */
/* ~~~~~~~~~~|Body|~~~~~~~~~~ */
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;
}
/* ~~~~~~~~~~|Buttons|~~~~~~~~~~ */
.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: #4f9906;
  background: -moz-linear-gradient(top, #4f9906 0%, #407708 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f9906), color-stop(100%, #407708));
  background: -webkit-linear-gradient(top, #4f9906 0%, #407708 100%);
  background: -o-linear-gradient(top, #4f9906 0%, #407708 100%);
  background: -ms-linear-gradient(top, #4f9906 0%, #407708 100%);
  background: linear-gradient(to bottom, #4f9906 0%, #407708 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='@gradiant-1', endColorstr='@gradiant-2', GradientType=0);
}
.get-started-lrg:hover {
  color: #fff !important;
}
/* ~~~~~~~~~~|header|~~~~~~~~~~ */
#header {
  margin-top: -69px;
  margin-bottom: 0;
}
#banner-image img {
  margin-top: 0;
}
#welcome-text {
  text-align: right;
  padding-top: 10px;
}
#welcome-text img {
  float: left;
  margin-top: 30px;
}
#welcome-text h3 {
  color: #adcb01;
  font-family: 'myriad pro';
  font-size: 52px;
  letter-spacing: -1px;
  font-weight: 700;
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 40px;
  padding-left: 40px;
  margin-top: 26px;
  padding-right: 0;
}
#welcome-text span {
  margin-top: 0;
  padding-top: 0;
  color: #adcb01;
  font-family: 'myriad pro';
  font-size: 32px;
  letter-spacing: 0;
  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: 0;
  font-weight: lighter;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* ~~~~~~~~~~|Program Boxes|~~~~~~~~~~ */
#program-box-row {
  padding-bottom: 20px;
  padding-top: 20px;
}
.program-box {
  background-color: #4f9906;
  background: #4f9906;
  border-radius: 5px;
  border: 1px solid #4f8916;
  height: 200px;
  padding: 20px;
  width: 180px !important;
  background: -moz-linear-gradient(-45deg, #4f9906 0%, #407708 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4f9906), color-stop(100%, #407708));
  background: -webkit-linear-gradient(-45deg, #4f9906 0%, #407708 100%);
  background: -o-linear-gradient(-45deg, #4f9906 0%, #407708 100%);
  background: -ms-linear-gradient(-45deg, #4f9906 0%, #407708 100%);
  background: linear-gradient(135deg, #4f9906 0%, #407708 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='@gradiant-1', endColorstr='@gradiant-2', 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: 22px;
  line-height: 30px;
  color: #dadada;
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.program-box h3:hover {
  color: #fff;
}
.program-box img {
  width: 180px;
  margin-top: 10px;
  height: 152px;
}
.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 h1 {
  color: #dadada;
  font-family: 'myriad pro';
  font-size: 34px;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 0px;
  font-weight: 400;
}
#content-left h2 {
  color: #dadada;
  font-family: 'myriad pro';
  font-size: 23px;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 15px;
  font-weight: 400;
}
#content-left h3 {
  color: #dadada;
  font-family: 'myriad pro';
  font-size: 24px;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 15px;
  font-weight: 400;
}
#content-left p {
  color: #B2B2B2;
  font-family: verdana;
  font-weight: 400;
  font-size: 14px;
  padding-bottom: 15px;
  line-height: 28px;
}
#content-left span {
  color: #e52123;
  font-weight: 700;
}
#content-left ul {
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 30px;
}
#content-left li {
  font-family: arial;
  color: #dadada;
  line-height: 20px;
  font-size: 18px;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
#content-right {
  text-align: left;
}
#content-right h3 {
  color: #dadada;
  font-family: 'myriad pro';
  font-size: 35px;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: -2px;
  font-weight: 400;
}
#content-right p {
  color: #B2B2B2;
    font-family: verdana;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 0px;
}
/* ~~~~~~~~~~| Program info Col |~~~~~~~~~~ */
#program-info {
  margin-top: 0;
}
.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: 400;
  font-size: 22px;
  letter-spacing: 0;
}
.program-info-col p {
  color: #7f7f7f;
  font-family: verdana;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
}
/* ~~~~~~~~~~| Footer |~~~~~~~~~~ */
#footer {
  margin-top: 0;
}
#footer h3 {
  color: #adcb01;
  font-size: 18px;
  font-weight: 400;
  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 ul {
  margin: 0;
  padding: 0;
}
#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 ul {
  margin: 0;
  padding: 0;
}
#center-cell li {
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
#center-cell li span {
  color: #dadada;
}
#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: 700;
  height: 0;
  margin-left: -0.56em;
}
#rotate p:after {
  color: #CECECE;
  content: '\201D';
  font-size: 28px;
  font-weight: 700;
  height: 50px;
  margin-left: 0;
  margin-top: -10px;
}
#rotate p {
  clear: both;
  font-style: italic;
  margin-bottom: 0;
  padding-bottom: 0;
}
#rotate span {
  color: #EFEFEF;
}
/* ~~~~~~~~~~| end Quote CSS |~~~~~~~~~~ */
/* ~~~~~~~~~~| bottom text |~~~~~~~~~~ */
#footer-text {
  text-align: center;
  color: #6D6D6D;
  margin-top: 30px;
  border-top: 1px solid #2D2D2D;
}