@charset "utf-8";

/* CSS Document */



* {

	margin: 0px;

	padding: 0px;

}



html{

overflow: hidden;

}



body{

	background-color: #6699ff;

	font-family: century gothic, verdana, sans-serif;

	font-size: 12px;

	color:#FFF;
	width: 6000px;
	height: 6000px;

}



h1 {

	font-family: century gothic, verdana;, sans-serif;

	font-size: 16px;

}



#whatIdo{

color: #000;

font-size: 13px;

list-style:inside;

width: 300px;

position: absolute;

top: 220px;

left: 835px;

z-index: 23003030;

}

#whatIdopaper{

	position: absolute;

	top: 50px;

	left: 800px;

	z-index: 100;

}



#content2{

width: 300px;

position: absolute;

top: 70px;

left: 2200px;

}



#content3{



position: absolute;

top: 3050px;

left: 300px;

}



#nakey{

position: fixed;

top: 320px;

left: 120px;

z-index: 200;

}



#nav{

	position: fixed;

	top: 50px;

	left: 50px;

	color: fff;

	z-index: 100000000;

	}



#nav ul{

	list-style: none;

	font-size: 24px;

}



#content_list{

	position: fixed;

	top: 90px;

	left: 120px;

	text-align: center;

}



a {

	font-family: century gothic, verdana;, sans-serif;

	font-size: 18px;

}



a:link{

	text-decoration: none;

	color: #ffffff;

	

}



a:visited{

	text-decoration: none;

	color: #FFF;

	

}

 

a:hover{

	text-decoration: underline;

	color: #93C;

	

}



a:active{

	text-decoration: underline;

	color: #FC0;

}



a:focus{

	text-decoration: underline;

	color: #FC0;

	

}





img {

	border: none;

}

#logo{

	position: absolute;

	top: 40px;

	left: 280px;

	z-index: 77777777777;

}



/*home*/

#cupcake{

	position: absolute;

	top: 80px;

	left: 340px;

	z-index: 10;

}



#slideshow{

	position: absolute;

	top: 336px;

	left: 390px;

	z-index: 100;

}



#bottom1{

	position: absolute;

	top: 204px;

	left: 100px;

	z-index: 1000000;

}

#elephant{

	position: absolute;

	top: 380px;

	left: 870px;

}

#cloud1{

	position: absolute;

	top: 120px;

	left: 770px;
	z-index: 5;

}

#cloud2{

	position: absolute;

	top:70px;

	left: 250px;

	z-index: 5;

}

#cloud3{

	position: absolute;

	top:80px;

	left: 2500px;

}

/* contact*/

#contactSection{

position: relative;

left: 200px;

}

#bottom4{

	position: absolute;

	top: 193px;

	left: 1903px;

		z-index: 1000000;

}



#contactform{


color: #fff;

}

#contactformframe{
position: absolute;

top: 100px;

left: 2100px;		 
}


#alien{

	position: absolute;

	top: 400px;

	left: 2200px;

}

/*porfolio*/

#bottom2{

	position: absolute;		

	z-index: 1000000;

	top: 3200px;

	left: 110px;

}

#portframe{

	position: absolute;

	top: 3130px;

	left: 300px;

}

/*#portfolioSection{

	width: 700px;

	height: 600px;

	overflow: none;

}

#portfolio{

	position: relative;

	top: 50px;

	height: 600px;



}



#cookies{

	position: absolute;

	top: 3040px;

	left: 290px;

}



#sleeping{

	position: absolute;

	top: 3350px;

	left: 290px;

}

#munch{

	position: absolute;

	top: 3700px;

	left: 290px;

}

#bowling{

	position: absolute;

	top: 4020px;

	left: 290px;

}



#moon{

	position: absolute;

	top: 4420px;

	left: 290px;

}

#hippo{

	position: absolute;

	top: 4780px;

	left: 290px;

}

#narwol{

	position: absolute;

	top: 5120px;

	left: 290px;

}

#donut{

	position: absolute;

	top: 5530px;

	left:300px;

}

#description1{

	position: absolute;

	top: 3080px;

	left: 680px;

	width: 250px;

}



#uparrow{

	position:absolute;

	top: 3000px;

	left: 950px;

}



#downarrow{

	position:absolute;

	top: 3350px;

	left: 950px;

}*/



/*about*/

#about{

position: relative;

top: 100px;

}



#content4{

width: 360px;

position: absolute;

top: 3090px;

left: 2300px;

}



#bottom3{

	position: absolute;

	top: 3090px;

	left: 2108px;

		z-index: 1000000;

}



#whale{

	position: absolute;

	top: 2800px;

	left: 2860px;

}



#pig{

	position: absolute;

	top: 3200px;

	left: 2100px;

}



/*goodies*/

#balloonbear{

	position: absolute;

	top: 50px;

	left: 2700px;

}

#fishing{

	position: absolute;

	top: 100px;

	left: 1300px;

}

#dolphin{

	position: absolute;

	top: 3200px;

	left: 1800px;

}



/*SlideShow*/

/* slideshow gallery */



.slideshowlite {

	position: relative;

	border: 2px solid #111;

	overflow: hidden;

}



	.slideshowlite a {

		position: absolute;

		z-index: 1;

		width: 100%;

		height: 100%;

		text-align: center;

	}



	.slideshowlite img {

		border: none;

	}



/* pagination control */



.slideshowlite ul,

.slideshowlite ol {

	list-style: none;

	position: absolute;

	margin: 0;

	padding: 0;

	bottom: 5px;

	right: 5px;

	z-index: 3;

}



	.slideshowlite ul li,

	.slideshowlite ol li {

		float: left;

		margin: 0 3px;

		width: 16px;

	}

	

	.slideshowlite ul li a {

		position: relative;

		display: block;

		width: 100%;

		height: 14px;

		padding-top: 2px;

		text-decoration: none;

		color: #666;

		background: #eee;

		border: 1px solid #666;

		text-align: center;

		font-size: 11px;

	}

	

	.slideshowlite ul li a.current {

		color: #111;

		font-weight: bold;

		border: 1px solid #111;

		background: #fff;

	}

	

	.slideshowlite ul li a:hover {

		color: #fff;

		background: #333;

	}

	

/* caption control */



.slideshowlite ol {

	top: 5px;

	position: relative;

	overflow: hidden;

	width: 100%;

	font-size: 14px;

	color: #fff;

	background: #000;

	padding: 3px 10px;

}



	.slideshowlite ol li {

		width: 100%;

	}