h1 {padding-left: 64px !important; background-image: url(/i/_/2010/h1/services_hosting.png);}

#splash {margin: 0 0 10px 7px;}

#intro {margin: 10px 0 10px 7px; padding: 0 15px; border: 1px solid #c2d3af; border-width: 1px 0;
    background: #e9f4dc; text-align: justify;}

.cols {margin-left: 7px; overflow: hidden; zoom: 1;}
.cols .col {float: left; width: 329px;}
.cols .col.first {margin-right: 10px;}
.cols .col.last {}
.cols p {margin: 1em 0; text-align: justify;}

.cols .item {position: relative; margin: 0 0 10px; padding: 1px 15px; zoom: 1;}
.cols .cs span {position: absolute; left: 0; width: 329px; height: 5px; overflow: hidden;
    background-image: url(/i/services/hosting_django/cs.png); font-size: 0;}
.cols .cs .t {top: 0;}
.cols .cs .b {bottom: -1px; height: 6px;}

#what .cs .b {background-position: 0 -5px;}
#ideal .cs .b {background-position: 0 -16px;}
#price .cs .t, #more .cs .t {background-position: 0 -22px;}
#price .cs .b, #more .cs .b {background-position: 0 -27px;}

#ideal, #what {width: 299px; overflow: hidden; padding-top: 0;}
#ideal {background: #efefef;}
#what  {background: #d9e7e2;}
#ideal h2, #what h2 {margin: 0 0 0 -15px; width: 299px; padding: 0.85em 15px;
    background: url(/i/services/hosting_django/cs.png) no-repeat; color: #fff; font-size: 1.2em;}
#ideal h2 {background-color: #5c9512; background-position: -329px 0;}
#what h2 {background-color: #457bc0; background-position: -658px 0;}
#ideal p.img {text-align: center;}
#what a {color: #000;}

#but {min-height: 54px; margin: 11px 0 0 86px; padding: 5px; background: #e9f4dc;}
* html #but {height: 54px;}
#but hr {display: none; position: absolute; top: -6px; left: -86px; width: 329px; margin: 0; height: 1px; border: none;
    background: #b7b7b7; color: #b7b7b7;}
#but img {position: absolute; top: 0; left: -86px;}
#but p {margin: 0 10px 0; font-size: 1em;}
#but #but-code {display: none; width: 231px; height: 51px; overflow: auto; border: 1px solid #b7b7b7;
    background: #fff;}
* html #but #but-code {width: 229px;}
#but a {color: #000;}
#but a#show-code {border-bottom: 1px dashed; text-decoration: none;}

#but .cs .tl, #but .cs .bl {width: 238px;}
#but .cs .tr, #but .cs .br {width: 5px;}
#but .cs .tl {top: 0; left: 0; background-position: 0 -22px;}
#but .cs .tr {top: 0; left: 238px; background-position: -324px -22px;}
#but .cs .bl {bottom: -1px; left: 0; background-position: 0 -27px;}
#but .cs .br {bottom: -1px; left: 238px; background-position: -324px -27px;}
#but .cs .l {top: 26px; left: -6px; width: 7px; height: 13px; background-position: 0px -36px;}

#more {background: #e9f4dc;}
#more h3 {margin: 1em 0; font-size: 1em;}
#more ul {margin: 1em 0 1em 15px; padding: 0; list-style: square;}
#more li {margin: 0.5em 0; padding: 0; color: #23743d;}
#more a {color: #000;}

#price {background: #e9f4dc url(/i/services/hosting_django/ico_price.png) 15px 4em no-repeat;}
#price h3 {margin: 1em 0; font-size: 1em;}
#price p {overflow: hidden; margin: 0.5em 0 0 65px; zoom: 1;}
#price p.price em {float: left; background: #fff url(/i/services/hosting_django/bg_price.png) no-repeat;
    font-style: normal; font-size: 1.2em;}
#price p.price span {float: left; height: 25px; overflow: hidden; padding: 3px 11px 0;
    background: url(/i/services/hosting_django/bg_price.png) 100% -28px no-repeat;}
#price p.price strong {font-size: 1.25em;}
#price p.hint {margin: 0.3em 0 0.6em 76px;}
#price p.link {margin-bottom: 1em;}
#price p.link a {float: left; background: #e9bb00 url(/i/services/hosting_django/bg_price.png) 0 -56px no-repeat;
    color: #000;}
#price p.link span {float: left; height: 17px; padding: 2px 11px 0;
    background: url(/i/services/hosting_django/bg_price.png) 100% -75px no-repeat;
    text-decoration: underline; cursor: pointer;}

#reg {height: 54px; overflow: hidden; padding: 0;
    background: #70ae21 url(/i/services/hosting_django/but_reg.png) no-repeat;}
#reg a {display: block; height: 46px; padding: 8px 5px 0 74px; color: #fff; text-decoration: none;}
#reg strong {display: block; font-weight: normal; font-size: 1.5em;}
#reg span {color: #bfe98b;}

#trilan {margin: 0; padding: 0; background: url(/i/services/hosting_django/bg_trilan.png) repeat-y; text-align: center; cursor: pointer;}
#trilan h3 {margin: 0; padding: 5px 0; background: url(/i/services/hosting_django/bg_trilan.png) -329px 0 no-repeat;
    color: #fff; font-size: 0.9em; font-weight: normal;}
#trilan p {margin: 0; text-align: center;}
#trilan .text {margin: 0 1px; padding: 20px 0 0; border-bottom: 1px solid #dbdbdb;
    background: #efefef url(/i/services/hosting_django/bg_trilan_grad.png) repeat-x; color: #555; font-size: 1.3em;}
#trilan .text p {margin: 0 0 0.8em;}
#trilan .text a {color: #555; text-decoration: none;}
#trilan .foot {padding: 7px 5px 10px;
    background: url(/i/services/hosting_django/bg_trilan.png) -658px 100% no-repeat; color: #393939;}
#trilan .foot i {padding: 0 0.2em; background: url(/i/services/hosting_django/bul_trilan.png) 50% 55% no-repeat;}