#title{font:60px Helvetica, Arial, sans-serif;color:#eee;text-align:center;text-shadow:1px 1px 5px rgba(0,0,0,0.7);margin:40px 0 0}
#subtitle{font:italic 18px Georgia, serif;color:#ccc;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,0.7)}
#slider{position:relative;z-index:10;width:auto;height:auto}
.slider3d{width:786px;height:370px;margin:60px auto 40px}
.slider2d{width:786px;height:370px}
#slider2d-frame{width:786px;height:370px;position:relative;top:-20px;z-index:10;margin:60px auto 40px;padding:16px 76px 26px}
#slider.fallback{top:-20px;margin:60px auto 82px}
#slider img{visibility:hidden}
a.slider-nav{width:35px;height:34px;top:50%;margin-top:-17px}
.slider-nav.prev{background:url(../../photos/ccslider/left-arrow.png) no-repeat;left:0}
.slider-nav.next{background:url(../../photos/ccslider/right-arrow.png) no-repeat;right:0}
.slider-timer{width:20px;height:30px;visibility:hidden}
.slider3d .control-links{margin-top:-120px}
.slider2d .control-links,#slider.fallback .control-links{bottom:-50px}
.control-links li{margin-left:5px;cursor:pointer;width:15px;height:15px;text-indent:-99999px}
.slider-caption{background:rgba(255,255,255,0.7);color:#000}
.slider-caption a{color:#2D6294}
#main{width:786px;position:relative;background:#ced3da url(../../images/ccslider/description-bg.jpg) repeat-y;margin:0 auto 40px;padding:40px 30px 20px}
#main:before{content:'';position:absolute;top:-180px;left:-50px;width:786px;height:370px}
#description{width:400px}
#description h3{font:42px Helvetica, Arial, sans-serif;color:#3A61A8;text-shadow:0 1px 1px rgba(0,0,0,0.5);text-align:center;margin-bottom:40px}
#description p{text-shadow:0 1px 0 rgba(255,255,255,0.5);color:#333;margin:20px 0 40px}
#description ul{margin:20px 0 40px}
#features li,#browsers li{text-shadow:0 1px 0 rgba(255,255,255,0.5);color:#333;list-style:disc;margin:0 0 10px 20px}
#effects{width:400px;position:absolute;top:40px;right:30px;text-align:center}
#effects h3{font:20px Helvetica, Arial, sans-serif;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.5);margin-bottom:10px}
.effectType{display:inline-block;width:102px;height:33px;font:bold 14px Helvetica, Arial, sans-serif;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.5);text-align:center;text-decoration:none;line-height:30px;cursor:pointer;position:relative;margin:30px 20px 20px}
.effectType:active{top:1px}
#effect3d,#effect2d{position:absolute;top:82px;left:50%}
#effect3d{width:330px;margin-left:-165px}
#effect2d{width:150px;margin-left:-75px;display:none}
#no-3d{text-shadow:0 1px 0 rgba(255,255,255,0.5);color:#333;display:none}
.effectList,#sliceList{float:left;width:150px;height:34px;margin-bottom:20px}
#sliceList{margin-left:30px}
.selected{background:#ccc url(../../images/ccslider/selected.jpg) repeat-x;font:13px/34px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;color:#666;text-shadow:1px 1px 0 #eee;width:150px;height:34px;cursor:pointer;position:relative;behavior:url(PIE.htc);margin:20px auto 0}
.selected:after{content:'';position:absolute;top:50%;right:5px;margin-top:-3px;border:5px solid transparent;border-top:5px solid #666}
.selected.active:after{content:'';margin-top:-8px;border:5px solid transparent;border-bottom:5px solid #666}
.dropDown{background:#222;font:14px Helvetica, Arial, sans-serif;color:#fff;position:relative;z-index:10;display:none}
.dropDown li{height:30px;line-height:30px;cursor:pointer}
.dropDown li:hover{background:#274772}