html, body { position: relative; height: 100%;
	   background-color: #fff;
	   background-image: url(../img/new_back.png); }

#slider_wrapper { position: absolute;
		  top: 50%;
		  left: 50%;		  
/*
		  margin-left: -348px;
		  margin-top: -130px;
*/
		  width: 696px;
		  height: 400px;
		  margin-left: -348px;
		  margin-top: -200px;
		  background-color: #eee;
		  text-align: center; 
		  -moz-border-radius: 25px;
		  -webkit-border-radius: 25px; }

#slider_wrapper #s_hat { position: absolute;
		      top: -45px;
		      left: -45px; }

#slider_wrapper #slider { margin: 75px 0 0 0;
			  border-top: 1px solid #ccc;
			  border-bottom: 3px solid #ddd; }


#slider_wrapper #prevBtn,
#slider_wrapper #nextBtn
{
    display: none;
    top: 150px;
}

h1 { }

/* typography */
body { color: #ccc; }

h1 { font-family: georgia, helvetica, sans-serif;
   font-size: 55px; font-weight: bold;
   font-style: italic; 
   /*text-transform: lowercase;*/ }
p a { color: #999; text-decoration: none;
   font-style: italic; font-size: 14px;
    font-weight: bold; }

p a:hover { text-decoration: underline; }

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}
/* // image replacement */


/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
    }
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
    /* 
       define width and height of list item (slide)
       entire slider area will adjust according to the parameters provided here
       */ 
    width:696px;
    height:241px;
    overflow:hidden; 
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
    z-index:1000;
}
#nextBtn, #slider1next{ 
    left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(../img/es/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{ 
    background:url(../img/es/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
    margin:1em 0;
    padding:0;
    height:28px;
    }
ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:28px;
    line-height:28px;
    }
ol#controls li a{
    float:left;
    height:28px;
    line-height:28px;
    border:1px solid #ccc;
    background:#DAF3F8;
    color:#555;
    padding:0 10px;
    text-decoration:none;
    }
ol#controls li.current a{
    background:#5DC9E1;
    color:#fff;
    }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */