@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0;} a { color:#C67009; text-decoration:none} a:hover { color:#fff; } img { border:0;} body { background-color:#000; color:#838383; font-family:Arial, Helvetica, sans-serif; font-size:13px; cursor:default;} h4 { color:#FFF; font-size:12px; font-weight:bold; margin:10px 0;} #wrapper { width:882px; margin:0 auto; } .clear { clear:both; height:0px; overflow:hidden; } #header { height:100px; padding:35px 0 0 30px; font-weight:bold;} #header h1 { height:62px; width:325px; background:url(../images/wedsite-logo.jpg); float:left;} #header h1 span { display:none;} #header ul { height:59px; display:block; width:500px; float:right; margin-top:-5px;} #header li { width:115px; list-style:none; margin-left:45px; padding-left:9px; line-height:21px; background:url(../images/sqare.gif) no-repeat 0 5px; display:inline; } #header li.more { margin-left:105px;} #tagline { display:none;} #banner { height:410px; position:relative;} #banner a { position:absolute; left: 532px; top: 260px; width: 213px; height: 19px; padding:17px 0 16px 25px; background:url(../images/order-btn.png) no-repeat 0 0;} #banner a:hover { background:url(../images/order-btn.png) no-repeat 0 100%;} #content { padding:0 0 30px 22px;} /* invitations */ #top_content #sidebar { float:left; width:277px;} #top_content #sidebar ul { padding:0 0 17px 0; margin:0;} #top_content #sidebar li { width:256px; margin:0; list-style:none; background:#ff9000; padding:9px 9px 9px 12px; border-bottom:1px solid #cb7300; font-size:14px; } #top_content #sidebar li a { background:url(../images/sidebar_li.gif) no-repeat 1px 3px; color:#000; padding-left:12px; display:block;} #top_content #sidebar li.first { padding:9px 9px 9px 12px; background:url(../images/hover_top.png) left top no-repeat #ff9000; } #top_content #sidebar li.last { padding:9px 9px 9px 12px; background:url(../images/hover_bottom.png) left bottom no-repeat #ff9000; border:0; } #top_content #sidebar li a:hover { text-decoration:underline;} #top_content #sidebar li:hover { background:#FFF; } #top_content #sidebar li.first:hover{ background:url(../images/top.png) left top no-repeat #FFF; } #top_content #sidebar li.last:hover { background:url(../images/bottom.png) left bottom no-repeat #FFF; border:0; } #top_content #sidebar .block { width:277px; padding-bottom:7px; text-align:center; background:url(../images/block_bott.png) left bottom #313131 no-repeat; overflow:hidden; margin-bottom:17px;} #top_content #sidebar .block h3 { width:277px; background:url(../images/block_top.png) left top no-repeat; text-align:left; padding:10px 13px 10px 15px; border-bottom:1px solid #ff9000; margin-bottom:17px; font-size:16px; font-weight:bold;} #top_content #sidebar .block a.a_more{ float:right; background:url(../images/a_more.png) right 2px no-repeat; padding:3px 25px 2px 0; margin-right:7px;} #top_content #info { float:left; width:555px; padding-left:28px; overflow:hidden;} #top_content #info h2 span { display:none;} #top_content #info p,li { text-align:justify; font-size:14px; color:#d8d7d7;} h2.t1 { background:url(../images/f-thing.gif) no-repeat; height:33px; width:547px;} h2.t2 { background:url(../images/text-samples.gif) no-repeat; height:34px; width:370px;} h2.t3 { background:url(../images/selecting-cards.gif) no-repeat; height:42px; width:510px;} h2.t4 { background:url(../images/wedsite-title.gif) no-repeat; height:77px; width:541px;} h2.t5 { background:url(../images/wedpage-title.gif) no-repeat; height:41px; width:386px;} h2.t6 { background:url(../images/your-info-title.gif) no-repeat; height:30px; width:375px;} h2.t7 { background:url(../images/your-photos.gif) no-repeat; height:41px; width:181px;} h2.t8 { background:url(../images/steps-title.gif) no-repeat; height:41px; width:330px;} h2.t9 { background:url(../images/ordering-title.png) no-repeat; height:41px; width:372px;} h2.t10 { background:url(../images/plan-title.gif) no-repeat; height:25px; width:100px;} #galery { } ul#galery li { float:left; background-color:#313131; border:1px solid #666666; list-style:none; text-align:center; width:260px; height:260px; line-height:250px; margin:0 0 5px 0;} ul#galery li.midlle { margin:0 5px;} ul#galery li:hover { background-color:#696969; border-color:#b1b1b1;} ul#galery li img { } a.lightbox_a { font-size:14px; color:#df2626; } a.lightbox_a:hover { text-decoration:underline;} /* Register page */ #register input, .input { height:25px; width:165px; margin-bottom:4px; padding:3px 2px 2px 5px; background:#323232; border:1px solid #696969; font-size:16px; color:#fff; } #register input#link_input { width:546px; } #register input#send { height:44px; width:165px; margin-top:10px; padding:0px; border:0; float:right; } #total_price { font-size:16px; color:#990;} table tr { vertical-align:middle; } #with_bg { height:24px; width:155px; padding:4px 2px 2px 180px; background:url(../images/wed_input_bg.gif) no-repeat 0 0; border:1px solid #696969; font-size:16px; color:#fff; } #personal_dom { height:25px; width:260px; margin-bottom:4px; padding:0px 1px 1px 1px; background:#323232; border:1px solid #696969; font-size:18px; color:#fff;} #invitation_text { width:380px; margin-bottom:4px; padding:3px 2px 2px 5px; background:#323232; border:1px solid #696969; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; } #register input#count { height:25px; width:65px; } #register input#box, #info input.boxx { height:12px; margin-top:4px; width:12px; background:#323232; border:0px solid #696969; font-size:18px; color:#fff; } /* Register2 page */ #register2 input { height:25px; width:330px; margin-bottom:4px; padding:3px 2px 2px 5px; background:#323232; border:1px solid #696969; font-size:18px; color:#fff; } #register2 input#link_input { width:546px; } #register2 input#send { height:44px; width:165px; margin-top:10px; padding:0px; border:0; float:right; } #register2 input#box { height:12px; margin-top:4px; width:12px; background:#323232; border:0px solid #696969; font-size:18px; color:#fff; } #register2 input#with_bg { background:url(../images/wed_input_bg.gif) no-repeat 0 0; width:155px; padding:3px 2px 2px 180px; } /**/ #gallery_banner { height:212px; padding-bottom:37px; background:url(../images/akcia.png) no-repeat center top; position:relative;} #gallery_banner a.more{ position:absolute; left: 130px; top: 136px; width: 176px; height: 11px; padding:33px 0 0 25px; background:url(../images/more.png) no-repeat 0 0; overflow:hidden; } #gallery_banner a.more:hover{ width: 176px; height: 11px; overflow:hidden; background:url(../images/more.png) no-repeat 0 -44px;} #gallery_banner p { position:absolute; left: 130px; top: 36px; width: 638px; font-size:14px; color:#FFF;} #gallery_banner p a { position:static; background:none; padding:0;} #gallery_banner2 { height:212px; /*padding-bottom:37px;*/ position:relative; margin-bottom:10px;} #content h1 { font-size:32px; color:#f79206; padding-bottom:15px; font-weight:normal;} #content h2 { font-size:22px; padding-bottom:10px;} #content p { font-size:13px; color:#CCC; padding-bottom:15px;} #content p strong { } .photo { background:url(../images/photo.jpg) left 8px no-repeat;} .design { background:url(../images/design.jpg) left 5px no-repeat;} .prise { background:url(../images/price.jpg) left 4px no-repeat;} .tools { background:url(../images/tools.jpg) left 5px no-repeat;} .photo:hover { background:url(../images/photo.jpg) left -192px no-repeat;} .design:hover { background:url(../images/design.jpg) left -195px no-repeat;} .prise:hover { background:url(../images/price.jpg) left -196px no-repeat;} .tools:hover { background:url(../images/tools.jpg) left -195px no-repeat;} #top_content { padding-bottom:20px;} #top_content ul { padding:0 0 10px 37px;} #top_content ul li { } #top_content ol { padding:0 0 10px 37px; color:#fff;} #top_content ol li { padding-bottom:10px; } #top_content ol li ul{ padding:0;} #top_content ol li ul li{ padding:5px 0; list-style:none;} #bottom_content { } .pre { color:#ef8500;} .univers { color:#cede63;} .leg { color:#8bc8d6;} #bottom_content td.last{ border-right:0;} #bottom_content td { border-right:1px solid #323232; padding:0 0 0 13px; height:22px;} #bottom_content td strong{ color:#FFF;} #bottom_content tr.one{ background:#1a1a1a;} #bottom_content tr.first td{ border:0; padding:0 0 5px 0px;} #bottom_content td.last a{ position:relative; left:-1px;} #bottom_content tr.buttons td{ padding:0 0 5px 0; color:#545454;} a.pur1 { background:url(../images/pur1.png) no-repeat 0 0; padding:0px 81px 42px 80px;} a.pur2 { background:url(../images/pur2.png) no-repeat 0 0; padding:0px 81px 42px 80px;} a.pur3 { background:url(../images/pur3.png) no-repeat 0 0; padding:0px 81px 42px 80px;} a.pur1:hover { background:url(../images/pur1.png) no-repeat 0 100%; padding:0px 81px 42px 80px;} a.pur2:hover { background:url(../images/pur2.png) no-repeat 0 100%; padding:0px 81px 42px 80px;} a.pur3:hover { background:url(../images/pur3.png) no-repeat 0 100%; padding:0px 81px 42px 80px;} #selection { float:left; padding:21px 0 0 45px; color:#fff; } #selection h2 { font-size:20px; } #universal { width:275px; float:left; overflow:hidden;} #pre { width:278px; float:left; overflow:hidden;} #own { width:230px; float:left; overflow:hidden;} #selection ul { padding:15px 0 17px 0; overflow:hidden;} #selection #universal li.universal a:hover,#selection #pre li.premium a:hover,#selection #own li.own a:hover { color:#fff;} #selection li { list-style:none; background:url(../images/li.gif) no-repeat 0px 6px; padding-left:9px; } #selection #pre li { list-style:none; background:url(../images/li1.png) no-repeat 0px 6px; padding-left:9px; } #selection #own li { list-style:none; background: none; padding-left:0px; text-align:left;} #selection li.universal { color:#A2BE22; background:url(../images/1.gif) no-repeat 0 0; font-weight:bold; padding:8px 0 18px 0; margin-top:10px; } #selection li.universal a{ padding:0 0 0 56px; color:#a2be22;} #selection #pre li.premium { color:#FF9000; background:url(../images/2.gif) no-repeat 0 0; font-weight:bold; padding:8px 0 18px 0; margin-top:10px; } #selection #pre li.premium a { padding:0 0 0 56px; color:#e45000;} #selection #own li.own { color:#747474; background:url(../images/3.gif) no-repeat 0 0; font-weight:bold; padding:8px 0 18px 0; margin-top:10px; } #selection #own li.own a{ padding:0 0 0 56px; color:#747474; } #bottom { padding:0px 0 0 45px; margin-top:28px; overflow:hidden;} #description_block { width:575px; float:left;} #description_block h2 { font-size:22px; font-weight:normal; color:#FF9000; padding-bottom:0px; position:relative; top:5px;} #description_block div { padding:25px 5px 0 102px; width:178px; height:100px; float:left; line-height:14px;} #description_block div h3{ font-size:13px; color:#FFF; padding-bottom:5px;} #description_block div:hover{ color:#FFF;} #description_block div:hover h3{ color:#FF9000;} #demo_box { width:262px; float:left;} #demo_box h2 { width:262px; color:#BCBCBC; font-size:20px; font-weight:normal; background:url(../images/arrow.gif) right 6px no-repeat; padding-bottom:13px;} #copy { padding:5px 0 15px 32px; font-size:11px; color:#4D4D4D;} #copy a { color:#4D4D4D; float:left;} #copy a.site { float:none;} #copy #description a{ float:none; color:#4D4D4D; text-decoration:underline;} #copy #description a:hover{ color:#838383; text-decoration:none;} #copy p { padding-top:8px;} #copy img { margin-right:3px;} #description { float:right; width:650px; text-align:left; font-size:11px; padding-top:8px;} /* ---Contacts --- */ #contact_container { } #lcontact { float:left; width:418px; padding-right:15px; color:#767676; } #lcontact div { height:42px; margin-bottom:4px; padding:5px 15px 0 16px; background:#1a1a1a; } #lcontact span.r { font-size:28px; text-align:right; float:right; } #lcontact span.l { font-size:14px; padding-top:10px; float:left; color:#b36c1a;} #rcontact { float:left; width:427px; overflow:hidden; } #rcontact input { width:394px; margin-bottom:4px; padding:11px 15px 14px 16px; background:#323232; border:1px solid #696969; font-size:18px; color:#fff; } #rcontact textarea { width:394px; margin-bottom:4px; padding:10px 15px 10px 16px; background:#323232; border:1px solid #696969; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; } #rcontact input#subm_but { height:44px; width:165px; margin:8px 0 0 0; padding:0; float:right; border:0;} /* ---Testimonials --- */ div#testimonials h2 { font-size:20px; font-weight:normal; color:#FF9000; padding-bottom:13px;} div#testimonials { margin:10px 0 16px; height:80px;} div.avatar { background:url(../images/avatar_bg.jpg) no-repeat; width:46px; height:44px;float:right;} div.avatar img { padding-left:6px;padding-top:4px;} blockquote { font-size: 20px; padding:0px 0px 0px 18px; line-height:22px; background:url(../images/quotetop.png) no-repeat left 3px; font-style:italic;} blockquote span { background:url(../images/quotebottom.png) no-repeat right 5px;padding-right:18px;} .tstm_author { background-image:none; font-size:12px; font-weight:normal} .pics_container { overflow:hidden;height:263px;width:372px;padding-top:24px;padding-left:10px;} .pics img { top:0;left:0}