body {
color: black; 
font-family: arial, helvetica, sans-serif; 
margin: 0px;
}

h3{
background-color: #CECEF6; 
text-transform: uppercase; 
font-size: 1em; 
font-family: "Times New Roman", times, serif; 
margin-bottom: 10px; 
text-indent: 10px; 
height: 1.1em;
}

a:link {color: #0B3861; text-decoration: none;}
a:hover 	{color: #3B0B0B; text-decoration: underline}
a:visited{text-decoration: none;}

#header{
float: left; 
margin: 10pt
}

#footer {
font-size: .8em; 
background-color: #f9f9f9; 
border-top: 1px dotted #CCCCCC;	
border-bottom: 1px dotted #CCCCCC;	
text-align: center;	
padding: 15px;	
clear: both
}

#links	{
background-color: #A9A9F5; 
width: 100%; 
clear: left; 
height: 1.2em
}

#portfolio{
float: left; 
width: 400px; 
margin-left: 20px;
margin-right: 10px; 
margin-top: 10px;
}

#videos	{
float: left;
width: 400px; 
padding-left: 12px; 
border-left: dotted black 1px;
margin-top: 10px;
}

#links a:link	{margin-left: 50px}
#links a:visited	{margin-left: 50px; text-decoration: none}
#links a:hover	{color:#610B0B}

iframe {background-color: #2A0A1B}

.content{
text-align: center; 
margin-top: 20px; 
background-color: #2A0A1B;
min-height: 500px;
}


/* */

 h4{
font-family: arial;
font-weight: 100pt;
font-size: .8em;
margin-left: 3em;
text-transform: none;
height: 1.5em;
text-indent: 0px;
width: 90%
}

#webwork {
height: 700px;
}

#wrapper {
width: 900px;
background-color: white;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
height: 450px;
}

#products{
}

#about {
width: 400px;
float: right;
padding: 10px;
}