@import "reset.css";


body {
    background-color: #ecf6f3;
    font: 14px Georgia, Helvetica, Arial, Verdana, sans-serif; 	
    color: #000;
    margin: 0;
    padding: 0;
    }

a, a:visited {	
	color: #00438f;
	text-decoration: none;
	}
	
a:hover {	
	color: #000;
    }
	
.clear {	
    clear: both;
    }
    
#page {
    width: 700px;
    margin: 0 auto;
    }
    
#leftcol {
	width: 220px;
	float: left;
	}
	
#rightcol {
	width: 400px;
	float: right;
	}
    
h1 {
	margin: 30px 0 0 60px;
    }
    
h2 {
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 6px; 
	}
	
#rightcol h2 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin: 87px 0 6px 0; 
	}
    
#brooch {
	background: transparent url('images/layout/brooch.jpg') top left no-repeat;
	width: 274px;
	height: 229px;
	margin: 20px 0 0 -23px;
    }  
    
.fn {
	display: none;
	}
	
.emailing {
	margin-bottom: 6px;
	}
      
#info {
	margin: 30px 0 20px 0;
    }
    
#info p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 1em;
    }
    
#leftcol ul li {
	margin-bottom: 10px;
	}
    
#credits {
	margin: 30px 0;
	}
	
#portfolio {
	margin: 38px 0 0 -46px;
	}
	
.portfoliothumb img {
	border: 7px solid #fff;
	margin: 0 0 46px 46px;
	}

.portfoliothumb:hover img {
	border: 7px solid #416b53;
	}

.portfoliothumb:hover {
	color: red; /* Dummy definition to overcome IE bug */
	}