#wrap {
width:100%;
min-width:980px;
min-height:100%;
position:relative;
overflow:hidden;
z-index:2;
background:url('../img/wrap.jpg') no-repeat 0 100%;
}
.both {
width:100%;
clear:both;
overflow:hidden;
}
#spacer {
width:100%;
height:555px;
clear:both;
overflow:hidden;
}
#bg {
width:100%;
min-width:980px;
height:635px;
margin:-635px 0 0 0;
positon:relative;
z-index:0;
background:url('../img/bg.png') repeat-x 0 0;
}
#preloader {
width:100%;
min-width:980px;
margin:-370px 0 0 0;
text-align:center;
z-index:1;
}

/* --- footer */
#footer {
width:100%;
min-width:980px;
height:200px;
margin:-200px 0 0 0;
position:relative;
overflow:hidden;
z-index:3;
background:url('../img/footer.png') repeat-x 0 92px;
}
#footer .pic {
width:105px;
height:137px;
position:absolute;
top:63px;
right:0px;
z-index:1;
background:url('../img/footer_pic.png') no-repeat 0 0;
}
#copy {
width:100%;
position:absolute;
top:170px;
left:0px;
text-align:center;
}
#card {
width:235px;
height:55px;
padding:20px 0 0 65px;
position:absolute;
top:102px;
left:105px;
background:url('../img/card.jpg') no-repeat 0 0;
}
#counter {
position:absolute;
top:103px;
right:150px;
}
#counter img {dsiplay:block;}
#nav {
width:100%;
position:absolute;
top:65px;
left:0px;
text-align:center;
color:#fff !important;
font-size:11px;
}
#nav a {
text-decoration:none;
}
#nav a:hover {
color:#d5aaa9;
}


/* --- header */
#header {
width:100%;
height:150px;
position:relative;
overflow:hidden;
}
#header .shadow {
width:160px;
height:65px;
position:absolute;
top:0px;
left:0px;
z-index:1;
background:url('../img/header_shadow.jpg') no-repeat 0 0;
}
#header .space {
width:464px;
height:120px;
margin:0 0 0 -232px;
position:absolute;
top:0px;
left:50%;
z-index:2;
background:url('../img/header_space.png') no-repeat 100% 0;
}
#header .pic {
width:133px;
height:84px;
margin:0 0 0 -202px;
position:absolute;
top:0px;
left:50%;
z-index:1;
background:url('../img/header_pic.png') no-repeat 0 0;
}
#ico {
overflow:hidden;
position:absolute;
top:14px;
left:170px;
}
#ico li {
padding:0 13px 0 12px;
border-left:1px solid #5d5c5b;
margin-left:-1px;
float:left;
background:none;
}
#ico li img {
display:block;
color:#8f8d8b;
font-size:10px;
}
#logo {
position:absolute;
top:25px;
left:58px;
}
#header .title {
position:absolute;
top:20px;
left:0px;
z-index:2;
}
#phone {
width:230px;
height:150px;
position:absolute;
top:16px;
right:0px;
background:url('../img/phone.jpg') no-repeat 100% 0;
}
#phone span {
font-size:11px;
position:absolute;
top:60px;
left:0px;
}
#phone img {
font-size:14px;
color:#fff;
dsiplay:block;
position:absolute;
top:22px;
left:0px;
}

/* --- left */
#content {
width:100%;
overflow:hidden;
}
#left {
width:35%;
min-height:340px;
float:left;
background:url('../img/left.jpg') no-repeat 0 60px;
}
#left .space {
padding:0 0 0 50px;
overflow:hidden;
}
#left p {
text-align:justify;
}
p.more {
margin:0px !important;
font-size:11px !important;
text-align:right !important;
}
#basket {
padding:0 70px 0 0;
min-height:75px;
overflow:visible;
background:url('../img/basket.png') no-repeat 100% 5px;
}
#basket p {
margin:0 0 5px 0;
text-align:right;
}
#basket p span {
color:#fff;
}

/* --- right */
#right {
width:37%;
min-height:340px;
float:right;
background:url('../img/right.png') no-repeat 5px 60px;
}
#right .space {
padding:0 50px;
}
#right .title {
margin:0 0 1px 0;
}
#right .date {
width:100%;
padding:0 0 3px 0;
margin:0px;
font-size:11px;
overflow:hidden;
}
#right .date span {
padding:0 1px 1px 1px;
display:block;
float:left;
color:#fff;
background:#004d88;
}
#login {
padding:0 0 0 55px;
min-height:85px;
overflow:hidden;
background:url('../img/login.png') no-repeat 0 5px;
}
#login form {
width:100%;
padding-top:4px;
}
#login .both {
padding-bottom:6px;
}
#login .text {
width:128px;
padding:1px 5px;
border:1px solid #aa585e;
display:block;
float:left;
font-size:11px;
color:#fff;
background:none;
}
#login button {
padding:1px 0;
border:none;
display:block;
float:left;
position:relative;
left:8px;
font-size:11px;
color:#fff;
cursor:pointer;
text-decoration:underline;
background:none;
}
#login button:hover {
text-decoration:none;
}
#login .register {
margin:0px;
padding-left:6px;
font-size:11px;
}
#search {
padding:16px 0 14px 83px;
margin:0 0 0 -50px;
position:relative;
background:url('../img/search.png') no-repeat 0 5px;
}
#search form {
width:100%;
}
#search .text {
width:102px;
padding:1px 5px 1px 0;
border:1px solid #aa585e;
border-left:none;
display:block;
float:left;
font-size:11px;
color:#d5aaa9;
background:none;
}
#search button {
padding:1px 0;
border:none;
display:block;
float:left;
margin-left:8px;
font-size:11px;
color:#fff;
cursor:pointer;
text-decoration:underline;
background:none;
}
#search button:hover {
text-decoration:none;
}

/* --- center */
#center {
width:26%;
float:left;
position:relative;
left:2%;
}
#menu {
width:200px;
padding:32px 0 25px 0 !important;
margin:0 auto;
background:rurl('../img/menu.png') no-repeat 50% 100%;
}
#menu li {
margin-top:-7px !important;
padding:0px;
background:none;
}

#menu li a {
width:200px;
height:39px;
display:block;
}
#menu li a:hover {
background:url('../img/menu_hover.png') no-repeat 0 0;
}
#menu li a img {
margin:0 auto;
display:block;
position:relative;
top:15px;
text-align:center;
text-transform:uppercase;
}