@charset "utf-8";
/* CSS Document */


.exampleBox1 {
	float:left;
	clear:left;
	width:314px;
	height:230px;
	border:#d9d9d9 1px solid;
	padding:1px;
	margin-bottom:4px;
	margin-right:15px; 
	margin-bottom:5px
}
.exampleBox2 {
	width:292px;
	height:198px;
	border:#FFFFFF 1px solid;
	background-color:#f4f4f4;
	padding:10px;
	padding-bottom:20px;
}

#portfolio {
	background-color:#FFFFFF;
	height:193px;
}
ul#slide_nav li, #portfolio li, #portfolio ul{
    list-style:none;
	padding:0px;
	margin:0px;
	
}

/*#slide_nav{
    left: 0px !important;
    top: -1px !important;
}*/
#slide_nav_layer{
	position:relative;
	margin-left: auto; 
	margin-right: auto;
	z-index:500;
	left: 0px;    
	top: -65px;
	background-color:#00FF00;

}
#slide_nav{
	margin-left: auto; 
	margin-right: auto;
	left:0px;	
	top:-2px;
	top:-3px\9; /* IE8 and below */ 
	*top:-9px; /* IE7 and below */ 
}

ul#portfolio {
	border:#d9d9d9 1px solid;
	padding:0px;
	margin:0px;
}
#portfolio img{
    width: 290px;
    height: 193px;
}

ul#portfolio li img{
	border:none;
}


.fade{

}

.fade p{
	text-align: center;
	width: 100%;
	background: #fff;
}


#slide_nav li:hover {
	cursor: pointer;
	cursor: hand;
	z-index: 5000;
}

#slide_nav li span {

}
#slide_nav li {
	background-repeat: no-repeat;
	overflow: hidden;
	top: 0px;
}
ul#slide_nav {
	position:relative;
	padding: 0px 0px 0px 0px;

	z-index: 5000;
}
ul#slide_nav li {
	background-image: url(../images/button.gif);
	display: inline;
	height: 9px;
	list-style: none;
	margin: 0 0 0 8px;
	padding:0px;
	padding-left:8px;
	width: 7px;
}
ul#slide_nav li:hover {
}
ul#slide_nav li#button_selected {
	background-image: url(../images/button_selected.gif);
}
ul#slide_nav li#button_selected:hover {
}