body {
	width:100%;
	margin:0px;
	color:#FFFFEE;
	font-family:georgia, "times new roman", times, serif;
	text-align:center;
	background:#669999 url(header.jpg) repeat 0 0;

}
#top a {
	color:#FFFFEE;
	text-decoration:none;
}
h1{
	color:#FFFFEE;
    font-size:50px;
	font-weight:normal;
	margin:0px;
	text-shadow: 4px 4px 6px #333;
	}
h2 {
    font-size:30px;
	font-weight:normal;
	margin:0px;
    color:#161106;
	text-shadow: 1px 1px 0px #8EB5B5;
	}
#top {
	padding:20px 0px 20px 0px;;
}
.color1 {
    color:#E5D88E;
	font-style:italic;
	font-size:26px;
	text-shadow: 1px 1px 0px #645817;
    }
.section {
    color:#E5D88E;
	font-size:26px;
	text-shadow: 1px 1px 0px #645817;
	text-align:left;
	border-bottom:2px solid #333333;
	margin:40px 40px 60px 40px;
    }
.imgpad {padding:0px;border:0px;}
#content {
	font-size:20px;
	padding-bottom:60px;
	background-color:#161106;
	height:50%;
    }
#about {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	}
#footer {
		height:20px;
		width:100%;
		
		text-shadow: 1px 1px 0px #283C3C;
	}
#footer a {
	color:#E5D88E;
	font-style:italic;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#about p {
	padding:40px 20px 20px 20px;
}
#about img {
	padding:10px;
}
#hireMe {
	padding-bottom:0px;
}
#hireMe a:link, #closeButton a:link {
	color:#FFFFEE;
	letter-spacing:1px;
	text-decoration:none;
}
#hireMe a:visited, #closeButton a:visited {
	color:#FFFFEE;
	letter-spacing:1px;
	text-decoration:none;
}
#hireMe a:hover, #closeButton a:hover {
	color:#FFFFEE;
	text-shadow: 0px 1px 8px #E5D88E, 
				0px -1px 8px #E5D88E,
				1px 0px 8px #E5D88E, 
				-1px 0px 8px #E5D88E;
	letter-spacing:1px;
	text-decoration:none;
}
#hireMe a:active, #closeButton a:active {
	color:#FFFFEE;
	letter-spacing:1px;
	text-decoration:none;
}

#form {
	width:350px;
    margin:20px auto;
}


a.rollover1 {  
    display:inline-block;  
    width: 402px;  
    height: 256px;  
	margin:5px;
    background: url(davesartwork.jpg) no-repeat 0 0;
	overflow:hidden;
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px; 
 }  
a:hover.rollover1 {  
    background-position: 0 -261px;  
 }
 
a.rollover2 {  
    display:inline-block;  
    width: 402px;  
    height: 256px; 
	margin:5px;	
    background: url(wtcorp.jpg) no-repeat 0 0;
	overflow:hidden;
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px; 
 }  
a:hover.rollover2 {  
    background-position: 0 -261px;  
 }
 
a.rollover3 {  
    display: inline-block;  
    width: 402px;  
    height: 256px;
	margin:5px;
    background: url(pickapick.jpg) no-repeat 0 0;
	overflow:hidden;
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px; 
 }  
a:hover.rollover3 {  
    background-position: 0 -261px;  
 }
 
a.rollover4 {  
    display: inline-block;  
    width: 402px;  
    height: 256px;
	margin:5px;	
    background: url(funbubl.jpg) no-repeat 0 0;
	overflow:hidden;
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px; 
 }  
a:hover.rollover4 {  
    background-position: 0 -261px;  
 }
 
 /******** Overlay Styles ***********/
 
 
 .companyName {
	 margin:0px;
	 color:#00BFB4;
	 font-weight:bold;
	 font-size:120%;
 }
  .companyType {
	 margin:0px;
	 font-weight:normal;
	 font-size:80%;
	 color:#E5D88E;
 }
 .detailText {
	 margin-top:0px;
	 font-size:80%;
	 padding-left:30px;
	 color:#E5D88E;
 }
.aboutBox {
	margin:0px;
	height:300px;
	width:600px;
	padding:0px;
	color:#ffffff;
	text-align:left;
	font-size:90%;
	font-family:arial,sans-serif;
	font-weight:bold;
 }
  .detailsBox {
	width:220px;
	height:auto;
	padding:20px 20px 0px 20px;
 }
.siteLink {
	text-align:left;
	padding-left:22px;
	font-size:90%;
	margin:0px;
	color:#00BFB4;
 }