BODY
{
	background-image: url(images/bkgrd0.png);
	margin: 0;
	height: 100%;
}

div, p, a, td,input, textarea	{ font-family: Verdana; font-size: 10px; font-style: normal; color: #3d3d3d; text-decoration: none; }
a:hover				{ text-decoration: underline;	}
input, textarea	{ background-image: url(images/hollow1.png); background-color: Transparent; border: dotted 1px #bababa; padding:2px; color: #f26c4f;	}

#Container	
{
	position: absolute;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image:url(images/bkgrd1.png);
	width: 100%;
	height: 100%;
}

#Outer
{
	position: absolute;
	top: 45%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}

#Inner	
{
	width: 720px;
	height: 320px;
	margin-left: -360px; 
	position: absolute;
	top: -160px;         
	left: 50%;
	vertical-align: top;
	
	background-image:url(images/bkgrd2.png);
	background-position:center bottom;
	background-repeat: no-repeat;
	
}

#Footer {
   min-height:100%;
   position: absolute;
}


#ControlBar	
{
	width: 720px;
	height: 50px;
	margin-left: -365px; 
	position: absolute;
	bottom: 0;         
	left: 50%;
	vertical-align: top;
	
	background-image:url(images/controlbar.png);
	background-position:center bottom;
	background-repeat: no-repeat;
}
	
#ControlBar div
{
	/*
	border: solid 0px red;
	margin-top: 22px;
	text-align: center;
	color: #8b8b8b;
	font-size: 11px;*/
}

#Logo	
{
	width: 720px;
	height: 320px;
	margin-left: -360px; 
	position: absolute;
	top: -185px;         
	left: 50%;
	vertical-align: top;
	
}

div.menu		{	width: 100px; height: 100px;		}
a.menu1 img, a.menu2 img, a.menu3 img		{ border-width: 0px; }
a.menu1, a.menu2, a.menu3	{ display: block; width: 100px; height: 100px;  }
a.menu1:link, a.menu1:visited	{ background-image: url(images/home.png);  }
a.menu1:hover						{ background-image: url(images/home-over.png);  }
a.menu2:link, a.menu2:visited	{ background-image: url(images/portfolio.png);}
a.menu2:hover						{ background-image: url(images/portfolio-over.png);	}
a.menu3:link, a.menu3:visited	{ background-image: url(images/contact.png);	}
a.menu3:hover						{ background-image: url(images/contact-over.png);	}

.nav			{ background-color: #1d1d1d;	}

#Nav1, #Nav2, #Nav3
{
	position: absolute;
	width: 400px;
	height: 150px;
	left: 100px;
	top: 75px;
	font-family: Arial;
	font-size: 150px;
	color: #fcb4b4;
	
	vertical-align: middle;
	display:none;
	/*width: 600px;
	height: 300px;
	margin-left: -260px; 
	position: absolute;
	top: -160px;         
	left: 50%;
	font-family: Arial;
	font-size: 50px;
	color: #eee;
	text-align: left;
	border: solid 1px red;
	
	display: inherit;
	vertical-align: middle;*/
}

.content	{ width: 400px; background-image: url(images/contentbk0.png); vertical-align: top;}


a.sendit:link, a.sendit:visited	{ background-image: url(images/send-it.png); width:56px; height:20px; padding: 0px; display: block; 	}
a.sendit:hover	{ background-image: url(images/send-it-over.png); }

a.white:link, a.white:visited	{ color: #9c9c9c;	}
a.white:hover						{ color: White; text-decoration: none;	}



/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 500px;
height: 25px;

}

#pscroller2{
width: 500px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}