img{
border:0;
}
/* H O M E S C R E E N S */

.mask1{
position:relative;
width:552px;
height:110px;
margin:0 auto;
overflow:hidden;
padding:0px;
}
ul#homescreens, ul.homescreens{
margin:0;
padding:0px;
}
ul#homescreens.apps, ul#homescreens.apps{
margin:0;
}
ul#homescreens li, ul.homescreens li {
margin: 0;
padding: 0;
float: left;
}
ul#homescreens li a, ul.homescreens li a{
float:left;
width:128px;
height:107px;
margin:0 5px;
text-decoration:none;
background:url(../images/thumb.gif) no-repeat bottom;
}
ul#homescreens li a.nonActive, ul.homescreens li a.nonActive{
text-decoration:none;
background:url(../images/thumb.gif) no-repeat bottom;
}
ul#homescreens li a:hover, ul.homescreens li a:hover{
background:url(../images/thumb-ho.gif) no-repeat bottom;
}
ul#homescreens li a.active, ul.homescreens li a.active{
background:url(../images/thumb-ho.gif) no-repeat bottom;
}

ul#homescreens li a, ul.homescreens li a img{
height:82px;
}
ul#homescreens li a span, ul.homescreens li a span{
text-align: center;
width:128px;
height:20px;/height:23px;
float:left;
color: #ffffff;
font-size: 12px;
padding:4px 0 0 0;/padding:1px 0 0 0;
cursor:pointer;
}

.buttons{
padding:10px 0 0 0;
margin:0px;
text-align: center;
}
p#handles8_more.buttons {
margin:0px;
}
.buttons span{
color:#666;
padding:4px 5px;
cursor:pointer;
font-size:5px;
background: url(../images/dot.png) no-repeat;
}
.buttons span.active, .buttons span.active:hover{
background: url(../images/dot-current.png) no-repeat;
color:#9A7900;
}
div.samplesample8{
padding:0px;
margin:0;
clear:both;
}

/* Sample 8*/
#box8{
width:552px;
float:left;
position:absolute;
}
#box8 div ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.sample8 .buttons{
clear:both;
}
.sample8 .mask1{
border:1px solid #fff;
}
.thumb_div{
width:552px;
float:left;
}


.showcase_in{
position:relative;
width:591px;
float:left;
height:326px;
}
.showcase_in1{
position:relative;
width:591px;
float:left;
height:326px;
margin-top:-326px;
}
.showcase_in2{
position:relative;
z-index:1000;
width:591px;
float:left;
height:326px;
margin-top:-326px;
}
.content_show{
width:589px;
height:326px;
position: absolute;
left:0px;
top:0px;
margin:0px;
padding:0px;
border:1px solid #B1B1B1;
}
.content_hide{
width:589px;
position: absolute;
left:0px;
top:0px;
visibility:hidden;
margin:0px;
padding:0px;
border:1px solid #B1B1B1;
}
.overlay{
width:250px;
float:right;
}
.overlay_ab{
width:260px;
float:right;
top:0px;
right:0;
position:absolute;
background: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.overlay_ab a.menuitem{
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
/*width:240px;*/
margin:10px 0 10px 10px;
font-size:18px;
color:#F2F2F2;
font-weight:normal;
line-height:22px;
/*text-decoration:none;*/
}
/*.overlay_ab a.menuitem .statusicon{ */ /*CSS for icon image that gets dynamically added to headers*/
.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top:13px;
right:8px;
border: none;
}
.overlay_header{
    height:86px;
width:240px;
}
.overlay_content{
width:240px;
/*height:252px;/height:242px;*/
height:220px;
float:left;
padding:0px 10px 10px 10px;
color:#ffffff;
line-height:18px;
display:block;
}
.overlay_content p{
margin:0px;
padding:0px 0 10px 0;
}
.overlay_content p span{
font-size:18px;
line-height:22px;
}
.overlay_content p a{
font-size:12px;
color:#D4A90C;
text-decoration:underline;
}
.overlay_content p a:hover{
font-size:12px;
color:#ffffff;
text-decoration:none;
}

.btn_prevnext{
width:591px;
float:left;
position:relative;
}
.btn_prevnext img{
cursor:pointer;
margin-top:30px;
}
.btn_prevnext span.prevbtn{
width:20px;
height:106px;
position:absolute;
background:#ffffff;
top:-110px;
left:0;
}
.btn_prevnext span.nextbtn{
width:20px;
height:106px;
background:#ffffff;
position:absolute;
top:-110px;
right:0;
}