* {
margin:0;
padding:0
}

img {
border:0;
-ms-interpolation-mode:bicubic
}

body {
background:#fafafa url(back.png);
font-family:Helvetica;
overflow-x:hidden;
color:#fff;
margin:0;
padding:0
}

#layout {
width:100%;
height:100%;
background-image:url(top.png);
background-repeat:repeat-x
}

#main {
width:900px;
margin:0 auto
}

#header {
text-align:center;
padding-top:20px
}

a {
color:#fafafa;
text-decoration:none;
font-weight:700
}

.clear {
clear:both
}

.blinds {
-webkit-box-shadow:0 0 40px #aaa;
-moz-box-shadow:0 0 40px #aaa;
display:block;
list-style:none;
width:600px;
height:240px!important;
white-space:no-wrap;
z-index:99;
margin:80px auto 0;
padding:0
}

.blinds > li {
display:block;
width:600px;
height:240px!important;
position:relative;
float:left;
z-index:0
}

.blinds img.thumb {
width:100%
}

.blinds ul {
margin-left:40px
}

.text {
width:560px;
height:200px;
background-color:#fafafa;
text-align:left;
background-image:url(backdark.png);
color:#444;
text-shadow:#fff 0 0 1px;
padding:20px
}

.text a {
color:#333
}

input[type=text],textarea {
border:1px solid #eee;
font-size:14px;
height:20px;
width:200px;
margin:3px 0;
padding:2px
}

input[type=submit] {
width:90px;
padding:3px
}

textarea {
height:65px
}

p {
margin:5px 0
}

#content {
margin:20px auto
}

#navigation {
height:50px;
position:relative;
margin-top:25px;
text-align:center;
z-index:100
}

#arrowprev,#prev {
display:block;
position:relative;
float:left;
left:-80px
}

#arrownext,#next {
display:block;
float:right;
position:relative;
right:-80px
}

#menu,#next,#prev {
background-color:#fafafa;
color:#888;
height:40px;
line-height:40px
}

#menu a {
color:#777;
background-color:#fafafa;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius:16px;
border:1px solid #fafafa;
text-shadow:#fff 0 0 2px;
margin:0;
padding:4px 8px
}

#menu a.active {
background-color:#eee;
border-color:#ddd
}

#prev {
padding-right:10px
}

#next {
padding-left:10px
}

#menu {
width:440px;
text-align:center;
margin:0 auto
}

#arrownext,#arrowprev {
width:0;
height:0;
border-style:solid;
border-width:20px
}

#arrowprev {
border-color:transparent #fafafa transparent transparent
}

#arrownext {
border-color:transparent transparent transparent #fafafa
}

.desc {
position:absolute;
top:-50px;
width:510px;
left:25px;
height:30px;
text-align:left;
background-color:#111;
opacity:0.8;
z-index:1;
-moz-border-radius-topleft:14px;
-webkit-border-top-left-radius:14px;
border-top-left-radius:14px;
-moz-border-radius-topright:14px;
-webkit-border-top-right-radius:14px;
border-top-right-radius:14px;
padding:10px 20px
}

.desc h2 {
float:left;
text-shadow:#000 0 0 2px;
margin:0
}

.desc p {
display:block;
float:right;
font-style:italic;
text-shadow:#000 0 0 2px
}

.bookmark {
background-color:#111;
width:20px;
height:160px;
position:absolute;
left:-10px;
top:0;
font-family:Georgia, Arial;
font-transform:uppercase;
text-align:center;
font-size:16px;
font-weight:700;
padding:40px 5px
}

.arrows {
position:absolute;
left:-80px;
top:75px
}

.more {
text-align:left;
color:#666;
position:absolute;
top:260px;
padding:10px 10px 100px
}

.notimoo {
position:absolute;
z-index:999;
cursor:pointer;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:3px;
background:#eaeaea;
color:#666;
border-color:#ccc;
border-style:solid;
padding:10px
}

.notimoo .title {
font-weight:700
}

.notimoo a {
color:#FFF
}

#load {
text-align:center;
color:#aaa;
font-size:40px;
font-weight:700;
display:none;
margin:100px auto
}

.shadow {
position:absolute;
top:0;
left:0;
height:240px;
width:600px;
opacity:0.3;
background:#000
}

.links {
position:absolute;
top:45%;
width:100%;
text-align:center;
z-index:1000
}

.links a {
background-color:#222;
color:#ccc;
text-shadow:#000 0 0 1px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:16px;
margin:0 10px;
padding:8px 12px
}