body {
  margin: 0px auto;
  max-width: 1366px;
  min-width: 1336px;
  border-left: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
}

#main {
  position: relative;
  width: 100%;
  max-width: 1366px;
  min-width: 1336px;
  margin-top: 0;
  margin-left: auto;
  z-index: 86;
  min-height: 1200px;
  margin-right: auto;
}

#nav_contain {
  float: left;
  position: relative;
  width: 100%;
  max-width: 1366px;
  min-width: 1336px;
  margin-top: 0;
  margin-left: 0;
  z-index: 31;
  min-height: 51px;
  background-image: url(../images/nav_contain.png);
  background-repeat: no-repeat;
}

#home {
  float: left;
  position: relative;
  width: 38px;
  margin-top: 10px;
  margin-left: 207px;
  z-index: 4;
  min-height: 21px;
}

#blogs:hover, #contact:hover, #home:hover, #hosting:hover, #login:hover, #templates:hover {
  height: 21px;
}

#blogs:hover .text-style-3, #cart:hover .text-style-4, #contact:hover .text-style-3, #home:hover .text-style-3, #hosting:hover .text-style-3, #login:hover .text-style-4, #templates:hover .text-style-3 {
  color: #fff;
}

#hosting {
  float: left;
  position: relative;
  width: 71px;
  margin-top: 10px;
  margin-left: 20px;
  z-index: 6;
  min-height: 21px;
}

#templates {
  float: left;
  position: relative;
  width: 88px;
  margin-top: 10px;
  margin-left: 19px;
  z-index: 8;
  min-height: 21px;
}

#blogs {
  float: left;
  position: relative;
  width: 50px;
  margin-top: 10px;
  margin-left: 19px;
  z-index: 10;
  min-height: 21px;
}

#contact {
  float: left;
  position: relative;
  width: 71px;
  margin-top: 10px;
  margin-left: 20px;
  z-index: 12;
  min-height: 21px;
}

#social-1 {
  float: left;
  position: relative;
  width: 342px;
  margin-top: 8px;
  margin-left: 103px;
  z-index: 24;
  min-height: 25px;
}

#youtube {
  float: left;
  position: relative;
  width: 21px;
  height: 21px;
  margin-top: 1px;
  margin-left: 0;
  z-index: 15;
  background-image: url(../images/youtube.png);
  background-repeat: no-repeat;
}

#youtube:hover {
  background-image: url(../images/youtube_hover.png);
}

#fb {
  float: left;
  position: relative;
  width: 22px;
  height: 21px;
  margin-top: 1px;
  margin-left: 12px;
  z-index: 17;
  background-image: url(../images/fb.png);
  background-repeat: no-repeat;
}

#fb:hover {
  background-image: url(../images/fb_hover.png);
}

#heart {
  float: left;
  position: relative;
  width: 22px;
  height: 21px;
  margin-top: 1px;
  margin-left: 12px;
  z-index: 19;
  background-image: url(../images/heart.png);
  background-repeat: no-repeat;
}

#heart:hover {
  background-image: url(../images/heart_hover.png);
}

#twitter {
  float: left;
  position: relative;
  width: 22px;
  height: 21px;
  margin-top: 1px;
  margin-left: 12px;
  z-index: 21;
  background-image: url(../images/twitter.png);
  background-repeat: no-repeat;
}

#twitter:hover {
  background-image: url(../images/twitter_hover.png);
}

#search {
  float: left;
  position: relative;
  width: 200px;
  height: 25px;
  margin-top: 0;
  margin-left: 19px;
  z-index: 23;
}

#login-1 {
  float: left;
  position: relative;
  width: 99px;
  margin-top: 13px;
  margin-left: 16px;
  z-index: 30;
  min-height: 22px;
}

#login {
  float: left;
  position: relative;
  width: 48px;
  margin-top: 0;
  margin-left: 0;
  z-index: 26;
  min-height: 21px;
}

#cart {
  float: left;
  position: relative;
  width: 37px;
  margin-top: 0;
  margin-left: 14px;
  z-index: 28;
  min-height: 22px;
}

#cart:hover {
  height: 22px;
}

#top {
  float: left;
  position: relative;
  width: 960px;
  margin-top: 14px;
  margin-left: 202px;
  z-index: 35;
  min-height: 92px;
  clear: left;
}

#logo {
  float: left;
  position: relative;
  width: 163px;
  height: 92px;
  margin-top: 0;
  margin-left: 0;
  padding-right: 60px;
  z-index: 33;
}

#ads {
  float: left;
  position: relative;
  width: 728px;
  height: 90px;
  margin-top: 2px;
  margin-left: 69px;
  z-index: 34;
}

#content {
  float: left;
  position: relative;
  width: 973px;
  margin-top: 27px;
  margin-left: 199px;
  z-index: 42;
  min-height: 198px;
  clear: left;
}

#title {
  float: left;
  position: relative;
  width: 450px;
  height: 21px;
  margin-top: 16px;
  margin-left: 10px;
  z-index: 37;
}

#dbutton {
  float: left;
  position: relative;
  width: 319px;
  height: 43px;
  margin-top: 0;
  margin-left: 228px;
  z-index: 38;
  background-image: url(../images/gbutton.png);
  background-repeat: no-repeat;
}

#dbutton:hover {
  background-image: url(../images/dbutton_hover.png);
}

#youtubebg {
  float: left;
  position: relative;
  width: 966px;
  height: 132px;
  margin-top: 8px;
  margin-left: 0;
  z-index: 40;
  clear: left;
}

#pagetexttop {
  float: left;
  position: relative;
  width: 941px;
  margin-top: 22px;
  margin-left: -953px;
  z-index: 41;
  min-height: 103px;
}

#middle {
  float: left;
  position: relative;
  width: 940px;
  margin-top: 19px;
  margin-left: 209px;
  z-index: 47;
  min-height: 156px;
  opacity: 0.8;
  clear: left;
}

#layer1 {
  float: left;
  position: relative;
  width: 300px;
  height: 153px;
  margin-top: 0;
  margin-left: 0;
  z-index: 44;
}

#layer2 {
  float: left;
  position: relative;
  width: 300px;
  height: 151px;
  margin-top: 2px;
  margin-left: 20px;
  z-index: 45;
}

#layer3 {
  float: left;
  position: relative;
  width: 300px;
  height: 154px;
  margin-top: 2px;
  margin-left: 20px;
  z-index: 46;
}

#text {
  float: left;
  position: relative;
  width: 966px;
  margin-top: 25px;
  margin-left: 200px;
  z-index: 52;
  min-height: 550px;
  clear: left;
}

#learn2earn {
  float: left;
  position: relative;
  width: 225px;
  height: 13px;
  margin-top: 0;
  margin-left: 3px;
  z-index: 49;
}

#textbox {
  float: left;
  position: relative;
  width: 966px;
  height: 550px;
  margin-top: 5px;
  margin-left: 0;
  z-index: 50;
  clear: left;
}

#pagetext {
  float: left;
  position: relative;
  width: 927px;
  margin-top: 24px;
  margin-left: -950px;
  z-index: 51;
  min-height: 550px;
}

#follow {
  float: left;
  position: relative;
  width: 928px;
  margin-top: 18px;
  margin-left: 217px;
  z-index: 66;
  min-height: 21px;
  background-image: url(../images/follow.png);
  background-repeat: no-repeat;
  clear: left;
}

#social2 {
  float: left;
  position: relative;
  width: 193px;
  margin-top: 0;
  margin-left: 735px;
  z-index: 64;
  min-height: 21px;
  background-image: url(../images/social2.png);
  background-repeat: no-repeat;
}

#youtube2 {
  float: left;
  position: relative;
  width: 21px;
  height: 21px;
  margin-top: 0;
  margin-left: 81px;
  z-index: 56;
  background-image: url(../images/youtube2.png);
  background-repeat: no-repeat;
}

#youtube2:hover {
  background-image: url(../images/youtube2_hover.png);
}

#fb2 {
  float: left;
  position: relative;
  width: 22px;
  height: 21px;
  margin-top: 0;
  margin-left: 9px;
  z-index: 58;
  background-image: url(../images/fb2.jpg);
  background-repeat: no-repeat;
}

#fb2:hover {
  background-image: url(../images/fb2_hover.jpg);
}

#heart2 {
  float: left;
  position: relative;
  width: 22px;
  height: 21px;
  margin-top: 0;
  margin-left: 8px;
  z-index: 60;
  background-image: url(../images/heart2.jpg);
  background-repeat: no-repeat;
}

#heart2:hover {
  background-image: url(../images/heart2_hover.jpg);
}

#twitter2 {
  float: left;
  position: relative;
  width: 22px;
  height: 21px;
  margin-top: 0;
  margin-left: 8px;
  z-index: 62;
  background-image: url(../images/twitter2.jpg);
  background-repeat: no-repeat;
}

#twitter2:hover {
  background-image: url(../images/twitter2_hover.jpg);
}

#bottom {
  float: left;
  position: relative;
  width: 100%;
  max-width: 1366px;
  min-width: 1336px;
  margin-top: 7px;
  margin-left: 0;
  z-index: 85;
  min-height: 182px;
  background-image: url(../images/bottom.png);
  background-repeat: no-repeat;
  clear: left;
}

#box5 {
  float: left;
  position: relative;
  width: 181px;
  margin-top: 50px;
  margin-left: 204px;
  z-index: 72;
  min-height: 113px;
}

#navi {
  float: left;
  position: relative;
  width: 102px;
  height: 13px;
  margin-top: 0;
  margin-left: 0;
  z-index: 70;
}

#sitemap {
  float: left;
  position: relative;
  width: 181px;
  margin-top: 6px;
  margin-left: 0;
  z-index: 71;
  min-height: 94px;
  clear: left;
}

#box6 {
  float: left;
  position: relative;
  width: 131px;
  margin-top: 50px;
  margin-left: 106px;
  z-index: 76;
  min-height: 113px;
}

#partners {
  float: left;
  position: relative;
  width: 82px;
  height: 12px;
  margin-top: 0;
  margin-left: 0;
  z-index: 74;
}

#partner {
  float: left;
  position: relative;
  width: 131px;
  margin-top: 7px;
  margin-left: 0;
  z-index: 75;
  min-height: 94px;
  clear: left;
}

#box7 {
  float: left;
  position: relative;
  width: 238px;
  margin-top: 50px;
  margin-left: 105px;
  z-index: 80;
  min-height: 112px;
}

#blog {
  float: left;
  position: relative;
  width: 52px;
  height: 13px;
  margin-top: 0;
  margin-left: 1px;
  z-index: 78;
}

#articles {
  float: left;
  position: relative;
  width: 237px;
  margin-top: 5px;
  margin-left: 1px;
  z-index: 79;
  min-height: 94px;
  clear: left;
}

#box8 {
  float: left;
  position: relative;
  width: 130px;
  margin-top: 50px;
  margin-left: 68px;
  z-index: 84;
  min-height: 112px;
}

#connect {
  float: left;
  position: relative;
  width: 71px;
  height: 13px;
  margin-top: 0;
  margin-left: 1px;
  z-index: 82;
}

#social {
  float: left;
  position: relative;
  width: 130px;
  margin-top: 5px;
  margin-left: 0;
  z-index: 83;
  min-height: 94px;
  clear: left;
}

p {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
  font: 12px/14px Source Code Pro;
  text-transform: none;
  text-decoration: none;
  color: #000;
  letter-spacing: -0.075em;
}

a {
  text-transform: none;
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-transform: lowercase;
  text-decoration: underline;
  color: #0066FF;
}

.text-style-1 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
  font: small-caps 16px/19px Source Code Pro;
  text-transform: none;
  text-decoration: none;
  color: #000;
  letter-spacing: 0.15em;
}

.text-style-2 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
  font: 14px/16px Source Code Pro;
  text-transform: uppercase;
  text-decoration: none;
  color: #757575;
  letter-spacing: 0.1em;
}

.text-style-3 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
  font: 13px/16px Source Code Pro;
  text-transform: none;
  text-decoration: none;
  color: #e6e6e6;
  letter-spacing: 0.15em;
}

.text-style-4 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
  font: 12px/14px Source Code Pro;
  text-transform: none;
  text-decoration: none;
  color: #ccc;
  letter-spacing: 0.1em;
}