body {
  margin: 0;
}


html {
  color: #000;
  background: #FFF
}

body, div, h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset,
img {
  border: 0
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}

#yui3-css-stamp.cssreset {
  display: none
}

div {
  padding-top: 5px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  body{
    padding: 10px !important;
  }  
}

/*@media (min-width: 768px) {
  .container {
    width: 100%;
  }  
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
  

}*/
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}


.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

/*==========  Colors  ==========*/
body {
  font-size: 14px;
  line-height: 1.6em;
  font-family: Georgia, serif;
  color: #777;
  padding: 40px 0;
  background-color: #f1f5f3;
  min-height: 100vh;
}

#content {
  text-align: left;
  margin: 0 auto;
  width: 94%;
  max-width: 600px; /*960px;*/
  background: white;
  padding: 20px;
  border: 1px solid #bfdada;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
#content .owner-title, #content .whathappen-title {
  border-bottom: 1px solid #777;
  padding-bottom: 3px;
}
#content .owner-todo, #content .whathappen-list {
  list-style-position: inside;
  list-style-type: decimal;
}
#content .owner-todo li, #content .whathappen-list li {
  position: relative;
  padding: 6px 0 0 11px;
}
#content .our-services {
  padding-top: 22px;
}
#content .our-services li {
  color: #4c4c4c;
  text-shadow: 1px 1px 1px #f8fbfb;
  background: url(../images/bullet.png) no-repeat 0 0px;
  padding: 0 0 10px 30px;
}
#content #footer {
  display: block;
  margin: 20px -20px -20px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#content #footer a {
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  cursor: pointer;
  font-size: 16px;
  display: block;
  background: rgba(241, 245, 243, 0.4);
  padding: 20px;
  text-align: center;
  color: #89ab9a;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#content #footer a:hover {
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  background: #93B78E;
  color: white;
}
#content #logo {
  float: left;
  width: 150px; /*27%;*/
}
#content #message {
  margin: 0 0 0 3%;
  float: left;
  width: 70%;
}
#content #message > h3 {
  margin-bottom: 11px;
}
#content #message > .whathappen-main-message {
  margin: 15px 0 25px 0;
}
#content .troubleshoot {
  font-style: italic;
  padding: 5px;
  margin: 10px 0 0 0;
}
#content .msg {
  text-align: center;
}
@media screen and (max-width: 740px) {
  #content #logo {
    float: none;
    width: 100%;
    text-align: center;
  }
  #content #message {
    /*margin: 22px 0 0 0;*/
    float: none;
    width: 100%;
  }
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #BE6734;
  cursor: pointer;
}
a:link {
  text-decoration: none;
}
a:hover {
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  text-decoration: none;
  color: #aa5c2f;
}

.button {
  text-align: center;
  margin: 5px auto 0 auto;
}
.button a {
  font-family: Tahoma, Geneva, sans-serif;
  color: white !important;
  padding: 0 15px;
  font-size: 18px;
  width: auto;
  background-color: #BE6734;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  height: 27px;
  line-height: 27px;
  letter-spacing: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #B54F11;
  /* Fallback Color */
  background: -webkit-gradient(linear, left top, left bottom, from(#D06F34), to(#B54F11));
  /* Saf4+, Chrome */
  background: -webkit-linear-gradient(top, #D06F34, #B54F11);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background: -moz-linear-gradient(top, #D06F34, #B54F11);
  /* FF3.6 */
  background: -ms-linear-gradient(top, #D06F34, #B54F11);
  /* IE10 */
  background: -o-linear-gradient(top, #D06F34, #B54F11);
  /* Opera 11.10+ */
  background: linear-gradient(top, #D06F34, #B54F11);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#D06F34', EndColorStr='#B54F11');
}
.button a:hover {
  background: #9e450f;
  /* Fallback Color */
  background: -webkit-gradient(linear, left top, left bottom, from(#be632c), to(#9e450f));
  /* Saf4+, Chrome */
  background: -webkit-linear-gradient(top, #be632c, #9e450f);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background: -moz-linear-gradient(top, #be632c, #9e450f);
  /* FF3.6 */
  background: -ms-linear-gradient(top, #be632c, #9e450f);
  /* IE10 */
  background: -o-linear-gradient(top, #be632c, #9e450f);
  /* Opera 11.10+ */
  background: linear-gradient(top, #be632c, #9e450f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#be632c', EndColorStr='#9e450f');
}

#pageheader {
  overflow: hidden;
  display: block;
  margin: 0 auto 30px auto;
  padding: 0 20px;
  max-width: 960px;
  width: 100%;
  color: #7aa08d;
}
#pageheader #connectmethod {
  float: right;
}
#pageheader #connectmsg {
  float: left;
}

#wrap {
  margin: 0 auto 30px auto;
  padding: 0 20px;
  max-width: 960px;
  width: 100%;
}

.fb, .fb2 {
  background: white;
  padding: 20px;
  border: 1px solid #bfdada;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .fb2 {
    margin-top: 22px;
  }
}
h1, h2, h3 {
  color: #4C4C4C;
  line-height: 1.3em;
}
h1 a, h2 a, h3 a {
  text-decoration: none;
  color: #4C4C4C;
}
h1 a:hover, h2 a:hover, h3 a:hover {
  color: #aa5c2f;
}

h1 {
  font-size: 1.2em;
  margin-top: 30px;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.5em;
}

div.clear {
  clear: both;
}

/*# sourceMappingURL=cpanel.css.map */