body, html, ul, li { 
margin : 0; 
padding : 0; 
} 
*{  
 margin:0;  
 padding:0;  
 }  
 body {  
 text-align: center;  
 background: #4f3722 url('images/darkcurtain.jpg') repeat-x;  
 }  
 img{  
 border: none;  
 }  
 .leftcurtain{  
 width: 50%;  
 height: 495px;  
 top: 0px;  
 left: 0px;  
 position: absolute;  
 z-index: 2;  
 }  
 .rightcurtain{  
 width: 51%;  
 height: 495px;  
 rightright: 0px;  
 top: 0px;  
 position: absolute;  
 z-index: 3;  
 }  
 .rightcurtain img, .leftcurtain img{  
 width: 100%;  
 height: 100%;  
 }  
 .logo{  
 margin: 0px auto;  
 margin-top: 150px;  
 }  
 .rope{  
 position: absolute;  
 top: -40px;  
 left: 70%;  
 z-index: 4;  
 } 
body, html { 
background : none; 
text-align : center; 
font-family : arial; 
} 
#container { 
width : 700px; 
padding : 20px; 
background : none; 
margin : 0 auto; 
text-align : left; 
} 
h1, h2, h3, ul { 
margin : 10px 0; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-weight : normal; 
color : #ffe4c4; 
} 
.thumbs { 
margin : 0; 
padding : 0; 
overflow : hidden; 
} 
.thumbs li { 
list-style : none; 
float : left; 
margin : 5px; 
padding : 3px; 
background : #eee; 
} 
.thumbs li img { 
display : block; 
} 
.thumbs li a img { 
border : none; 
} 
#cycle { 
margin : 0; 
padding : 0; 
width : 500px; 
height : 333px; 
padding : 3px; 
background : #eee; 
} 
#cycle li { 
position : relative; 
list-style : none; 
margin : 0; 
padding : 3px; 
width : 500px; 
height : 333px; 
overflow : hidden; 
} 
#cycle li div { 
position : absolute; 
bottom : 3px; 
left : 3px; 
padding : 3px; 
width : 494px; 
background : black; 
color : white; 
font-size : 12px; 
} 
#menu { 
position : relative; 
top : 10px; 
} 
#menu ul { 
list-style : none; 
} 
#menu ul li { 
display : inline; 
font-variant : small-caps; 
font-size : 13px; 
} 
#menu ul li a { 
color : white; 
text-decoration : none; 
font-weight : bold; 
padding-right : 20px; 
} 
#menu ul li a:hover { 
text-decoration : underline; 
} 
.all { 
position : relative; 
width : 1000px; 
color : #ff4500; 
} 
#ctl, #cbl, #ctr, #cbr { 
position : absolute; 
width : 20px; 
height : 20px; 
color : #ff4500; 
background : none; 
overflow : hidden; 
z-index : 1; 
} 
#ctl { 
top : 0; 
left : 0; 
} 
#cbl { 
bottom : 0; 
left : 0; 
} 
#ctr { 
top : 0; 
right : 0; 
} 
#cbr { 
bottom : 0; 
right : 0; 
} 
.all em b { 
position : absolute; 
font : 150px Arial; 
color : #ff4500; 
line-height : 40px; 
font-weight : normal; 
} 
#ctl b { 
left : -8px; 
} 
#ctr b { 
left : -25px; 
} 
#cbl b { 
left : -8px; 
top : -17px; 
} 
#cbr b { 
left : -25px; 
top : -17px; 
} 
.all p { 
position : relative; 
z-index : 10; 
padding : 5px 10px; 
} 
#pg { 
position : relative; 
height : 585px; 
background : #000; 
} 
#pg li { 
position : relative; 
list-style : none; 
width : 175px; 
height : 117px; 
overflow : hidden; 
float : left; 
z-index : 2; 
} 
#pg li.selected { 
z-index : 99; 
} 
#pg li img { 
display : block; 
width : 100%; 
} 
#pg li p { 
color : white; 
margin : 10px 0; 
font-size : 12px; 
} 
.bg { 
position : fixed; 
z-index : -1; 
height : 100%; 
width : 100%; 
top : 0; 
right : 0; 
} 
a.c7 { 
display : inline-block; 
background : #ffffff url('http://www.all4wedding.com/counter.php?ad=63457') no-repeat right top; 
width : 88px; 
height : 31px; 
border : 1px solid #000; 
color : #ffffff; 
text-decoration : none; 
text-align : center; 
padding : 0; 
overflow : hidden; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
font-size : 9px; 
font-family : Verdana; 
margin-left : 1px; 
margin-right : 1px; 
margin-top : 1px; 
margin-bottom : 1px; 
line-height : 10px; 
} 
a.c6 { 
border : 1px solid rgb(0, 0, 0); 
margin : 5px 2px 0; 
padding : 0; 
background : rgb(255, 255, 255) url(http://2become1.ru/cbutton.php?n=10204) no-repeat scroll right top; 
overflow : hidden; 
display : inline-block; 
font-weight : bold; 
font-size : 10px; 
width : 88px; 
color : rgb(255, 255, 255); 
font-style : normal; 
font-family : Verdana, sans-serif; 
height : 31px; 
text-align : center; 
font-variant : normal; 
text-decoration : none; 
} 
div.c5 { 
background : #399aff; 
width : 88px; 
height : 31px; 
color : #ffffff; 
text-align : left; 
} 
a.c4 { 
color : #ffffff; 
text-decoration : none; 
display : block; 
padding : 14px 0 0 2px; 
width : 56px; 
font-size : 9px; 
font-family : Arial; 
font-weight : normal; 
line-height : 90%; 
} 
img.c3 { 
border : 0; 
} 
div.c2 { 
position : absolute; 
} 
div.c1 { 
display : none; 
}
#player_container {
position: relative;
background-color:#eee;
width:418px;
height:100px;
border:1px solid #009be3;
}
#player_container  ul#player_controls {
list-style-type:none;
padding:0;
margin: 0;
}
#player_container  ul#player_controls li {
overflow:hidden;
text-indent:-9999px;
}
#player_play,
#player_pause {
display: block;
position: absolute;
left:40px;
top:20px;
width:40px;
height:40px;
cursor: pointer;
}
#player_play {
background: url("images/spirites.jpg") 0 0 no-repeat;
}
#player_play.different_prefix_example_hover {
background: url("images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
background: url("images/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.different_prefix_example_hover {
background: url("images/spirites.jpg") -41px -42px no-repeat;
}
#player_stop {
position: absolute;
left:90px;
top:26px;
background: url("images/spirites.jpg") 0 -83px no-repeat;
width:28px;
height:28px;
cursor: pointer;
}
#player_stop.different_prefix_example_hover {
background: url("images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
position: absolute;
left:130px;
top:32px;
background-color: #eee;
width:122px;
height:15px;
}
#player_progress_load_bar {
background: url("images/bar_load.gif")  top left repeat-x;
width:0px;
height:15px;
cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
background: url("images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
background: url("images/bar_play.gif") top left repeat-x ;
width:0px;
height:15px;
}
#player_volume_min {
position: absolute;
left:274px;
top:32px;
background: url("images/spirites.jpg") 0 -170px no-repeat;
width:18px;
height:15px;
cursor: pointer;
}
#player_volume_max {
position: absolute;
left:346px;

top:32px;

background: url("images/spirites.jpg") 0 -186px no-repeat;

width:18px;

height:15px;

cursor: pointer;

}

#player_volume_min.different_prefix_example_hover {

background: url("images/spirites.jpg") -19px -170px no-repeat;

}

#player_volume_max.different_prefix_example_hover {

background: url("images/spirites.jpg") -19px -186px no-repeat;

}

#player_volume_bar {

position: absolute;

left:292px;

top:37px;

background: url("images/volume_bar.gif") repeat-x top left;

width:46px;

height:5px;

cursor: pointer;

}

#player_volume_bar_value {

background: url("images/volume_bar_value.gif") repeat-x top left;

width:0px;

height:5px;

}

#player_playlist_message {

position: absolute;

left:0;

bottom:0;

width:338px;

padding:5px 40px 10px 40px;

font-family: Arial, Helvetica, sans-serif;

line-height:1.4em;

height:1em;
background-color:#ccc;
}
#song_title {
float:left;
margin:0 5px 0 0;
padding:0;
font-weight:bold;
}
#play_time,
#total_time {
padding-top:.3em;
font-weight:normal;
font-style:oblique;
font-size:.7em;
}
#play_time {
float:left;
}
#total_time {
float:right;
text-align: right;
}
.miaow {
font-size:.8em;
color:#999;
}
.miaow a:link, a:visited, a:hover, a:focus, a:active {

color:#009be3;}