/* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com */
.presentation { height: 250px; border-bottom: 2px solid #eee; border-top: 1px solid #eee;
background: #28292a url("../images/presentation.png") no-repeat 0 0; }
.presentation .ppad { margin: 9px 0 0; height: 232px; overflow: hidden; position: relative; }
.presentation .ppad #pager { position: absolute; top: 200px; left: 28px; display: inline; }

.mainbox { padding: 33px 66px 0 66px; }
.mainbox .dtop { height: 80px; }
.mainbox h2 { height: 32px; line-height: 100px; margin: 0 0 0.5em 0; overflow: hidden; }
.mainbox p a { padding-right: 6px; background: url("../images/morearrow.png") no-repeat 100% 4px; }
.mainbox .dcont span { display: block; margin: 0 0 0.5em 0; }
.hnoimg, a.order, #footbar, a.uppage, a.back { overflow: hidden; white-space: nowrap; }
.mainbox .dtop a.order { float: left; margin: 10px 0 0 0; }

a.order, a.back { text-indent: 120px; display: block; width: 118px; height: 34px; background: #363638 url("../images/buttons.png") no-repeat 0 -68px; }
a.order:hover { background: #363638 url("../images/buttons.png") no-repeat 0 -102px; }

h1.template, h1.website, h1.icon, h1.services, h1.contacts, h1.preview, h1.allworks, h2.subheading { overflow: hidden; height: 42px; background-image: url("../images/headings.png"); background-repeat: no-repeat; }
h1.template { width: 170px; text-indent: 180px; background-position: 0 0; }
h1.website { width: 194px; text-indent: 200px; background-position: -174px 0; }
h1.icon { width: 130px; text-indent: 140px; background-position: -369px 0; }
h1.services { width: 123px; text-indent: 130px; background-position: -500px 0; }
h1.preview, h1.allworks { width: 263px; text-indent: 270px; background-position: 0 -216px; white-space: nowrap; }
h1.contacts { width: 168px; text-indent: 170px; background-position: -264px -216px; }
h1.allworks { width: 250px; background-position: 0 -380px; }

div.template { height: 248px; background: url("../images/mb_thm.jpg") no-repeat 0 65px; }
div.template .dcont, div.icon .dcont { padding: 0 0 0 239px; }
div.template h1, div.icon h1 { float: left; }

div.website { height: 268px; background: url("../images/mb_web.jpg") no-repeat 100% 0; }
div.website .dcont, div.services .dcont { padding: 0 163px 0 0; text-align: right; }
div.website h1, div.services h1, div.icon .dtop a.order, div.template .dtop a.order { float: right; }

div.icon { height: 250px; background: url("../images/mb_ico.jpg") no-repeat 0 59px; }
div.services { height: 267px; background: url("../images/mb_scs.jpg") no-repeat 100% 60px; }

div.template h2 { background: url("../images/headings.png") no-repeat 0 -47px; }
div.website h2 { background: url("../images/headings.png") no-repeat 100% -117px; }
div.icon h2 { background: url("../images/headings.png") no-repeat 0 -82px; }
div.services h2 { background: url("../images/headings.png") no-repeat 100% -152px; }

/*portfolio*/
#pfpreview { height: 450px; background: #1a1b1b url("../images/blackglassbg.jpg") no-repeat 0 0; }
.pfshadow { height: 25px; background: url("../images/shadow.png") repeat-x 0 0; }
#pfpreview .dtop, #formhead, #pfview .dtop { height: 79px; padding: 0 36px; overflow: hidden; }
#pfpreview .dcont { height: 337px; margin: 0 0 0 19px; overflow: hidden; }
#pfpreview .dbtm { padding: 0 36px; } 
#pfpreview .dtop h1, #formhead h1, .fh_services h1 { margin: 9px 0 0; color: #e3e3e3; }
h2.subheading { line-height: 60px; height: 13px; }
#pfpreview .dtop h2 { background-position: 0 -366px; }

#pfpreview .dtop h1.template { background-position: -325px -323px; }
#pfpreview .dtop h1.website { background-position: -130px -323px; }
#pfpreview .dtop h1.icon { background-position: 0 -323px; }

#pfpreview a.order, #pfview a.back { float: right; margin: 24px 0 0; background-position: 0 0; }
#pfpreview a.order:hover { background-position: 0 -34px; }

#pfpreview .dcont a, .nothumb { float: left; width: 270px; height: 159px; margin: 0 9px 8px 0; overflow: hidden; background: url("../images/pfprevbox.png") no-repeat 0 0; }
#pfpreview .dcont a span, #pfpreview .dcont a strong { display: block; cursor: pointer; overflow: hidden; }
#pfpreview .dcont a span { margin: 7px 0 0 7px; width: 256px; height: 117px; }
#pfpreview .dcont a strong { margin: 0 12px; padding: 8px 0 0; white-space: nowrap; color: #b6b6b6; }
#pfpreview .dcont a:hover { background-position: -270px 0; }
#pfpreview .dcont a:hover strong { color: #eb9500; }
.nothumb { background: url("../images/nothumb.png") no-repeat 0 0; }

/*view*/
#pfview .dtop { height: 70px; background: #1a1b1b url("../images/blackglassbg_mini.jpg") no-repeat 0 0; }
#pfview .dcont img { display: block; width: 865px; }
#pfview .dbtm { height: 24px; background: #1a1b1b url("../images/blackglassbg_mini.jpg") no-repeat 0 -70px; }
#pfview a.back { margin: 17px 0 0; width: 104px; background-position: 0 -204px; }
#pfview a.back:hover { background-position: 0 -238px; }
#pfview ul li, #pfview ul, #pfview ul span, #pfview ul div { float: left; }
#pfview ul { width: 485px; padding: 10px 0 0; }
#pfview ul li { width: 100%; color: #ffffff; }
#pfview ul li a { color: #fdb905; } 
#pfview ul span { width: 62px; padding-right: 8px; text-align: right; color: #787878; }
#pfview ul div { width: 410px; }

/*infoblocks*/
.infoblock { margin: 0 38px; padding: 15px 0; overflow: hidden; }
.infoblock .dtop, .infoblock .dcont { padding: 0 38px; }
.infoblock .dtop { height: 29px; margin: 0 0 4px 0; background: url("../images/info.png") no-repeat 0 0; overflow: hidden; }
.flower .dtop { background: url("../images/flower.png") no-repeat 0 0; height: 31px; margin: 0 0 2px 0; }
.infoblock .dtop h2 { margin: 7px 0 0; }
ul.threebox li, ul.twobox li { float: left; width: 33.3%; margin: 0 0 15px 0; }
ul.threebox li div, ul.twobox li div { padding-right: 25px; }
.caone, .catwo, .cathree { padding-left: 18px; }
.caone { background: url("../images/caone.png") no-repeat 0 4px; }
.catwo { background: url("../images/catwo.png") no-repeat 0 4px; }
.cathree { background: url("../images/cathree.png") no-repeat 0 4px; }

ul.twobox li, .svsbox ul { width: 49.9%; }
.inform div { background: #f5f2ea url("../images/inform.png") no-repeat 0 0; }
.inform div div { padding: 5px 15px 0 38px; height: 36px; background: transparent url("../images/inform.png") no-repeat 100% -41px; }

/*forms*/
.formbox, div.preview, .message { padding: 0; margin: 0 0 0 38px; width: 789px; overflow: hidden; background: #f5f2ea url("../images/formboxtop.png") no-repeat 0 0; }
.formbox .formbg, .message div { width: 100%; background: url("../images/formboxfoot.png") no-repeat 0 100%; }
.formbox .formbg .formbg { padding: 0 13px; width: auto; background: none; }
.ulform, .ulform li, .ulform li .label, .ulform li .field { float: left; }
.ulform, .ulform li { width: 100%; }
.ulform li .label { width: 212px; padding: 2px 13px 0 0; text-align: right; }
.ulform li .field { width: 530px; }
.ulform li { padding: 12px 0; background: url("../images/dotted.png") repeat-x 0 100%; }
.ulform li .field input, .ulform li .field select, .ulform li .field textarea { color: #848484; padding: 3px; }
.ulform .inputText { width: 354px; }
.ulform .select { width: 363px; }
.ulform .textarea { width: 520px; }
.ulform li.fsubmit { background: none; text-align: center; padding: 7px 0 12px 0; }
.ulform li .small { display: block; padding: 5px 0; }
.ulform .imp { margin: 3px 0 0; float: right; width: 14px; height: 10px; line-height: 40px; overflow: hidden; background: url("../images/imp.png") no-repeat 4px 0; }
.ulform li.fsubmit input { width: 118px; height: 34px; background: #363638 url("../images/buttons.png") no-repeat 0 -136px; }
.ulform li.fsubmit input:hover { background-position: 0 -170px; }

.message { background: #f5f2ea url("../images/message_info.png") no-repeat 0 50%; margin-bottom: 12px; }
.message div { background: url("../images/message_top.png") no-repeat 0 0; }
.message div div { padding: 8px 38px 8px 50px; width: auto; background: url("../images/message_foot.png") no-repeat 0 100%; }
.error { background: #f5f2ea url("../images/message_error.png") no-repeat 0 50%; }

.descript { background: url("../images/descript.png") no-repeat 0 2px; padding-top: 0; padding-bottom: 30px; }
div.preview { background: #f5f2ea url("../images/preview_top.png") no-repeat 0 0; }
.preview span { background: url("../images/preview_btm.png") no-repeat 0 100%; }
.preview span, .preview i { display: block; }
.preview i { color: #7e796c; padding: 12px 38px 22px 38px; }
.preview i { color: #7e796c; }

#formhead { height: 332px; }
#formhead h1.template { background-position: -195px -259px; }
#formhead h1.website { background-position: 0 -259px; }
#formhead h1.icon { background-position: -433px -215px; }
.fh_icon h2, .fh_website h2, .fh_template h2, .fh_services h2 { width: 94px; background-position: -238px -309px; }
.fh_services h2 { background-position: -333px -309px; }
.fh_contacts h2 { width: 116px; background-position: -121px -309px; }
.fh_preview h2 { width: 120px; background-position: 0 -309px; }
.fh_icon { background: url("../images/fh_icon.jpg") no-repeat 0 0; }
.fh_template { background: url("../images/fh_template.jpg") no-repeat 0 0; }
.fh_website { background: url("../images/fh_web.jpg") no-repeat 0 0; }
.fh_contacts { background: url("../images/fh_contacts.jpg") no-repeat 0 0; }
.fh_preview { background: url("../images/fh_preview.png") no-repeat 0 0; }

.fh_services, .svsbox { padding: 0 0 0 36px; overflow: hidden; }
.fh_services { height: 110px; background: url("../images/fh_services.png") repeat-x 0 0; }
.svsbox ul { float: left; }
.svsbox ul li { padding: 0 36px 0 118px; margin: 0 0 50px 0; background-position: 0 0; background-repeat: no-repeat; }
.svsbox ul li p { margin: 0 0 1em 0; }
.svsbox ul h2 { margin: 0 0 0.5em 0; }
.svs_logo { background-image: url("../images/svs_logo.png"); }
.svs_mod { background-image: url("../images/svs_mod.png"); }
.svs_thmst { background-image: url("../images/svs_thmst.png"); }
.svs_banners { background-image: url("../images/svs_banners.png"); }
.svs_scripts { background-image: url("../images/svs_scripts.png"); }
.svs_setup { background-image: url("../images/svs_setup.png"); }
.price { width: 99px; height: 18px; background: #8a8a8a url("../images/price.png") no-repeat 0 0; color: #fff; text-align: center; line-height: 17px; }