/*
  slideshow.css
  ==
  This is the essential CSS markup that is required for jSlide to work properly.
*/

div#slider {
    width: 900px;
    background: #FFF;
	position: relative;
    margin: 0 auto 50px auto;
	padding: 0;
	display: block;
	clear: both;
    }
    

div#slider ul.layers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
        border: 1px solid #000;

    }   

div#slider ul.layers li {
        float: left;
        }
        
div#slider ul.layers li img {
        border-left: 1px black solid;
        }        

div#slider ul.indexwork {
    height: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    float: left;
    }

div#slider ul.indexwork li {
    float: left;
    -webkit-padding-start: 0;
    padding: 0 15px 0 0;
    margin: 0;
    list-style: none;
    }

div#slider ul.layers {
    width: 900px;
    height: 450px;
    background: #FFF;
    }

div#slider ul.layers li.slideritem {
	width: 900px;
	height: 450px;
	background: #FFF;
	position: absolute;
	}
	
/* div#slider ul.layers li div.container { padding: 0 20px; } */


div#slider ul.layers li { margin-right: 5px; }


div#slider h4 {
	margin: 40px 0 10px 0;
	padding: 0;
	}

div#slider p { 
	margin: 0; 
	padding: 0;
	font-size:.8em; 
	font-family: "Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans; 
	font-weight: 200; 
	font-style: normal; 
	line-height: 1.5em;
	}

.producttext {
	float: left; 
	display: block;
	clear: none;
	padding: 0 20px 0 40px; 
	margin: 0; 
	text-align: left; 
	width: 300px; 
	max-width: 300px;
	}

.features {
	font-size: .6em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	}	

.sliderpic {
	float: right;
	width: 500px;
	height: 450px;
	margin: 0;
	background-color: white;
	}

div#slidermenu {
	width: 900px;
	height: 30px;
	min-height: 30px;
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	clear: both;
	}

	
#slidermenu a, #slidermenu a:visited, #slidermenu a:active { 
	color: #aa0000; 
	font-family:"Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans; 
	font-size: .6em;
	letter-spacing: .1em;
	line-height: 100%; 
	text-decoration: none; 
	font-weight: 600;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	}
	
#slidermenu a:hover { 
	color: #000;
	border-bottom: 3px solid #000;
	}		


div#slidermenu a.prevwork { float:left; padding: 0 8px 0 0; margin: 0; }
div#slidermenu a.nextwork { float:left; padding: 0 0 0 8px; margin: 0;  }


.sliderpic img {
	float: right;
	}	
        
.active {
    color: #000;
    text-decoration: none;
    }
    
/* 
.loading {
    background: url(../images/ajax-loader.gif) no-repeat center #DDD !important;
    }
    
*/