body.public { background:url(../images/public/bg.gif) repeat 0 0; min-width:960px; }

body.single { background:url(../images/public/header.gif) repeat 0 0; }

body.system { background:url(../images/public/header.gif) repeat 0 0; }

a, a:hover { color:#3684e3; }

h1, h2, h3 { color:#31332f; }


/*-------------------------------------- blocks ------------------------------------*/
div.header {
    border-top:1px solid #fff;
    background:url(../images/public/header.gif) repeat 50% 0;
    padding:35px 20px 93px;
}
div.header h1,
div.header span {
    background:url(../images/public/logo.png) no-repeat 8px 3px;
    margin:0 auto;
    width:315px; height:105px;
    display:block;
    overflow:hidden;
    text-indent:-999px;
}
div.header h1 a, div.header h1 span { display:block; height:105px; }


div.login {
    position:absolute; top:0; right:6px; z-index:1;
    color:#fff;
    height:25px; line-height:25px;
    white-space:nowrap;
    font-size:12px;
}
div.login a {
    background:url(../images/public/login.gif) no-repeat 0 0;
    margin-left:5px;
    display:inline-block;
    min-width:70px; height:25px;
    text-align:center;
    color:#fff;
}
div.login a[rel=toggle] { border:none; }
div.login a span {
    background:url(../images/public/login.gif) no-repeat 100% -25px;
    padding:0 7px;
    display:block;
}

div.userbar { position:relative; z-index:50; margin:0 auto; width:960px; }
div.userbar div.modal-bind { position:absolute; top:26px; right:0; padding-top:12px; }
div.userbar div.modal1 div.modal-spacer {
    position:absolute; top:2px; right:30px; z-index:1;
    background:url(../images/skin/1_arrow_top.png) no-repeat 100% 0;
    width:21px; height:12px;
}


div.sign-in p { margin-bottom:9px; width:220px; }
div.sign-in table.form-h th { white-space:nowrap; }


p.upload { background:url(../images/public/upload_en.png) no-repeat 0 0; margin:0 auto 15px; padding:2px 0 0 6px; width:466px; height:78px; }
p.upload a { cursor:pointer; }
p.upload a,
p.upload span.upload { width:460px; height:68px; display:block; white-space:nowrap; overflow:hidden; text-indent:-999px; }

p.upload-hint { margin-bottom:5px; text-align:center; color:#716d6d; font:11px "Tahoma",serif; }

p.upload-note {
    position:absolute; top:-163px; right:20px; z-index:1;
    background:url(../images/public/badge.png) no-repeat 0 0;
    padding-left:60px;
    width:179px; height:198px;
    text-align:center;
}
p.upload-note span { padding:23px 10px 0; width:147px; height:125px; display:block; font-size:14px; }
p.upload-note span em { display:inline; line-height:57px; font-size:42px; font-style:normal; }
p.upload-note strong { margin-bottom:5px; display:block; font-size:24px; font-weight:normal; }

p.upload-title { margin-bottom:10px; text-align:center; color:#31332f; font-size:36px; }

div.upload { margin:0 auto; padding:1px 0; width:960px; font:normal 12px Georgia,"Times New Roman",Garamond,serif; }

html[lang=ru] p.upload { background:url(../images/public/upload_en.png) no-repeat 0 0; }


div.features { margin:0 auto; overflow:hidden; width:960px; }
div.features dl,
div.features div { width:170px; float:left; }
div.features h2 { margin:0; padding:0 0 10px; min-height:50px; color:#fff; font-size:18px; font-family:Georgia,"Times New Roman",Garamond,serif; }
div.features dl dt { padding:0 0 10px 70px; min-height:50px; font-size:18px; font-family:Georgia,"Times New Roman",Garamond,serif; }
div.features dl dd { padding:0 0 0 70px; }
div.features div { padding:0 0 0 70px; }
div.features dl.uploading,
div.features div.features-uploading { background:url(../images/public/features_upload.png) no-repeat 15px 0; }
div.features dl.comments,
div.features div.features-comments { background:url(../images/public/features_comments.png) no-repeat 15px 0; }
div.features dl.projects,
div.features div.features-projects { background:url(../images/public/features_projects.png) no-repeat 15px 0; }
div.features dl.sketch,
div.features div.features-sketch { background:url(../images/public/features_sketch.png) no-repeat 15px 0; }


div.footer { width:950px; margin:-7px auto 0; padding-left:10px; }


div.contacts { display:none; }
div.contacts th { padding:3px 10px 3px 0; }
div.contacts td { padding:3px 0; }
div.contacts table { margin:3px 0 15px; }


ul.social { font-size:12px; }
ul.social li { padding:40px 8px 0; display:inline-block; vertical-align:top; text-align:center; white-space:nowrap; }
ul.social li.twitter { background:url(../images/public/twitter.png) no-repeat 50% 0; }
ul.social li.facebook { background:url(../images/public/facebook.png) no-repeat 50% 0; }


p.copyright { color:#909090; }


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


div.tour { margin:0 auto; width:920px; zoom:1; }
div.tour ol {
	position:absolute; z-index:10;
	font-size:12px;
	list-style:none;
}
div.tour ol li { position:absolute; z-index:1; font-size:11px; }
div.tour p { margin:0 auto 10px; width:440px; font-size:14px; }
div.tour-preview { margin-bottom:10px; text-align:center; }

nav.tour { padding-top:10px; }
nav.tour ul { text-align:center; }
nav.tour ul li { margin:0 7px; padding:0 3px; display:inline-block; font-size:18px; }
nav.tour ul li a { cursor:pointer; }
nav.tour ul li.active { background-color:#0078a9; }
nav.tour ul li.active,
nav.tour ul li.active a,
nav.tour ul li.active a:hover { border:none; color:#fff; cursor:default; }


div.price { margin:0 auto; padding:0 20px; width:950px; }
div.price h2,
div.price h3 {
    background:url(../images/public/badge2_arrow.png) no-repeat 250px 28px;
    margin:0; padding-bottom:20px;
    text-align:center;
    font-size:36px;
}
div.price div.footnote { display:none; }


div.payment { 
    border:2px solid #acc2c3;
	background:#e5e9eb;
	margin:20px auto;
    width:685px;

	-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
}
div.payment header {
    background:#fff;
    padding:11px 18px 1px 28px;
    min-height:68px;
    zoom:1;
}
div.payment header h1 {
    background:url(../images/logo.png) no-repeat 0 0;
    width:151px; height:50px;
    float:left;
    white-space:nowrap;
    overflow:hidden;
    text-indent:-999px;
}
div.payment header img { float:right; }
div.payment div.bill { background:#fff; padding:1px 18px 32px; }
div.payment input[type=text],
div.payment select { font-size:18px; font-weight:bold; }
div.payment div.form-item { margin:0; padding-bottom:10px; }
div.payment div.form-country select { width:250px; }
div.payment div.form-city { width:155px; float:left; }
div.payment div.form-city input { width:125px; }
div.payment div.form-zip input { width:95px; }
div.payment div.form-expiration { width:125px; float:left; }
div.payment div.form-expiration input { width:35px; text-align:center; }
div.payment div.form-cvc label { border-bottom:1px dotted #065d92; color:#065d92; }
div.payment div.form-cvc input { width:55px; text-align:center; }
div.payment div.form-block { padding:0 0 15px 18px; width:300px; float:left; }
div.payment div.form-block h2 {
    background-color:#acc2c3;
    margin-left:-18px; padding:7px 0 7px 18px;
    color:#fff;
    font-size:18px; font-weight:normal;
    zoom:1;
}
div.payment div.form-card { width:349px; }
div.payment div.form-card h2 { background:url(../images/skin/16x16_card_data.png) #acc2c3 no-repeat 16px 50%; padding-left:36px; }
div.payment div.buttons {
    background:url(../images/skin/bg_buttons.gif) repeat 0 0;
    padding:11px 18px;
    color:#b4b4b3;
    clear:both;
    zoom:1;
}
div.payment div.buttons a,
div.payment div.buttons input { vertical-align:middle; }
div.payment div.buttons a,
div.payment div.buttons a:hover { color:#fff; }
div.payment div.buttons a[rel=toggle],
div.payment div.buttons a[rel=toggle]:hover { border-bottom:none;/*border-bottom-color:#fff;*/ }
div.payment div.buttons a[rel=toggle]:hover { text-decoration:underline; }
div.payment div.preloader div.preoverlay { background-color:#acc2c3; }


div.e404,
div.denied { padding:90px 20px 20px 170px; line-height:normal; }
div.e404 { width:385px; }
div.denied { width:650px; }
div.e404 h1,
div.denied h1 {
    position:absolute; z-index:1;
    background:url(../images/skin/logo_big.png) repeat 0 0;
    margin-left:-90px;
    width:76px; height:93px;
    white-space:nowrap;
    overflow:hidden;
    text-indent:-999px;
}
div.e404 h2,
div.denied h2 { margin:-15px 0 10px; white-space:nowrap; font-size:48px; }
div.e404 h2 span,
div.denied h2 span { display:block; font-size:72px; }
div.e404 p,
div.denied p { margin-bottom:18px; }


/*------------------------------------ layout --------------------------------------*/
header.layout { background:url(../images/public/bar.gif) repeat 50% 0; }

section.features { background:url(../images/public/shdw_top.png) repeat-x 0 0; color:#fff; padding:41px 0 28px; }
section.tour { background:#edf4e5; padding:24px 0 24px; color:#000; }
section.tour h2, section.tour h3 { text-align:center; font-size:36px; }
section.price { background:#fff; padding:24px 0 50px; }
section.upload { background-color:#777a71; padding-bottom:1px; }
section.upload h1,
section.upload h2 { margin:-55px 0 0; padding-bottom:15px; text-align:center; }
section.upload h1 { font-size:36px; }
section.upload div.upload { position:relative; top:-57px; z-index:1; }

footer { padding-bottom:20px; color:#fff; }
footer a { color:#fff; }
footer a[rel=toggle] { border-bottom-color:#fff; }
footer a:hover { color:#909090; }
footer a[rel=toggle]:hover { border-bottom-color:#909090; }
footer p.upload {
    position:relative; top:-31px; z-index:1;
    background:url(../images/public/upload2_en.png) no-repeat 0 0;
    margin:0 auto;
    width:346px; height:64px;
}
footer p.upload a,
footer p.upload span.upload { width:340px; height:54px; }
footer ul.social { float:right; }
footer nav { margin-bottom:14px; }
footer nav ul li { padding-right:7px; display:inline; }