body {
background: #e5e6e0;
margin: 0;
padding: 0;
text-align: center;
}
#holder {
text-align: left;
background: url('Title_Banner.jpg') 10px 20px no-repeat;
border: 1px solid #f3f3f0;
margin: 5px;
padding: 5px;
width: 940px;
height: 950px;
}
#spider {
margin: 0;
padding: 0;
width: 940px;
height: 297px;
background: url('Spider.jpg') 100% 25% no-repeat;
}
a {
color:blue;
}
a:hover {
color: #515daa;
background: #f3f3f0; 
}
.headline {
text-align: center;
margin: 90px 0 0 20px;
padding: 0;
font: 17px Verdana, Arial, Helvetica, sans-serif; 
Color: #333333;
text-decoration: underline;
}
.headings {
width: 260px;
font: 15px Verdana, Arial, Helvetica, sans-serif; 
Color: #c73a39;
margin: 10px 0 0 30px;
padding: 0;
border-bottom: 1px solid #333333;
letter-spacing: 2px;
}
.headings_narrow {
width: 260px;
font: 15px Verdana, Arial, Helvetica, sans-serif; 
Color: #c73a39;
margin: 10px 0 0 30px;
padding: 0;
letter-spacing: 2px;
}
.headings_footer {
width: 260px;
font: 15px Verdana, Arial, Helvetica, sans-serif; 
Color: #c73a39;
margin: 30px 0 0 30px;
padding: 0;
border-bottom: 1px solid #333333;
letter-spacing: 2px;
}
.navigation {
display: block;
margin: 15px 0 55px 0;
padding: 0;
font: 13px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
}
.nav_ul {
list-style: none;
margin: 2px 0 0 0;
padding: 0;
text-align: center;
}
.navigation li {
width: 93px;
float: left;
margin: 0;
padding: 0;
border: 1px solid #f3f3f0;
}
.nav {
color: #c73a39;
text-decoration: none;
margin: 0;
padding: 0;
}
.nav:hover {
display: block;
color: #515daa;
background: #f3f3f0;
}
.navigation2 {
display: block;
margin: 15px 0 55px 0;
padding: 0;
font: 13px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
}
.nav_ul2 {
list-style: none;
margin: 2px 0 0 0;
padding: 0;
text-align: center;
}
.navigation2 li {
width: 93px;
float: left;
margin: 0;
padding: 0;
}
.nav2 {
color: blue;
text-decoration: none;
margin: 0;
padding: 0;
}
.nav2:hover {
display: block;
color: #515daa;
background: #f3f3f0;
}
.content {
text-indent: 1em;
margin: 20px 0 0 20px;
padding: 0 6px 0 6px;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: justify;
width: 600px;
}
.content_narrow {
text-indent: 1em;
margin: 20px 0 0 20px;
padding: 0 6px 3px 6px;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: justify;
width: 525px;
}
.content_footer {
text-indent: 1em;
margin: 20px 0 0 20px;
padding: 0 6px 8px 6px;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: justify;
width: 900px;
border-bottom: 1px solid #333333;
}
#list {
float: left;
background: url('list_spiderweb.gif') 130% no-repeat;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
width: 300px;
margin: 20px 0 0 14px;
padding: 0 6px 0 6px;
}
#list ul {
list-style: none;
width: 260px;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
}
#list li {
background: url('list_icon.gif')  0 22% no-repeat;
margin: 0;
padding: 0 0 0 15px;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: justify;
}
#blogbox {
margin: 0 0 0 10px;
padding: 20px 0 25px 0;
width: 500px;
float: left;
border-left: 1px solid gray;
}
#portfolio {
text-align: center;
float: right;
width: 250px;
height: 600px;
border: 1px solid gray;
margin: -10px 10px 0 0;
padding: 1px;
background: #f0e1c6;
}

#portfolio a {
display: block;
border-bottom: 1px solid gray;
margin: 2px;
padding: 2px;
}

#portfolio img {
border: none;
margin: 0;
padding: 0;
}

#mosaic{
	float:left;
	border-top: 1px solid gray;		
	margin:0 0 5px 12px;
}

#contentbox{
	position:relative;
	border-right:1px solid gray;
	margin:0;
	padding:0;
	width:900px;
	height:75px;
}

#contentbox img{
	border:0;
}

* html #contentbox a:hover {
	display:inline;
}

#contentbox a span {
	display: none;
}

#contentbox a:hover span {
	display: block;
	position: absolute;
	width: 160px;
	height: 120px;
	top:0;
	left:605px;
	border: 0;
}

#business_card_1{
	position:absolute;
	margin: 0 0 0 0;
}

#business_card_2{
	position:absolute;
	margin: 0 0 0 80px;
}

#business_card_3{
	position:absolute;
	margin: 0 0 0 160px;
}

#business_card_4{
	position:absolute;
	margin: 0 0 0 240px;
}

#business_card_5{
	position:absolute;
	margin: 0 0 0 320px;
}

#business_card_6{
	position:absolute;
	margin: 0 0 0 400px;
}

#business_card_7{
	position:absolute;
	margin: 0 0 0 480px;
}
#logo_samples {
background: #f0e1c6;
width: 750px;
margin: 0 0 0 15px;
padding: 10px;
float: left;
border: 1px solid gray;
}
form {
margin: 0 0 0 15px;
padding: 2px;
width: 650px;
}
form p {
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: justify;
}
#email input{
margin: 0 0 0 28px;
}
form textarea {
background: #fff url('list_spiderweb.gif') 175% 10% no-repeat;
}
.blog{
text-align: center;
width: 600px;
border: 1px solid gray;
margin: 8px 0 0 95px;
padding: 4px;
}
.blogtitle{
text-decoration: underline;
text-align: center;
font: 15px Verdana, Arial, Helvetica, sans-serif; 
Color: #c73a39;
margin: 0;
padding: 2px;
}
.blogcategory{
background: #f0e1c6;
text-align: center;
margin: 2px 0 2px 0;
padding: 2px;
font: 13px Verdana, Arial, Helvetica, sans-serif; 
Color: #c73a39;
}
.blogtext{
display: block;
border-bottom: 1px solid gray;
margin: 0;
padding: 2px;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: justify;
}
.blogtime{
text-align: right;
margin: 0;
padding: 2px;
font: 10px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
}

.footer {
margin: 0;
padding: 0;
font: 12px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
Color: #333333;
text-align: center;
}