body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4d2c07;
	background-color: #bb7320;
	background-image: url(images/bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:active {text-decoration:none; color:#662f04;}

a:hover {text-decoration:none; color:#3d2203;}

a.button {border:1px solid #a55110; padding:3px 5px; background-color:#3d2203; color:#e19640;}
a.button:hover {background-color:#e19640; color:#3d2203;}

#container	{width: 900px; margin-left: auto; margin-right: auto; position: relative; top: 0px; height:700px; min-height: 100%; padding:0px; overflow: visible; }

#main {position:absolute; top:210px; left:100px; width:460px; height:245px; overflow:visible; }

#nav {position:absolute; top:75px; left:770px;}

#bottom {position:absolute; top:545px; left:35px;}

#credits	{font: 10px/16px Arial, Helvetica, sans-serif; color: #653c0c;}

#copyright	{position:absolute; top:660px; left:630px;}

#homebutton {position: absolute; top: 93px; left:38px; width:252px; height:63px;}
a#home img {height: 63px; width: 252px; border-width: 0;}

p {margin:0px; padding:0px;}

.form {border: 1px solid #4d2c07; background-color: #d8913f; font-size:11px; color: #4d2c07; padding-left:3px; font-family: Arial, Helvetica, sans-serif;}

#hostingbox {float:left; border:1px solid #a55110; padding:4px; margin-right:15px; background-color:#e19640;}

/* Portfolio */

#portbottom {position:absolute; top:533px; left:26px;}

#porttitle {position:absolute; top:166px; left:167px;}

#portlink {position:absolute; top:494px; left:167px;}

#portmain {position:absolute; top:202px; left:45px;}

.titles {padding-top:30px; width:122px; display:block;}

/* bottom buttons */

a#hosting_button img {background: url(images/hosting_button0.jpg) top left no-repeat; height: 79px; width: 255px; border-width: 0;}
a#hosting_button:hover img {background: url(images/hosting_button0.jpg) 0 -79px no-repeat;}

a#portfolio_button img {background: url(images/portfolio_button0.jpg) top left no-repeat; height: 79px; width: 255px; border-width: 0;}
a#portfolio_button:hover img {background: url(images/portfolio_button0.jpg) 0 -79px no-repeat;}

/* nav */

a#portfolio img {background: url(images/portfolio0.jpg) top left no-repeat; height: 40px; width: 103px; border-width: 0;}
a#portfolio:hover img {background: url(images/portfolio0.jpg) 0 -40px no-repeat;}
a#portfolio_on img {background: url(images/portfolio0.jpg) 0 -40px no-repeat; border-width: 0;}

a#services img {background: url(images/services0.jpg) top left no-repeat; height: 37px; width: 103px; border-width: 0;}
a#services:hover img {background: url(images/services0.jpg) 0 -37px no-repeat;}
a#services_on img {background: url(images/services0.jpg) 0 -37px no-repeat; border-width: 0;}

a#hosting img {background: url(images/hosting0.jpg) top left no-repeat; height: 33px; width: 103px; border-width: 0;}
a#hosting:hover img {background: url(images/hosting0.jpg) 0 -33px no-repeat;}
a#hosting_on img {background: url(images/hosting0.jpg) 0 -33px no-repeat; border-width: 0;}

a#contact img {background: url(images/contact0.jpg) top left no-repeat; height: 37px; width: 103px; border-width: 0;}
a#contact:hover img {background: url(images/contact0.jpg) 0 -37px no-repeat;}
a#contact_on img {background: url(images/contact0.jpg) 0 -37px no-repeat; border-width: 0;}

a#index img {background: url(images/home0.jpg) top left no-repeat; height: 38px; width: 103px; border-width: 0;}
a#index:hover img {background: url(images/home0.jpg) 0 -38px no-repeat;}
a#index_on img {background: url(images/home0.jpg) 0 -38px no-repeat; border-width: 0;}