/* layout */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#header {
	height: 159px;
	position: relative;
}

#body-outer-container {
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-bottom: -167px;
}

#body-inner-container {
	padding-bottom: 167px;
}

#calltoaction {
	height: 272px;
	position: relative;
}

#calltoactionbtn {
	position: relative;
	top: 130px;
	margin: 0 auto;
}

.innerbar {
	margin: 0 auto;
	width: 892px;
	padding: 40px 34px 45px 34px;
}

#header .innerbar {
	padding: 0;
	position: relative;
}

#header .innerbar .logo {
	margin-left: -8px;
	display: block;
	float: left;
}

#header .logo img {
	display: block;
	position: relative;	
}


#header #loginlink {
	position: absolute;
	right: 0;
	top: 30px;
}

#header #navigation {
	position: absolute;
	top: 103px;
	right: 0;
}

#header #navigation li {
	float: right
}

#header #navigation li.spacer {
	padding: 0 12px;
}

#footer .innerbar {
	padding-top: 50px;
	padding-bottom: 64px;
	height: 100px;
}

ul.benefits {
	overflow: hidden;
}

ul.benefits li {
	
	display: block;
	float: left;
	width: 33.33%;
}

ul.benefits li h2 {
	margin-bottom: 28px;
}

ul.benefits li p {
	padding-right: 64px;
}

ul.benefits li.last p {
	padding-right: 0;
}

/* visual */
body {
	color: #b3b3b3;
	background: #30383e;
	font-family: Arial;
	font-size: 15px;
	line-height: 120%;
}

h2 {
	color: #f6f6f6;
	font-size: 23px;
}

a {
	color: #acd335;
}

abbr {
	border-bottom: 1px dashed;
}

#header {
	background: #2f373d url(../i/header-bgnd.png) repeat-x;
}

#header a {
	color: #fff;
	font-size: 19px;
	text-decoration: none;
}

/* commented because it is causing problems in IE6
#header a#loginlink {
	padding-left: 30px;
	background: url(../i/tinylogo.png) no-repeat 0% 50%;
}*/

#header #navigation li.active a, #header a.active {
	color: #a4c932;
}

#header #navigation li.spacer {
	background: url(../i/navigation-spacer.gif) no-repeat 50% 50%;
}

#footer {
	background: #282e33 url('../i/footer-bgnd.png') repeat-x;
}

#calltoaction {
	background: #328019 url('/static/i/main-img-30days.jpg') no-repeat 50% 50%
}

#feedback-bar {
	background: #30383e url(../i/feedback-bgnd.gif) repeat-x;
}

#twitter {
	color: #000;
	background: #fff url(../i/twitter-tr.gif) no-repeat 100% 0;
}

#twitter a {
	color: #0084b4;
}

#twitter .twitter1 {
	background: url(../i/twitter-tl.gif) no-repeat 0 0;
}

#twitter .twitter2 {
	background: url(../i/twitter-br.gif) no-repeat 100% 100%;
}

#twitter .twitter3 {
	background: url(../i/twitter-bl.gif) no-repeat 0 100%;
	padding: 35px 20px 20px 20px;
}

#twitter_update_list li {
	padding: 20px 0;
	border-bottom: 1px dashed #d2dada;
}

#twitter-link {
	padding-top: 20px;
	display:block;
	text-align:right;
}

#twitter-link a {
	background: url(../i/twitter-icon.gif) no-repeat 0 0;
	padding: 5px 0 5px 30px;
}


.twitter-metainfo {
	display: block;
	color: #999;
	font-size: 85%;
}

ul.content-list {
	overflow: hidden;
	padding: 5px;
}

ul.content-list li {
	list-style: disc outside;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #acd335;
}

ul.content-list li span {
	color: #B3B3B3;
}

ul.content-list li.last {
	margin-bottom: 0;
}

ol.about-list {
	overflow: visible;
}

ol.about-list li {
	list-style-type: decimal;
	list-style-position: inside;
	float: bottom;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #acd335;
}

ol.about-list li span {
	margin-bottom: 10px;
	color: #B3B3B3;
}

ul.about-list {
	margin-top: 0px;
	overflow: hidden;
}

ul.about-list li {
	list-style: disc inside;
	float: bottom;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #acd335;
}

ul.about-list li span {
	color: #B3B3B3;
}

ul.about-list li.last {
	margin-bottom: 0px;
}

p.about-p {
	margin-bottom: 10px;
}



.page-body H1 {
     color: White;
     font-size: 21px;
     margin: 0 0 30px 0;
}

.page-body H2 {
    color: #eee;
    font-size: 18px;
    margin: 2em 0 1em 0;
}

.page-body H3 {
    color: #eee;
    font-size: 15px;
    margin: 1em 0 0.5em;
}


.page-body STRONG {
    color: #ccc;
    font-weight: bold;
}

.page-body P {
    line-height: 1.5em;
    margin: 5px 0 15px 0;
}

.page-body OL {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1.5em;
}

.page-body UL {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1.2em;
}
.page-body	ul{
		list-style: none inside;
	}
.page-body ul>li :before{
		content: "\2043";
		margin-left: -1ex;
		margin-right: 1ex;
	}
.page-body LI {
    margin: .3em 0 .5em;
}


.press {
    width: 100%;
    overflow: hidden;
}

.press .content {
    width: 650px;
    float: left;
}

.press .additional {
    text-align: right;
    width: 230px;
    float: right;
}

.press H1 {
    color: White;
    font-size: 19px;
    margin: 0 0 30px 0;
}

.press H2 {
    color: #b3b3b3;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}

.press P {
    line-height: 1.5em;
}

.press .nowrap {
    white-space: nowrap;
}

.press TABLE {
    margin-bottom: 30px;
}

.press TABLE TH {
    border-bottom: 1px solid #585d61;
    padding: 0 0 8px 0;
}

.press TABLE TD {
    line-height: 1.5em;
    padding: 8px 20px 8px 0;
}

.press A.download {
    text-indent: -9999px;
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

    .press A.download.txt { background: url(../i/icon-txt.gif) top left no-repeat; }
    .press A.download.doc { background: url(../i/icon-doc.gif) top left no-repeat; }
    .press A.download.pdf { background: url(../i/icon-pdf.gif) top left no-repeat; }
    .press A.download.chm { background: url(../i/icon-chm.gif) top left no-repeat; }

.press .contacts {}

.press .contacts LI { margin: 30px 0; overflow: hidden; }

.press .contacts LI IMG {
    margin-right: 1em;
    width: 43px;
    height: 43px;
    float: left;
}

.press .contacts LI H3 {
    color: #666;
    font-weight: bold;
}

.press .ceo {
    margin-bottom: 50px;
}

.press .ceo IMG {
    margin: 45px 0 15px auto;
    display: block;
}

.press .logo {
    line-height: 2em;
    padding-top: 70px;
    background: url(../i/icon-logo.gif) top right no-repeat;
}

/* footer links */

#footer .links {
    margin-bottom: 45px;
    width: 100%;
    height: 25px;
    overflow: hidden;
}

    #footer .links LI {
        font-size: 13px;
        line-height: 25px;
        background: url(../i/foot-links-divider.gif) left no-repeat;
        padding: 0 18px;
        height: 25px;
        float: left;
    }

    #footer .links LI:first-child {
        background: none;
        padding-left: 0;
    }

        #footer .links LI A { line-height: 25px; display: inline-block; }
        #footer .links LI A.icon { padding-left: 35px; }

        #footer .links LI A.blog    { background: url(../i/foot-icon-blog.gif) left no-repeat; }
        #footer .links LI A.rss     { background: url(../i/foot-icon-rss.gif) left no-repeat; }
        #footer .links LI A.twitter { background: url(../i/foot-icon-twitter.gif) left no-repeat; }
        #footer .links LI A.facebook { background: url(../i/foot-icon-facebook.gif) left no-repeat; }

/* feedbacks */

#feedbacks {
    width: 450px;
    float: left;
}

    #feedbacks H2 {
        text-indent: -9999px;
        background: url(../i/feedback-title.gif) top left no-repeat;
        margin-bottom: 50px;
        height: 26px;
    }

    #feedbacks UL {}

        #feedbacks UL LI {
            margin: 40px 0;
            width: 100%;
            overflow: hidden;
        }

            #feedbacks UL LI SPAN {
                background: url(../i/feedback-photo-bg.gif) top left no-repeat;
                margin: 10px 0;
                width: 135px;
                height: 96px;
                float: left;
            }

            #feedbacks UL LI P {
                line-height: 1.5em;
                *line-height: 1.4em; /* IE7 */
                width: 313px;
                float: left;
            }

                #feedbacks UL LI P STRONG { color: White; }

/* ===[ price page styles (begin) =========================================== */

.plans {
    width: 100%;
    overflow: hidden;
}

    .plans H1 {
        color: White;
        font-size: 19px;
        margin: 0 0 30px 0;
    }

    .plans TABLE {
        table-layout: auto;
        empty-cells: show;
        border-spacing: 0;
        border-collapse: separate;
        margin-bottom: 30px;
        width: 100%;
    }

        .plans TABLE TH.value,
        .plans TABLE TD.value {
            text-align: right;
        }

        .plans TABLE TH { border-bottom: 1px solid #585d61; }

        .plans TABLE TH.value {
            color: #ddd;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #585d61;
            background: url(/static/i/price-th-bg.gif) bottom left no-repeat;
            width: 150px;
            height: 41px;
        }

        .plans TABLE TD {
            color: #ccc;
            line-height: 1.5em;
            border-left: 1px solid #494f54;
            border-right: 1px solid #494f54;
            padding: 5px 10px 5px 10px;
        }

        .plans TABLE TD.value {
            color: #9f0;
            text-align: center;
            border-left: none;
        }


        .plans TABLE TR.odd {
            background: #3a4147;
        }

        .plans TABLE TR.total TD {
            border-bottom: 1px solid #585d61;
            padding-top: 20px;
        }

        .plans TABLE .mark {
            color: #6ab300 !important;
        }

        .plans TABLE .mark SUP {
            color: #7e7e7e;
        }

        .plans A.create {
            text-indent: -9999px;
            background: url(/static/i/button-create.gif) top left no-repeat;
            margin: 1em auto;
            width: 91px;
            height: 21px;
            display: block;
        }

        .plans .bestchoice {
        	color: #ddd;
        }


    .plans P {
        line-height: 1.5em;
    }

    .plans P.footnote {
        color: #7e7e7e;
    }

	.plans span.price { font-size: 45px;line-height:45px;position:relative;margin-right:-34px;display:block}
	.plans .price .sep { display:none }
	.plans .price .fract { vertical-align: super; font-size: 22.5px }
	.plans .price .currency {position: relative;left: -34px; font-size: 13.5px}


/* ===[ price page styles (end) ============================================= */

/* ===[ static page styles (begin)]========================================== */

.static {
    width: 100%;
    overflow: hidden;
}

    .static H1 {
        color: White;
        font-size: 21px;
        margin: 0 0 30px 0;
    }

    .static H2 {
        color: #eee;
        font-size: 18px;
        margin: 2em 0 1em;
    }

    .static STRONG {
        color: #ccc;
        font-weight: bold;
    }

    .static P {
        line-height: 1.5em;
        margin: 1em 0;
    }

    .static OL {
        list-style-type: decimal;
        list-style-position: outside;
        margin-left: 1.5em;
    }

    .static UL {
        list-style-type: disc;
        list-style-position: outside;
        margin-left: 1.2em;
    }

    .static LI {
        margin: .3em 0 .5em;
    }

    .static .footnote {
        font-size: 12px;
        width: 100%;
        overflow: hidden;
    }

        .static .footnote .print {
            float: right;
        }

/* ===[ static page styles (end)]============================================ */

.services {
    width: 100%;
}

    .services TD {
        padding-right: 40px;
    }

        .services TD H2 {
            line-height: 46px;
            padding-left: 46px;
            margin: 1em 0 .3em;
        }

        .services TD H2.design { background: url(/static/i/icon-design.jpg) left no-repeat; }
        .services TD H2.themes { background: url(/static/i/icon-themes.jpg) left no-repeat; }
        .services TD H2.promo { background: url(/static/i/icon-promo.jpg) left no-repeat; }
        .services TD H2.addstuff { background: url(/static/i/icon-addstuff.jpg) left no-repeat; }
        .services TD H2.delivery { background: url(/static/i/icon-delivery.jpg) left no-repeat; }
        .services TD H2.domains { background: url(/static/i/icon-domains.jpg) left no-repeat; padding-left: 56px; }
        


.balance-page TABLE.balance {
	}
	.balance-page TABLE.balance	TD {
		padding: 5px 10px 5px 10px;
	}
	
	
.balance-page TABLE.data {
    table-layout: auto;
    empty-cells: show;
    border-spacing: 0;
    border-collapse: separate;
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #585d61;
   	border-bottom: 1px solid #585d61;    
}

    .balance-page TABLE.data TH.value,
    .balance-page TABLE.data TD.value {
        text-align: right;
    }

    .balance-page TABLE.data TH { border-bottom: 1px solid #585d61; }

    .balance-page TABLE.data TH.value {
        color: #ddd;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #585d61;
        background: url(/static/i/price-th-bg.gif) bottom left no-repeat;
        width: 150px;
        height: 41px;
    }

    .balance-page TABLE.data TD {
        color: #ccc;
        line-height: 1.5em;
        border-left: 1px solid #494f54;
        border-right: 1px solid #494f54;
        padding: 5px 10px 5px 10px;
    }

    .balance-page TABLE.data TD.value {
        color: #9f0;
        text-align: center;
        border-left: none;
    }

    .balance-page TABLE.data TR.odd {
        background: #3a4147;
    }


@media print {

    #header .logo,
    #loginlink,
    #navigation,
    #footer,
    #ClickTaleDiv {
        display: none !important;
    }

    #header { height: auto; }

    #header .logo-print {
        text-align: center;
        display: block;
    }

    .bar { border: none !important; }

}