html, body{margin:0; padding:0;}
body{font: 12pts Verdana, Arial, Helvetica, sans-serif; text-align:center;}
	
#wrapper{
	text-align:left;
	}
#header{position:relative;
	height:127px;
	color:#fff; background-color:#006; }

#content{clear:left;
	/*padding:20px;*/
	margin:0;
	color:#006;
	background-color:#fff;}

#footer{
	clear:both;
	text-align:center;
	font-weight: bold;
	font-size:90%;
	padding:.3em 0;
	color:#ff9;
	background-color:#006;}

a, a:visited{color:#006; background-color:#fff;}
a:hover, a:focus{color:#006; background-color:#ff9;}

p{margin-top:0;}

h1{width: 424px;
	height: 127px;
	background:url(graphics/heading.gif) 20px 10px no-repeat;
	margin:0;
	padding:0;
	text-indent:-999em;
	}
	
h2{margin:0; padding:0 0 .5em 0; font-size:130%;}
h3{margin:0; padding:0; font-size:115%; font-variant:small-caps;}

address{margin:0; padding:0;
	font:normal 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:16px; right:2em;
	}

img{display:block; border:0;}

.picright{clear:right;
	float:right;
	margin:0 0 3px 8px;
	padding:2px;
	border:1px solid #006;
	}
.picright p{text-align:center;font-size:95%;font-weight:bold; color:#006; background-color:#ff9;
	margin:0; padding:.2em 0;}

#footer{background-color:#006; padding-bottom:.5em;}
#footer a, #footer a:visited{color:#ff9; background-color:#006}
#footer a:hover{color:#aaa; background-color:#006;}

#mainnav, #bottomnav, #form, #credits{display:none;}



/* Credits */
#credits{color:#006; background-color:#fff; clear:both; background-image:url(graphics/bg1.gif);}
div #pontbren{float:left; margin-top:2px;}
div #val{float:right;}
#val b{display:none;}
#pontbren a, #val a{color:#006; background-color:#fff; padding:0 5px; text-decoration:none; font-size:80%;}
#val a{border:1px solid #006;}

#pontbren a:hover, #val a:hover {color:#006; background-color:#ff9;}


#portfolio{padding:0 0 1em 0;}
#portfolio dl{clear:both;}
#portfolio dt{margin:0; padding:0; float:right; width:300px;}
#portfolio dt img{background-color:#ff9; margin:0 0 2em 0; padding:0;border:1px solid #006;}
#portfolio dd{margin:0; padding:0 0 .5em 20px; background:url(graphics/bullet.png) no-repeat 0 40%;}
#portfolio dd.head, #portfolio dl.left dd.head{margin:0 0 .4em 0; padding:0; background-image:none; font-size:1.15em; font-variant:small-caps; font-weight:bold;}

/* For left picture */
#portfolio dl.left dt{float:left; width:300px}
#portfolio dl.left dd{float:right; width:370px; text-align:left; margin:0; background:url(graphics/bullet.png) no-repeat 0 40%;}
dd ul{list-style-type:none;}

/* Extra pages */
#extrapics{float:left;}
#extrapics img{float:left; border:1px solid #006; margin:0 37px 50px 0;}
img.cl{clear:left;}


/* IE Hacks */
/* Hide from IE5/Mac \*/
* html #footer, * html #credit, * html #pontbren, * html #val{height:1%;}
/* End hode from IE5/Mac */

div.clearer {clear: both; line-height: .1; height: 0;}
.hide{display:none;}