@charset "UTF-8";

#vipPage {
width:930px;
margin-left:10px;
background: #000 url(../img/vipBg.jpg) no-repeat;
}
#mainContent {
margin-top:0px;
padding-top:30px;
color:#fff;
position: relative;
}
#sidebar {
background: url(../img/blackTrans.png);
padding-left:10px;
}
.vipImg {
float:right;
position:relative;
margin-top:-50px;
margin-right:100px;
width:410px;
height:450px;
}
.vipName {
font-size: 24px;
display: none;
}
#portfolio {
margin-left:-37px;
width:690px;
}
ul#slide_control li,
ul#slide_nav li,ul#portfolio{
    list-style:none;
}
/* slide navigation specific */

ul#slide_nav {
position:absolute;
top:86px;
left:0px;
z-index:1000;
/* border: 1px solid #0F7CBB; */
padding: 10px;
background-color: rgba(0,0,0,.5);
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

ul#slide_nav li {
background: url(../img/slider/button.png) no-repeat;
display: block;
float: left;
height: 22px;
font-size: 22px;
line-height: 22px;
list-style: none;
padding: 0px;
padding-left: 25px;
margin: 0px;
margin-right: 30px;
cursor: hand;
cursor: pointer;
color: #999;
}
ul#slide_nav li:last-child {
margin-right:10px;
}
ul#slide_nav li#button_selected {
background: url(../img/slider/button_selected.png) no-repeat;
font-weight: bold;
color: #fff;
}
#slider {
width:690px;
margin-top:60px;
height:600px;
}