* {
  cursor: default;
}
.chover, .chover a {
  cursor: url(../images/cursor-arrow.gif), auto !important;
}
body {
  font: normal 12px Arial;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #ffaf31;
}
#wrapperAll {
  width: 1101px;
}

/* --- LETTERFORM --- */

.orange { color: #ff6e05; }
.lightOrange { color: #fea501; }
.lightBlue { color: #30c0c8; }
.blue { color: #009ac6; }
.darkBlue { color: #0084b5; }
.small { font-size: 10px; }
.medium { font-size: 16px; }
.large { font-size: 20px; }
.largest { font-size: 30px; }

a {
  color: #0084b5;
  text-decoration: none;
}
p { margin: 8px 0; }
ul {
  margin-left: 20px;
  list-style-type: disc;
}
input[type=text], textarea {
  padding: 5px 10px 2px 10px;
  font-size: 15px;
  color: #333;
  background-color: #eee;
  border: 1px #666 solid;
}
input[type=text] {
  height: 20px;
}
input[type=text].active {
  border-color: #006699;
  background-color: #99CCFF;
}
textarea {
  font-family: Arial;
}
#contact {
  margin-left: -20px;
}
#contact th {
  padding: 0 10px 0 20px;
  height: 26px;
  color: #fff;
  font-weight: bold;
  background-color: #ffaf31;
}
#contact input[type=text] {
  width: 200px;
}
#contact textarea {
  width: 250px;
}
#contact br {
  font-size: 6px;
  line-height: 6px;
}
#contact .ddCont {
  width: 200px;
  height: 26px;
  overflow: hidden;
}
#contact .dd {
  position: absolute;
  width: 200px;

}
#contact .ddItem {
  width: 200px;
  height: 26px;
}

/* --- POPUP --- */

#popup {
  position: absolute;
  margin-top: -100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #000;
}
#popup p {
  margin: 0;
}
#popupContainer {
  margin: 0 auto;
  width: 750px;
}
#popupHide {
  width: 75px;
  height: 100px;
  background: url(../images/popup-close.gif) no-repeat;
  float: left;
}
#popupClose {
  position: absolute;
  margin-top: 100px;
  width: 75px;
  height: 50px;
  color: #aaa;
  font: bold 15px Arial;
  line-height: 50px;
  text-align: center;
  background-color: #000;
  border-top: 2px #aaa solid;
  display: none;
}
#popupContent {
  margin: 5px 0 0 10px;
  font: normal 18px Arial;
  color: #fff;
  float: left;
}

/* --- HEADER --- */

#header {
  width: 1100px;
  height: 86px;
  background-color: #fff;
}
#header #logo {
  width: 523px;
  height: 77px;
  background: url(../images/header-logo.gif) no-repeat;
  float: left;
}
#header #space {
  width: 577px;
  height: 77px;
  background: url(../images/header-whitestripes.gif) top left repeat-x;
  float: left;
}
#header #base {
  width: 940px;;
  height: 9px;
  background: url(../images/header-lower-stripes.gif) repeat-x;
  float: left;
  clear: both;
}

/* --- NAVIGATION COLUMN --- */

#leftColumn {
  width: 270px;
  /*border-bottom: 1px #000 solid;*/
  background-color: #fff;
  float: left;
}
#leftColumn #nav {
  /*width: 270px;*/
}
#leftColumn .link {
  width: 270px;
  height: 60px;
  border-bottom: 1px #e2e2e2 solid;
  background-color: #fff;
  cursor: default;
}
#leftColumn .link:hover {
  background-color: #eee;
}
#leftColumn .link.active {
  height: 70px !important;
  background: url(../images/nav-lower-shadow.gif) bottom left no-repeat;
}
#leftColumn .go {
  position: absolute;
  width: 60px;
  height: 60px;
  background-image: url(../images/go-left.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: none;
  z-index: 999;
}
#leftColumn .go.right {
  margin-left: 210px;
  background-image: url(../images/go-right.png) !important;
}
#leftColumn .go.hovered {
  background-position: 0 -60px !important;
}
#leftColumn .go.loading {
  background-position: 0 -120px !important;
}
#leftColumn .number {
  margin: 6px 10px;
  width: 47px;
  height: 47px;
  color: #fff;
  font: bold 30px Arial;
  line-height: 47px;
  text-align: center;
  background-repeat: no-repeat;
  float: left;
}
#leftColumn .active .number {
  margin: 11px 10px;
}
#leftColumn .caption {
  margin: 10px 10px 10px 0;
  width: 190px;
  height: 40px;
  float: left;
}
#leftColumn .active .caption {
  margin: 15px 10px 15px 0;
  height: 40px;
}
#leftColumn .caption .title {
  font: bold 12px Arial, sans-serif;
  color: #007db1;
  line-height: 15px;
  display: block;
}
#leftColumn .active .caption .title {
  color: #ffaf31;
}
#leftColumn .caption .text {
  font: normal 10px Arial;
  color: #aaa;
  line-height: 12px;
  display: block;
}
#leftColumn #tagCloud {
  padding: 10px;
  width: 250px;
  font-family: Georgia;
  /*word-wrap: break-word;*/
  overflow: hidden;
  /*text-align: justify;*/
  /*display: none;*/
}
#leftColumn #tagCloud span:after {
  content: " ";
}

/* --- CONTENT COLUMN --- */

#wrapperContent {
  border-left: 1px #d5d5d5 solid;
  float: left;
}
#main {
  padding-left: 20px;
  width: 810px;
  background: url(../images/nav-right-shadow.gif) no-repeat;
  background-color: #fff;
}
#main #content {
  /*margin-bottom: -100px;*/
  width: 710px;
  min-height: 321px;
  background: url(../images/content-left-shadow.gif) top left repeat-y;
}
#main #title {
  padding-left: 10px;
  width: 640px;
  height: 51px;
  background-color: #ffaf31;
}
#main #title #contentHeading {
  font-family: "Chevin-DemiBold", Chevin, Arial, sans-serif;
  font-size: 24px;
  line-height: 51px;
  color: #fff;
}
#main #title #clickLess {
  position: absolute;
  margin-left: 410px;
  width: 230px;
  height: 75px;
  background: url(../images/click-less.gif) no-repeat;
}
#actualContent {
  padding: 30px 0 10px 10px;
  width: 640px;
  font: normal 12px Arial;
}

/* --- ACTUAL CONTENT, LAYOUT --- */
  /* CONTENT CONTAINERS - INTEGRATES ACCORDIONS */
.CC {
  margin-left: -10px;
}
.CCContent {
  padding-left: 20px;
  background: url(../images/content-casing-repeat.gif) 0 0 repeat-y;
}
.CCTop, .CCBottom {
  width: 190px;
  height: 10px;
}
.CCTop    { background-image: url(../images/content-casing-top.gif); }
.CCBottom { background-image: url(../images/content-casing-bottom.gif); }
  /* LARGE CONTENT CONTAINER */
  /* HEADER CONTAINER */
.accLarge.open .headerCont, .accLarge.static .headerCont,
.accSmall.open .headerCont, .accSmall.static .headerCont {
  margin-left: -20px;
  padding-left: 20px;
  background-color: #e89511;
}
  .accLarge.open .headerCont, .accLarge.static .headerCont { width: 620px; }
  .accSmall.open .headerCont, .accSmall.static .headerCont { width: 420px; }
  /* HEADER */
.accLarge .header, .accSmall .header {
  height: 30px;
  font: bold 14px Arial, sans-serif;
  line-height: 30px;
  color: #fff;
}
  /* DUMMY ACCORDION (ORIGINAL, BEFORE REBUILD) */
.accordion { display: none; }
  /* ACCORDION */
.accLarge { width: 620px; }
.accSmall { width: 420px; }
.acc.closed .header {
  background-color: #3ebeed;
  border-bottom: 1px #009AC6 solid;
}
.acc.open .header, .acc.static .header {
  background-color: #ffaf31;
  border-bottom: 1px #E89511 solid;
}
.acc .headerExpand {
  margin: 6px 10px;
  width: 18px;
  height: 18px;
  background: url(../images/assets-hosting.png) 0 -20px no-repeat;
  float:left;
}
.acc.open .headerExpand { background-position: -20px -20px !important; }
.acc.closed .headerExpand { background-position: 0 -20px !important; }
.acc.static .headerExpand { background-image: none !important; }
  /* CONTENTS */
.accLarge .container, .accSmall .container { overflow: hidden; }
  .accLarge .container { width: 620px; }
  .accSmall .container { width: 420px; }
.accLarge .content, .accSmall .content { padding: 10px; }
  .accLarge .content { width: 600px; background: url(../images/container-large.gif) -620px 0 repeat-y; }
  .accSmall .content { width: 400px; background: url(../images/container-small.gif) -420px 0 repeat-y; }
  /* BASE */
.accLarge .contentBottom, .accSmall .contentBottom {
  margin-bottom: 10px;
  height: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
  .accLarge .contentBottom { width: 620px; background-image: url(../images/container-large.gif); }
  .accSmall .contentBottom { width: 420px; background-image: url(../images/container-small.gif); }

/* --- CONTENT LINKS --- */

.linkCont {
  padding: 2px 4px;
  display: inline;
}
.linkCont.active {
  background-color: #333;
}
.linkCont .visit {
  position: absolute;
  margin-top: -32px;
  margin-left: -4px;
  width: 80px;
  height: 30px;
  background: url(../images/visit.png) 0 0 no-repeat;
  display: none;
  z-index: 999;
}
.linkCont.active .visit {
  background-position: 0 -30px !important;
  display: inline !important;
}

/* --- FOOTER REGION --- */

#cutout {
  width: 730px;
  height: 112px;
  background: url(../images/content-left-shadow.gif) 20px repeat-y;
  background-color: #fff;
}
#cutout #slice {
  position: absolute;
  margin-left: 730px;
  width: 100px;
  height: 112px;
  background: url(../images/content-cutout.png) no-repeat;
}
#footer {
  width: 730px;
  height: 55px;
  font: normal 10px Arial;
  color: #fff;
  line-height: 55px;
  background: url(../images/footer.png) no-repeat;
}
#footer span#left {
  margin-left: 35px;
  float: left;
}
#footer span#right {
  float: right;
}
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }

/* --- CATEGORY VIEW --- */

.catCont {
  position: absolute;
  width: 208px;
  z-index: 0;
}
.catCont .shadowTop, .catCont .shadowBottom {
  width: 208px;
  height: 4px;
}
.catCont .shadowTop { background: url(../images/cat-shadow-top.png) no-repeat; }
.catCont .shadowMiddle {
  width: 208px;
  background: url(../images/cat-shadow-repeat.png) repeat-y;
}
.catCont .shadowBottom { background: url(../images/cat-shadow-bottom.png) no-repeat; }
.catMask {
  margin: 0 4px;
  width: 200px;
  height: 115px;
  background-color: #3ebeed;
  overflow: hidden;
}
.catCont .discover {
  padding: 0 10px;
  width: 180px;
  height: 30px;
  font: bold 11px Arial, sans-serif;
  line-height: 30px;
  text-align: center;
  background-color: #ffaf31;
  cursor: url(../images/cursor-arrow.gif) !important;
}
.catCont .discover a {
  color: #fff;
  cursor: url(../images/cursor-arrow.gif) !important;
}
.catCont .content {
  padding: 10px;
  width: 180px;
}
.catCont h3 {
  margin-bottom: 10px;
  color: #fff;
  font: bold 14px Arial, sans-serif;
}
.catCont .image {
  width: 180px;
  height: 70px;
  background: url(../images/cat-hosting.jpg) no-repeat;
}
.catCont p {
  margin: 6px 0;
  color: #fff;
  font: normal 11px Arial, sans-serif;
}

/* --- HOSTING TABLE --- */

.acc .plans {
  position: absolute;
  margin: -16px 0 0 133px;
  width: 285px;
  height: 17px;
  background: url(../images/assets-hosting.png) 0 0 no-repeat;
}
.host {
  margin: -10px -9px;
  width: 418px;
  line-height: 12px;
}
.host td, .host th {
  padding: 0 5px;
}
.host td {
  width: 85px;
  height: 30px;
  text-align: center;
}
.host td.desc {
  padding: 0 !important;
  width: 0 !important;
}
.host th {
  width: 133px;
  color: #333;
  font-weight: bold;
}
.host .unlimited, .host .cross, .host .tick {
  margin: 0 auto;
  background-image: url(../images/assets-hosting.png);
}
.host .unlimited {
  width: 76px;
  height: 15px;
  background-position: -180px -65px;
}
.host .cross {
  width: 20px;
  height: 20px;
  background-position: 0 -40px;
}
.host .tick {
  width: 20px;
  height: 20px;
  background-position: -25px -40px;
}
.host tr.dark { background-color: #dcdcdc; }
.host tr.light { background-color: #ededed; }
.host tr.highlight { background-color: #afdced !important; }

.host .helpCont {
  position: absolute;
  margin: -15px 0 0 1px;
  width: 215px;
  text-align: left;
  display: none;
}
.host tr.highlight .helpCont {
  display: block !important;
}
.host .helpHeaderCont {
  padding-left: 5px;
  background-color: #2f9ec6;
}
.host .helpHeader {
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  background-color: #3ebeed;
}
.host .helpIcon {
  margin: 6px;
  width: 18px;
  height: 18px;
  background: url(../images/assets-hosting.png) -40px -20px no-repeat;
  float: left;
}
.host .helpContentCont {
  margin-left: 5px;
}
.host .helpContent {
  padding: 1px 10px;
  width: 190px;
  background: url(../images/container-help.gif) -210px 0 repeat-y;
}
.host .helpContentBottom {
  width: 210px;
  height: 10px;
  background: url(../images/container-help.gif) 0 0 no-repeat;
}

/* --- PORTFOLIO --- */

#portCont {
  margin-left: -10px;
  width: 210px;
  float: left;
}
#portCont #navUp, #portCont #navDown {
  width: 210px;
  height: 20px;
  background-image: url(../images/portfolio-nav.gif);
  background-repeat: no-repeat;
}
#portCont #navUp   { background-position: 0 0; }
#portCont #navDown { background-position: 0 -20px; }
#portCont #navUp.highlight { background-position: 0 -40px !important; }
#portCont #navDown.highlight { background-position: 0 -60px !important; }
#portCont #navUp.disabled { background-position: 0 -80px !important; }
#portCont #navDown.disabled { background-position: 0 -100px !important; }
#portCont #itemCont {
  padding-left: 20px;
  width: 190px;
  height: 320px;
  background-color: #ccc;
  overflow: hidden;
}
#portCont #itemScroll {
  width: 190px;
  min-height: 320px;
  background-color: #bbb;
}
#portCont .item {
  width: 189px;
  height: 40px;
  background-color: #ededed;
  border-left: 0 #0495e1 solid;
  border-right: 1px #cacaca solid;
  border-bottom: 1px #cacaca solid;
}
#portCont .item.active {
  background-color: #3ebeed;
  border-bottom: none !important;
}
#portCont .icon {
  margin: 5px;
  width: 30px;
  height: 30px;
  background-image: url(../images/assets-portfolio.png);
  background-repeat: no-repeat;
  float: left;
}
#portCont .title {
  line-height: 40px;
  font-size: 14px;
  float: left;
}
#portCont .item.active .title {
  color: #fff;
  font-weight: bold;
}
#portCont .month, #portCont .year, #portCont .image, #portCont .url, #portCont .info { display: none; }

#portClient {
  margin-left: 20px;
  width: 415px;
  display: none;
  float: left;
}
#portClient .top {
  width: 415px;
  height: 9px;
  background: url(../images/container-client.gif) 0 0 no-repeat;
}
#portClient .innerCont {
  width: 415px;
  background: url(../images/container-client.gif) -415px 0 repeat-y;
}
#portClient .image {
  padding: 0 10px;
  width: 320px;
  height: 180px;
  background-color: #3ebeed;
}
#portClient .image img { border: 1px #fff solid; }
#portClient .url {
  width: 340px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background-color: #3ebeed;
}
#portClient .date, #portClient .hoverCont, #portClient .hover, #portClient .visitCont, #portClient .visit {
  width: 75px;
  color: #fff;
  text-align: center;
}
#portClient .dateHoverCont {
  position: absolute;
  margin-left: 340px;
}
#portClient .date {
  padding: 10px 0;
  color: #fff;
  text-align: center;
  background-color: #3ebeed;
}
#portClient .month { font-weight: bold; font-size: 16px; line-height: 16px; }
#portClient .year { font-size: 28px; line-height: 28px; }
#portClient .hover {
  padding: 20px 0;
  font-size: 10px;
  font-weight: bold;
  background-color: #ffaf31;
}
#portClient .visitCont {
  height: 0;
  overflow: hidden;
}
#portClient .visit {
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  background-color: #FF6E05;
}
#portClient .info {
  padding: 10px;
  width: 345px;
}
#portClient .bottom {
  width: 415px;
  height: 9px;
  background: url(../images/container-client.gif) 0 -9px no-repeat;
}

/* --- NO-SCRIPT --- */

#nojava {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/nojava-header.gif) 0 0 no-repeat;
  background-color: #ffaf31;
  z-index: 999;
}
#nojava .info {
  margin: 150px auto 0 auto;
  width: 500px;
  color: #fff;
  font: normal 14px Arial;
  text-align: center;
}
#nojava .heading {
  font-size: 20px;
  font-weight: bold;
}
#nojava .icon {
  margin: 0 auto;
  width: 91px;
  height: 91px;
  background: url(../images/nojava-icon.gif) no-repeat;
}