/*
Description:  "Photobook"
Version:  1.0
Author: V. Rootical
Author URL:  http://www.qservice.by
*/

html,body {
margin:0;
padding:0;
}

body {
text-align:center;
font-family: Tahoma, sans-serif;
font-size:62.5%;
}

input, select, th, td{
font-size: 1em;
}

img {
border:0;
}

p {
margin:0;
padding:0;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
color: #b1b1b3;
text-decoration: none;
}

#wrapper {
position: relative;
width: 1000px;
height: 1431px;
margin:0 auto;
}

#wrapper span {       
display:block;
position:absolute;
width:20px;
height:19px;
background-image:url(img/angles.png);
z-index: 10;
}

.top-left {
top:0;
left:-1px;
}

.top-right {
top:0;
right:-1px;
background-position:100% 0;

}

.bottom-left {
bottom:0;
left:-1px;
background-position:0 100%;
}

.bottom-right {
bottom:0;
right:-1px;
background-position:100% 100%;
}

.left {
position:absolute;
left:-1px;
top:0;
width: 20px;
height:1431px;
background-image: url(img/left.png);
background-repeat: y;
z-index: 9;
}

.right {
position:absolute;
right:-1px;
top:0;
width: 20px;
height:1431px;
background-image: url(img/right.png);
background-repeat: y;
z-index: 9;
}

.top {
position:absolute;
left:-1px;
top:0;
width: 1000px;
height:19px;
background-image: url(img/top.png);
background-repeat: x;
z-index: 9;
}

.bottom {
position:absolute;
left:-1px;
bottom:0;
width: 1000px;
height:19px;
background-image: url(img/bottom.png);
background-repeat: x;
z-index: 9;
}

#green {
float:left;
position:relative;
width:1000px;
height:100px;
background:url(img/logo.jpg);
z-index:11;
margin-top:39px;
}

#top-menu {
position:absolute;
right:10px;
top:17px;
height:15px;
z-index:10;
font-size:1.1em;
color: #9f9e9e;
}

a.top-menu {
color: #9f9e9e;
text-decoration:none;
}

a.top-menu:hover {
text-decoration:underline;
color: #6e6d6d;
}


#logo {
position: absolute;
top:30px;
left:28px;
width:200px;
height: 50px;
}

#menu {
position:relative;
float:left;
display:inline;
margin-left:8px;
width: 235px;
height: 395px;
background: url(img/menu.jpg);
z-index:12;
text-align:left;
}



#menu-inner {
width:190px;
margin: 38px;
margin-top:67px;
}

.clear {
width:190px;
height:6px;
}

a.menu {
font-size:1.8em;
font-weight:none;
text-decoration:none;
color:#452200;
}

a.menu:hover {
font-size:1.8em;
font-weight:none;
color:#452200;
text-decoration:underline;
}

a.order {
font-size: 1.6em;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.order:hover {
font-size: 1.6em;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#order {
position:absolute;
bottom:72px;
left:61px;
padding-left: 8px;
padding-right: 8px;
padding-top: 9px;
height: 32px;
background: #961500;
color:#fff;
font-weight:bold;
width:140px;
}


#book {
position:relative;
float:left;
display:inline;
width:757px;
height:602px;
text-align:left;
background-image: url(img/book.jpg);
background-position: 0 0;
z-index:12;
}

#cutwoman {
position:relative;
float:left;
clear:left;
width:243px;
height:202px;
background-image:url(img/cutwoman.jpg);
background-color:transparent;
z-index:11;
margin-top:-207px;
}

#contacts {
position:absolute;
width:150px;
height:90px;
right:5px;
top:35px;
color:#fff;
font-size:1.7em;
}

#skype {
position:absolute;
width:200px;
height:40px;
right:13px;
bottom:27px;
color:#fff;
font-size:1.5em;
text-align:right;
}

p.consult {
font-size:0.6em;
margin-top:10px;
margin-bottom:10px;
}

#paper {
position:absolute;
width:872px;
height:65px;
top: 736px;
right:-1px;
background: url(img/paper.jpg);
z-index:10;
}

#blue-paper {
position: absolute;
width:114px;
height:44px;
top:1090px;
right:0;
background: url(img/blue-paper.jpg);
z-index:10;
}

#gradient {
position:absolute;
width:969px;
height:156px;
bottom:24px;
left:20px;
background: url(img/gradient.jpg);
}

#book-content {
position:relative;
float:left;
width:565px;
height: 550px;
margin-left:73px;
display:inline;
}


.h2 {
float:left;
font-size: 1.5em;
font-weight:none;
margin:0;
padding:0;
color:#a69b6d;
border-bottom: 1px solid #e6ddbb;
}

.heading {
float:left;
margin-top:18px;
padding-left: 17px;
padding-right: 17px;
padding-top: 9px;
height: 32px;
background: #961500;
font-size: 1.6em;
color:#fff;
font-weight:bold;
clear:left;
}

#frames {
float:left;
width: 198px;
clear:left;
margin-top:14px;
}

.frame {
float:left;
width:198px;
height:154px;
background: url(img/frame.png) no-repeat;
margin-top:9px;
}

.inner-frame {
padding: 11px;
}

#book-text {
float:left;
display:inline;
width: 350px;
margin-top:23px;
margin-left:14px;
color:#452200;
font-size: 1.2em;
}

#pages {
position:absolute;
bottom:0;
left:0;
width:100%;
height:30px;
border-top:1px solid #e6ddbb;
font-size: 1.5em;
color:#a69b6d;
}

div.number {
float:left;
height:30px;
margin-top:7px;
display:inline;
}

a.numbers {
color:#a69b6d;
text-decoration:none;
}

a.numbers:hover {
color:#a69b6d;
text-decoration:underline;
}

div.readnext {
float:right;
height:30px;
margin-top:7px;
display:inline;
}

#left {
position: relative;
float:left;
width: 243px;
background:transparent;
margin-top:24px;
z-index:10;
}

#works {
float:left;
width: 243px;
height:296px;
background:transparent;
font-size:1.4em;
}

.head {
float:left;
width:100%;
color:#00ac00;
font-size: 2.6em;
border-bottom: 1px solid #dddddd;
text-align:right;
padding-bottom:5px;
z-index:100;
}


.inner{
position: relative;
float:left;
width:100%;
padding-top:13px;
padding-left:17px;
text-align:left;
color:#666666;
display:inline;
}

p.grey-head {
font-size: 1.1em;
color:#666666;
margin:0;
padding:0;
}

p.work {
margin-top:15px;
}

a.work-link {
color:#666666;
text-decoration:underline;
}

a.work-link:hover {
color:#666666;
text-decoration:none;
}

a.photographer {
color:#0d73a2;
text-decoration:underline;
}

a.photographer:hover {
color:#0d73a2;
text-decoration:none;
}

#right {
position:relative;
float:left;
width: 627px;
background:transparent;
margin-top:24px;
padding-left: 65px;
padding-right: 65px;
display:inline;
z-index:10;
}

#news {
position:relative;
float:left;
width:100%;
}

#news1 {
float:left;
width: 292px;
height:270px;
font-size:1.4em;
}

#news2 {
float:right;
width: 292px;
font-size:1.4em;
}

#orderbook {
position:relative;
float:left;
overflow:hidden;
}

div.studio {
float:left;
margin-left:82px;
margin-top:37px;
font-size:1.1em;
display:inline;
}

a.studio {
color:#a8a8a8;
}

a.studio:hover {
color:#a8a8a8;
text-decoration:none;
}

a.crown-link {
display:block;
width:94px;
background-image:url(img/crown.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#a8a8a8;
}

a.crown-link:hover {
display:block;
width:94px;
background-image:url(img/crown-hover.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#000;
text-decoration:none;
}

a.bobr-link {
display:block;
width:94px;
background-image:url(img/bobr.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#a8a8a8;
}

a.bobr-link:hover {
display:block;
width:94px;
background-image:url(img/bobr-hover.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#000;
text-decoration:none;
}

a.mogilev-link {
display:block;
width:94px;
background-image:url(img/mogilev.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#a8a8a8;
}

a.mogilev-link:hover {
display:block;
width:94px;
background-image:url(img/mogilev-hover.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#000;
text-decoration:none;
}

a.gomel-link {
display:block;
width:94px;
background-image:url(img/gomel.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#a8a8a8;
}

a.gomel-link:hover {
display:block;
width:94px;
background-image:url(img/gomel-hover.png); 
background-position: 50% 0%;
background-repeat:no-repeat;
color:#000;
text-decoration:none;
}

#meloni {
position:absolute;
bottom:45px;
left:50px;
width:240px;
height:22px;
z-index:10;
font-size:1.1em;
text-align:left;
color:#a9a9a9;
}

#qservice  {
position:absolute;
bottom:45px;
right:50px;
width:240px;
height:22px;
z-index:10;
font-size:1.1em;
color:#a9a9a9;
text-align:right;
}

a.q-link {
color:#a8a8a8;
}

a.q-link:hover {
color:#000;
text-decoration:none;
}

a.white {
color:#fff;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

a.white:hover {
color:#fff;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}

#print {
position: absolute;
width:108px;
top:770px;
right:0;
z-index:11;
}

#subscribe {
position: absolute;
width:80px;
bottom:307px;
right:16px;
z-index:11;
}

#book-content-inner {
float:left;
width:565px;
height: 410px;
margin-top:14px;
clear:left;
color:#452200;
font-size: 1.2em;
display:inline;
}

a.book-link{
color: #000;
text-decoration: underline;
}

a.book-link:hover {
color: #b1b1b3;
text-decoration: none;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
color: #b1b1b3;
text-decoration: none;
}

#prozone {
float:left;
clear:left;
width:244px;
height:296px;
}

#feedback {
z-index:20;
float:left;
}

#coarse1 {
font-size:1.2em;
font-weight:bold;
left:105px;
position:absolute;
text-align:left;
top:510px;
width:130px;
z-index:1000;
}

#coarse2 {
font-size:1.2em;
font-weight:bold;
left:-15px;
position:absolute;
top:12px;
width:300px;
z-index:1000;
}