/* CSS Document */

/*---------------------------- ALL ------------------------*/

*	{
	
	margin:	0px;
		
	padding:0px;

}

html, body {
	
	height:100%;
	
}

#distance {

	height:50%;
	
	margin-bottom:-300px; /* half of container's height */
		
}


#wrapper {
	
	margin:0 auto;
	
	position:relative; /* puts container in front of distance */
	
	height:600px;
	
	width:800px;
	
}

div#page {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

div#container {
	padding: 0 20px 0 20px;

.backgroundtop{

	background-image:url(img/background.jpg);

	background-repeat:no-repeat;

	width: 800px;

	height: 600px;

}

.background_link{

	background-image:url(img/background_link.jpg);

	background-repeat:no-repeat;

	width: 750px;

	height: 500px;

}

.background_watercolor{

	background-image:url(img/background_watercolor.gif);

	background-repeat:no-repeat;

	width: 750px;

	height: 500px;

}



.backgroundtop_index{

	background-image:url(img/index.jpg);

	background-repeat:no-repeat;

	width: 750px;

	height: 500px;

}


/*---------------------------- SPACING ------------------------*/

A:link {

	color:#009900;

	text-decoration: underline;

}



A:visited {

	color:#009900;

	text-decoration: underline;

}



A:active {

	color:#003366;

	text-decoration: underline;

}



A:hover {

	color:#FF3300;

	text-decoration: underline;

}

#fortune {
  height: 38px;
  width: 160px;
  margin: 30px auto 0px auto;
  padding-top: 10px;
  background-image: url(img/fortune.jpg);
  background-repeat:no-repeat;
  background-position:center;
  text-align:center;
  vertical-align:bottom;
  color:#CC0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
}

#conash3D0
{
display:none;
}


#height
{
height:500px;
}

.height {
height:500px;
}

.portfolio_scrollbar{
	overflow-x:scroll;
	overflow-y: hidden;
	
	}