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

body{
background: url("../images/andrele-bg.png") no-repeat center top #d6d6d6;
color: #000000;
}

h1#logo {
	width: 134px; height: 74px;
	background: url("../images/andrele-logo.png") no-repeat;
	z-index: 10;
	margin: 15px;
	float: left;
	}
	h1#logo span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}

ul#topnav{
float: left;
height: 20px;
left: 20px;
position: relative;
margin: 0;
text-align:center;
list-style: none;
top: 70px;
}
			ul#topnav li{
			float: left;
			display:block;
			
			}

			ul#topnav li#topnav-about{
			width: 72px; height: 20px;
			background: url("../images/andrele-navi-about.png") no-repeat;
			z-index: 10;
			display:block;
			}
			ul#topnav li#topnav-about a{
			text-indent:-9000px; background-color:transparent;
			display:block;
			}
			ul#topnav li#topnav-about:hover{
			width: 72px; height: 20px;
			background: url("../images/andrele-navi-hover-about.png") no-repeat;
			z-index: 10;
			display:block;
			}
			
			ul#topnav li#topnav-resume{
			width: 72px; height: 20px;
			background: url("../images/andrele-navi-resume.png") no-repeat;
			z-index: 10;
			display:block;
			}
			ul#topnav li#topnav-resume a{
			text-indent:-9000px; background-color:transparent;
			display:block;
			}
			ul#topnav li#topnav-resume:hover{
			width: 72px; height: 20px;
			background: url("../images/andrele-navi-hover-resume.png") no-repeat;
			z-index: 10;
			display:block;
			}
			
			ul#topnav li#topnav-contact{
			width: 72px; height: 20px;
			background: url("../images/andrele-navi-contact.png") no-repeat;
			z-index: 10;
			display:block;
			}
			ul#topnav li#topnav-contact a{
			text-indent:-9000px; background-color:transparent;
			display:block;
			}
			ul#topnav li#topnav-contact:hover{
			width: 72px; height: 20px;
			background: url("../images/andrele-navi-hover-contact.png") no-repeat;
			z-index: 10;
			display:block;
			}
div#slider{
position:relative;
overflow: hidden;
top: 34px;
left: 20px;
width: 920px;
height: 456px !important;
background: #666666;
}

a:link,
a:hover,
a:active,
a:visited{
border: 0;
margin: 0;
padding: 0;
}

a:link{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #f69322;
border: 0;
text-decoration: none;
}
a:hover{
color: #666666;
}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}

													
	#prevBtn a{
		display:block;
		float: left;
	}
	#nextBtn a{  
		display:block;
		float: right;

		}	
	#nextBtn a, #slidernext a{ 

		}	

div#footer{
display: block;

}

ul#footnav{
height: 87px;
width: 476px;
margin: 0 auto;
margin-top: 100px;
text-align:center;
list-style: none;
background: url("../images/footer-splash_03.png") no-repeat center top;
padding-left: 220px;
}
			ul#footnav li{
			float: left;
			display:block;
			margin: 0 auto;
			margin-right: 15px;
			}

			ul#footnav li#footnav-about{
			width: 73px; height: 17px;
			background: url("../images/andrele-footernav-about.png") no-repeat;
			z-index: 10;
			display:block;
			}

			ul#footnav li#footnav-about:hover{
			width: 73px; height: 17px;
			background: url("../images/andrele-footernav-about-hover.png") no-repeat;
			z-index: 10;
			display:block;
			}
			
			ul#footnav li#footnav-resume{
			width: 73px; height: 17px;
			background: url("../images/andrele-footernav-resume.png") no-repeat;
			z-index: 10;
			display:block;
			}

			ul#footnav li#footnav-resume:hover{
			width: 73px; height: 17px;
			background: url("../images/andrele-footernav-resume-hover.png") no-repeat;
			z-index: 10;
			display:block;
			}
			
			ul#footnav li#footnav-contact{
			width: 73px; height: 17px;
			background: url("../images/andrele-footernav-contact.png") no-repeat;
			z-index: 10;
			display:block;
			}
			ul#footnav li a{
			text-indent:-9000px; background-color:transparent;
			display:block;
			}
			ul#footnav li#footnav-contact:hover{
			width: 73px; height: 17px;
			background: url("../images/andrele-footernav-contact-hover.png") no-repeat;
			z-index: 10;
			display:block;
			}