body {background-color:#000000;
	background-image:url(../pres_images/bg2.jpg);
	background-attachment:fixed;	
	background-repeat:repeat-x;
	background-position: top left;
	font-size:76%;
	font-family:arial,sans-serif;
	line-height:1.6em;
	background-attachment:fixed;
	}

* {margin:0;
	padding:0;
	border:none;}

p{font-size:1em;
	color:#2a2722;
	text-align:left;
	font-weight:normal;
	padding:0 0 10px 0;
	font-family:arial, verdana, sans-serif;}

h1{font-size:1.3em;
	color:#080600;
	text-align:left;
	font-weight:bold;
	margin: 0 0 10px 0;
	line-height:1em;
	}
.headerh1{text-indent:-9999em;}

h2{font-size:1.3em;
	color:#080600;
	text-align:left;
	font-weight:normal;
	margin: 0 0 10px 0;
	line-height:1em;}

h3{font-size:1.1em;
	color:#a39986;
	text-align:left;
	font-weight:normal;
	line-height:1em;
	margin: 10px 0 0 0;
}

	
p a{color:#989260;
	font-weight:bold;
	text-decoration:underline;}

p a:hover{color:#554e45;
text-decoration:underline;}

div#mainstripetop{margin-left:auto;
	margin-right:auto;
	width:800px;
	height:12px;
	background-image:url(../pres_images/mainstripe_top2.png);
	margin-top:24px;
	background-repeat:no-repeat;}

div#mainstripe{margin-left:auto;
	margin-right:auto;
	width:800px;
	height:100%;
	background-image:url(../pres_images/mainstripe_middle2.png);
	background-repeat:repeat-y;
	}

div#mainstripebottom{margin-left:auto;
	margin-right:auto;
	width:800px;
	height:24px;
	background-image:url(../pres_images/mainstripe_bottom2.png);
	margin-bottom:12px;
	background-repeat:no-repeat;}

div#mainwrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #726e51;
	}
	
div#header{width:776px;
	height:140px;
	margin-left:auto;
	margin-right:auto;
	background-color:#c5c3a9;
	background-image:url(../pres_images/header.jpg);
	border-bottom:8px solid #ffffff;}

div#logo {width:800px;
	margin-left:auto;
	margin-right:auto;
	height:70px;
	background-color:#98936c;
	background-image:url(../pres_images/logo.jpg);
	background-position:center;
	margin-bottom:0px;}

.menu {width:800px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;}


.menu ul {list-style-type:none;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	clear:left;}
	
.menu ul li {display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0;}

.menu ul li a span {display:none;}

.menu ul li a{
	height:30px;
	margin:0px;
	padding:0px;
	display:block;}
	
.menu ul li a#homenav{width:134px;
	background:url(../pres_images/buttons/home.jpg) 0 -60px;}
.menu ul li a#homenav:hover{background:url(../pres_images/buttons/home.jpg) 0 -30px;}
body#home .menu ul li a#homenav{background:url(../pres_images/buttons/home.jpg) 0 -0;}

.menu ul li a#portnav{width:133px;
	background:url(../pres_images/buttons/portfolio.jpg) 0 -60px;}
.menu ul li a#portnav:hover{background:url(../pres_images/buttons/portfolio.jpg) 0 -30px;}
body#port .menu ul li a#portnav{background:url(../pres_images/buttons/portfolio.jpg) 0 0;}

.menu ul li a#abnav{width:133px;
	background:url(../pres_images/buttons/about.jpg) 0 -60px;}
.menu ul li a#abnav:hover{background:url(../pres_images/buttons/about.jpg) 0 -30px;}
body#ab .menu ul li a#abnav{background:url(../pres_images/buttons/about.jpg) 0 0;}

.menu ul li a#connav{width:134px;
	background:url(../pres_images/buttons/contact.jpg) 0 -60px;}
.menu ul li a#connav:hover{background:url(../pres_images/buttons/contact.jpg) 0 -30px;}
body#con .menu ul li a#connav{background:url(../pres_images/buttons/contact.jpg) 0 0;}

.menu ul li a#blognav{width:133px;
	background:url(../pres_images/buttons/blog.jpg) 0 -60px;}
.menu ul li a#blognav:hover{background:url(../pres_images/buttons/blog.jpg) 0 -30px;}

.menu ul li a#linknav{width:133px;
	background:url(../pres_images/buttons/links.jpg) 0 -60px;}
.menu ul li a#linknav:hover{background:url(../pres_images/buttons/links.jpg) 0 -30px;}
body#link .menu ul li a#linknav{background:url(../pres_images/buttons/links.jpg) 0 0;}


div#contentarea {width:800px;
	}

div#maincolumn1 {width:255px;
	float:left;
	padding:12px 0 12px 24px;
	min-height:400px;
	margin-right:12px;
	display:inline;}


div#maincolumn2 {width:441px;
	float:left;
	padding:12px 24px 12px 0;
	margin-left:44px;
	display:inline;}


.portsection {width:441px;
	margin: 0 0 20px 0;
	padding:0 0 20px 0;
	float:left;
	display:inline;}

.portsection ul {list-style-type:none;
line-height:0;}

.portsection li {display:inline;}

.portsection span {display:block;}

.portsection li img {background-color:#2a2722;
	border-right:1px solid #8a8e84;
	border-bottom:1px solid #8a8e84;
	padding:1px;
	margin:5px 1px 1px 1px;
	}

.portsection h2 {margin: 0 0 0px 0;
}	

.portsection h3 {margin: 5px 0 0 0;
}	

.centred{text-align:center;
}
div#flickr {display:block;
	padding:5px 0 0 0;}

div#flickr a img {float:left;
	background-color:#2a2722;
	border-right:1px solid #8a8e84;
	border-bottom:1px solid #8a8e84;
	padding:1px;
	width:142px; 
	height:142px; 
	margin: 0 1px 0px 1px;
	}

	
div#footergraphic {width:800px;
	height:40px;
	background-image:url(../pres_images/footergraphic.jpg);
	}

div#footer {width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#98936c;
	background-image:url(../pres_images/footer.jpg);
	}
	
div#footer p{color:#ffffff;
	text-align:center;
	font-size:.9em;
	padding:0;}

div#footer a{color:#080600;}

div#hosting {width:776px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:24px;
	}

div#hosting p{text-align:right;
	font-size:.75em;
	color:#ffffff;
	padding:0 0 0 0;}
div#hosting a{color:#ffffff;}

div#hosting a:hover{color:#98936c;}

.clearfix:after {
    content: ".";              
	display: block;           
    height: 0;                  
    clear: both;               
    visibility: hidden;	     
}
.clearfix {display: inline-table;}   

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */