body{margin:0;padding:0;text-align:center;background:#006699 url('../images/home_page_bk.png') repeat-x left top}#header{height:460px;width:100%}#header #panel{display:block;width:960px;height:321px;background:transparent url('../images/home_panel.png') no-repeat left top;float:left}#header #panel p{display:block;float:left;margin:260px 0 0 20px;color:#fff;font-size:1.6em}#header #panel p a.signup{display:block;float:left;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:2px solid white;padding:3px 15px;background:#B43939;color:#fff;text-transform:uppercase;font-size:1em;font-weight:normal;text-shadow:1px 1px 2px #000;letter-spacing:-1px;margin:-5px 5px 0 0}#header #panel p a.signup:hover{background:red}#header #panel p a.tour{color:#fff}#header #panel p a.tour:hover{text-decoration:underline}#wrapper{padding-top:20px}#call-action,#controls{position:absolute;margin-top:-40px;width:400px;height:46px;background:url('../images/controls.png') no-repeat left top}#controls li{height:40px;float:left;margin-top:20px}#controls li a{float:left;margin:0px 11px 0px 0px;height:40px;cursor:pointer}#controls li a:hover,#controls li.current a{border:2px groove #CCC;padding:0px;margin:-2px 9px 0px -2px;opacity:0.85;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85}#controls #controls1 a{background:url('../images/controls1.png') no-repeat left top ;width:140px;margin-left:17px}#controls #controls1 a:hover,#controls #controls1.current a{margin-left:15px}#controls #controls2 a{background:url('../images/controls2.png') no-repeat left top ;width:110px}#controls #controls3 a{background:url('../images/controls3.png') no-repeat left top ;width:90px}#rack-slider{top:139px;position:absolute}#slider ul,#slider li{margin:0;padding:0;list-style:none}#slider,#slider li{width:960px;height:321px;overflow:hidden !important}#slider li{background:#f1f1f1}#slider li h2{margin:-310px 0 0 20px;font-size:49px;line-height:60px;font-weight:normal;color:#333;text-shadow:1px 1px 6px rgba(255,255,255,0.8)}#slider li h3.tagline{margin:5px 0px 38px 20px;font-size:21px;font-weight:bold}#slider li h3{color:#444;max-width:530px;font-size:21px;margin:6px 0px;margin-left:20px;line-height:25px;text-shadow:1px 2px 4px rgba(255,255,255,0.8)}#slider li h2 .white{text-shadow:1px 1px 5px rgba(0,0,0,0.6)}#slider li h3 .white{text-shadow:1px 1px 3px rgba(0,0,0,0.4)}#slider p.info{margin:-50px 0 0 420px}#slider p.info a{background:none repeat scroll 0 0 #B43939;border:2px solid #FFF;color:#FFF;font-size:14px;letter-spacing:-0.5px;padding:5px 10px;text-shadow:1px 1px 2px #000}#slider p.info a:hover{background:#f00}#twtr-widget-1{margin:20px 0 0 0}.book{margin-top:15px}.author{color:#777;font-size:100%;margin-top:10px}
#prevBtn, #nextBtn{ display:block;width:40px;height:40px;position:absolute;left:865px;top:270px;z-index:1000;margin:0;padding:0;overflow:hidden;text-indent:-8000px;		}	
#prevBtn a, #nextBtn a{display:block;position:relative;width:40px;height:40px;background:url('../images/btn_prev.png') no-repeat 0 0;}	
#nextBtn{ left:900px} #nextBtn a{ background:url('../images/btn_next.png') no-repeat 0 0;}

/*** CALL TO ACTION BUTTONS ***/ 

#call-action a{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin-top:20px;margin-left:20px;}
.btn-action{ background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#56A3D2,0),color-stop(#6087B8,1));
    background:-webkit-linear-gradient(top, #56A3D2 0%, #6087B8 100%);
    background:-moz-linear-gradient(top, #56A3D2 0%, #6087B8 100%);
    background:-o-linear-gradient(top, #56A3D2 0%, #6087B8 100%);
    background:linear-gradient(top, #56A3D2 0%, #6087B8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:30px; padding-right:125px; height:43px; display:inline-block; position:relative; float:left; 
    clear:both; margin:10px 0px; overflow:hidden; border:1px solid #5d81ab;
    border-radius:5px; -moz-boder-radius:5px; -webkit-border-radius:5px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear;
}
.action-text1,.action-text3{ display:block; font-size:26px; white-space:nowrap; color:#FFF;
    -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;
}
.action-text2{ position:absolute; height:100%; top:0px; right:90px; width:0px; background:#63707e; color:#fff; font-size:25px; 
    white-space:nowrap; text-transform:uppercase; text-align:left; text-indent:10px; overflow:hidden; line-height:40px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear; -moz-transition:width 0.3s linear; -o-transition:width 0.3s linear; transition:width 0.3s linear;
}
.action-text3{ position:absolute; right:0px; top:0px; height:100%; width:115px;}
.btn-action:hover{ padding-left:20px;padding-right:180px;}
.btn-action:hover .action-text1,.btn-action:hover .action-text3{color:#fff;font-size:20px;padding-top:5px}
.btn-action:hover .action-text3,.btn-action:hover .action-text2{width:80px;}