body
{
font-size:13px;
background-color:white;
}

a:link
{color:#993300;
}

a:visited
{
color: #993300;
}

h1
{
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 1.8em;
}

h2
{
color: #993300;
font-family: arial, helvetica, sans-serif;
font-size: 1.4em;
}

p
{color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 1em;
text-align: justify;
}

#contain
{
 width: 1013px;
 height:623px;
 border:solid 2px #333333;
 position: absolute;
 top:20px;
 left:20px;
}

#leftside
{
 background-color:#aab0b4;
 position: absolute;
 top:0px;
 left:0px;
 width: 551px;
 height:623px;
}

.rightside
{
 position: absolute;
 top:0px;
 left: 551px;
 width: 462px;
 height:623px;
}

.backbut
{
 position: absolute;
 top:15px;
 left: 361px;
 width: 86px;
 height:28px;
}


#nav1
{
 position: absolute;
 top: 25px;
 left:33px;
 width: 476px;
}

#nav2
{
 position: absolute;
 top: 175px;
 left:33px;
 width: 88px;
 height: 353px;
}

#nav3
{
 position: absolute;
 top: 175px;
 left:136px;
 width: 88px;
 height: 353px;
}

#nav4
{
 position: absolute;
 top: 175px;
 left:239px;
 width: 88px;
 height: 353px;
}

#nav5
{
 position: absolute;
 top: 175px;
 left:342px;
 width: 88px;
 height: 353px;
}

#house1
{
 position: absolute;
 top: 180px;
 left: 430px;
 width: 121px;
 height: 383px;
}


#house2
{
 position: absolute;
 top: 0px;
 left:0px;
 width: 462px;
 height: 619px;
}

.contact
{
 position: absolute;
 top: 553px;
 left: 33px;
 width: 95px;
 height: 59px;
}

.image1
{
 position: absolute;
 top: 551px;
 left: 342px;
 width: 135px;
 height: 49px;
}

a#rollover1 
{
  display: block;
  width: 478px;height: 
	42px;text-decoration: 
	none;background: url("images/home.gif");
}
 
a#rollover1:hover 
{
  background-position: -478px 0;     
} 

a#rollover2 
{
  display: block;
  width: 478px;
	height: 22px;
	text-decoration: 
	none;background: url("images/ill_01.gif");
}
 a#rollover2:hover 
{
  background-position: -478px 0;     
} 

a#rollover3 
{
  display: block;
  width: 478px;
	height: 22px;
	text-decoration: 
	none;background: url("images/her_01.gif");
}
 a#rollover3:hover 
{
  background-position: -478px 0;     
}

a#rollover4 
{
  display: block;
  width: 478px;
	height: 22px;
	text-decoration: 
	none;background: url("images/rec_01.gif");
}
 a#rollover4:hover 
{
  background-position: -478px 0;     
}

a#rollover5 
{
  display: block;
  width: 478px;
	height: 22px;
	text-decoration: 
	none;background: url("images/web_01.gif");
}
 a#rollover5:hover 
{
  background-position: -478px 0;     
}

a#rollover6 
{
  display: block;
  width: 95px;
	height: 59px;
	text-decoration: 
	none;background: url("images/cont_01.gif");
}
 a#rollover6:hover 
{
  background-position: -95px 0;     
}

a#rollover7 
{
  display: block;
  width: 88px;
	height: 353px;
	text-decoration: 
	none;background: url("images/recon_02.jpg");
}
 a#rollover7:hover 
{
  background-position: -88px 0;     
}

a#rollover8 
{
  display: block;
  width: 88px;
	height: 353px;
	text-decoration: 
	none;background: url("images/her_02.jpg");
}
 a#rollover8:hover 
{
  background-position: -88px 0;     
}

a#rollover9 
{
  display: block;
  width: 88px;
	height: 353px;
	text-decoration: 
	none;background: url("images/web_02.jpg");
}
 a#rollover9:hover 
{
  background-position: -88px 0;     
}

a#rollover10
{
  display: block;
  width: 88px;
	height: 353px;
	text-decoration: 
	none;background: url("images/ill_02.jpg");
}
 a#rollover10:hover 
{
  background-position: -88px 0;     
}


a#rollover20 
{
	display: block;
  width: 86px;
  height: 28px;
  text-decoration: none;
  background: url("images/back1.gif");
}
a#rollover20:hover 
{     
 background-position: -86px 0;     
} 


a#rollover21 
{
	display: block;
  width: 28px;
  height: 28px;
  text-decoration: none;
  background: url("images/left.gif");
}
a#rollover21:hover 
{     
	background-position: -28px 0;     
}


a#rollover22 
{
	display: block;
  width: 28px;
  height: 28px;
  text-decoration: none;
  background: url("images/right.gif");
}
a#rollover22:hover 
{     
	background-position: -28px 0;     
}

.displace
{
  position: absolute;
	left: -5000px;     
}

#bg1
{
 	background-image: url(images/bg01.jpg);
  background-repeat: no-repeat;
	background-position: top;
}

#bg2
{
 	background-image: url(images/bg02.jpg);
  background-repeat: no-repeat;
	background-position: top;
}


#bg3
{
 	background-image: url(images/bg03.jpg);
  background-repeat: no-repeat;
	background-position: top;
}

#bg4
{
 	background-image: url(images/bg04.jpg);
  background-repeat: no-repeat;
	background-position: top;
}

#bg5
{
 	background-image: url(images/address.jpg);
  background-repeat: no-repeat;
	background-position: bottom;
}

.text
{ 
 position: absolute;
 top: 200px;
 left:50px;
 width: 325px;
 height: 400px;
 }

 .panel
 {
 position: absolute;
 top: 175px;
 left:33px;
 width: 88px;
 height: 353px;
 }
 
img{border: none;}

 
.thumb1
{
 position: absolute;
 top: 199px;
 left:136px;
 width: 88px;
 height: 88px;
}


.thumb2
{
 position: absolute;
 top: 199px;
 left: 239px;
 width: 88px;
 height: 88px;
}

.thumb3
{
 position: absolute;
 top: 199px;
 left: 342px;
 width: 88px;
 height: 88px;
}
.thumb4
{
 position: absolute;
 top: 307px;
 left:136px;
 width: 88px;
 height: 88px;
}


.thumb5
{
 position: absolute;
 top: 307px;
 left: 239px;
 width: 88px;
 height: 88px;
}

.thumb6
{
 position: absolute;
 top: 307px;
 left: 342px;
 width: 88px;
 height: 88px;
}

.thumb7
{
 position: absolute;
 top: 415px;
 left:136px;
 width: 88px;
 height: 88px;
}


.thumb8
{
 position: absolute;
 top: 415px;
 left: 239px;
 width: 88px;
 height: 88px;
}

.thumb9
{
 position: absolute;
 top: 415px;
 left: 342px;
 width: 88px;
 height: 88px;
}

.picture
{
 position: absolute;
 top: 50px;
 left: 0px;
 width: 462px;
 height: 462px;
}

#navright
{
 position: absolute;
 top: 565px;
 left: 265px;
 width: 28px;
 height: 28px;
}

#navleft
{
 position: absolute;
 top: 565px;
 left: 175px;
 width: 28px;
 height: 28px;
}

#cap
{
 position: absolute;
 top: 512px;
 left:30px;
 width: 400px;
 height: 30px;
}

#mail
{
 position: absolute;
 top:100px;
 left: 50px;
 width: 400px;
 height:400px;
}

#credits
{
 position: absolute;
 top:650px;
 left: 20px;
 width: 1015px;
 height:50px;
 color:#ffffff;
}

#credimg
{float:right;}


/* this is for penpen images */
#contain2
{
 width: 1013px;
 border:solid 2px #333333;
 position: absolute;
 top:20px;
 left:20px;
}

#pen
{
width: 993px;
margin: 10px;
border:solid 1px;
height:530px; /* change for height of image */
}

#pen1
{
width: 993px;
margin: 10px;
border:solid 1px;
height:1309px;
}

#pentxt
{
text-align:center;
font-weight: bold;
}