body 
{
    background:white;
    margin:0;
    padding:0;
    border:0;
    font-family:Verdana;
    color:#122562;
    font-size:11px;
}
h1
{
    font-size:16px;
    margin:5px 0;
}
h2
{
    font-size:18px;
    margin:0 0 10px 0;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
}
a
{
    font-weight:bold;
    text-decoration:none;
   	color: #122562;
}
a:hover
{
    text-decoration:underline;
}
.clear
{
    margin-top:0;
    clear:left;
    float:left;
    width:100%;
}
.outer
{
    width:800px; 
    margin: 0 auto;
}
.skills
{

}
.skillbox
{
    float:left;
    height:190px; 
    border: 0; 
    width:183px;
    text-align:center; 
    padding:2px 5px;
}
.portfoliobox
{
    margin:10px auto 0 auto;
    width:1120px;
    text-align:center;
}
.projectbox
{
    float:left;
    width:152px;  
    height:310px;
    text-align:center;
    padding:5px 0px;
    font-size:10px;
}
.horizgap
{
    width:9px;
    height:100px;
    float:left;
}
.vertgap
{
    width:9px;
    float:left;
    background:url(img/dotgap.gif) repeat-y 4px 0px;    
}
.vertgap.h190
{
    height:190px;    
}
.vertgap.h310
{
    height:310px;    
}
.menu
{
    float:left;
    width:800px;
    margin-bottom:5px;
}
.menu ul
{
    text-align:right;
	padding: 0px;
	margin: 0px;
}
.menu li 
{
	float: right;
	vertical-align:middle;
	list-style-type: none;
	text-align:center;
	height:16px;
}
.menu a 
{
	padding-left: 15px;
	color: #122562;
	font-size: 12px;
	font-weight:bold;
	vertical-align:middle;
	text-decoration: none;
	text-align:center;
}
.menu a:hover { color:#535aa7; text-decoration:none; }

.lower
{
    float:left;
    clear:left;
    width:800px;
    margin-top:5px;
	 padding:0; 
    font-size:9px;
    color:#888;
}
.lower .links
{
	float:right; 
	width:550px; 
	text-align:right;
}
.lower .copyright
{
	float:left;
	width:240px;
}
.lower a
{
    color:#888;
    padding-left:10px;
}
.dottop
{
	 border-top: dotted 1px #6578b7;
}
.dotbot
{
	 border-bottom: dotted 1px #6578b7;
	 margin-bottom:10px;
}