/* Iain Heath(iainheath.co.uk) iainheath@googlemail.com

/* -- page styles --*/
body {padding:0; margin:0; font:11px Verdana, sans-serif; line-height: 17px; background:#f4f4f4 url("../images/style/bodybg.gif") center repeat-y; color: #555; }
#wrapper {margin:2px auto; width:900px;  padding:0; /*background:#fff;*/}
.clear { clear: both; }

/* -- general styles --*/
a {color:#631e19; text-decoration: underline;background:none;}
a:hover {color: #0000FF; background:none; text-decoration:underline;}
a:visted {color: #666; background:none; text-decoration:underline;}
p {margin:0 0 15px 0;padding-top:2px;}
h2 {font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px dotted #444; }
ul {margin: 0; padding : 0; list-style : none;}
img {border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
ul.iconpdf li {background:url("../images/icons/pdf.gif") no-repeat 0 2px; padding:2px 10px 6px 26px;}
ul.page li {background:url("../images/icons/page.gif") no-repeat 0 2px; padding:2px 10px 6px 26px;}
ul.flickr li {background:url("../images/icons/flickr.gif") no-repeat 0 2px; padding:2px 10px 6px 26px;}
ul.rss li {background:url("../images/icons/rss.gif") no-repeat 0 2px; padding:2px 10px 6px 26px;}
ul.links li {background:url("../images/icons/delicious.gif") no-repeat 0 2px; padding:2px 10px 6px 26px;}
ul.iconlink li {background:url("../images/icons/link.gif") no-repeat 0 2px; padding:2px 10px 6px 26px;}
ul.thumbs img {float:left; padding:1px; margin:5px 8px 5px 9px; border:2px solid #631e19; background:none;}

/* -- top info --*/
#header {clear:both; width:900px; height:80px; background:  url("../images/style/header.jpg") no-repeat; margin:0;}
#header h3 {float:left; width:200px; margin:33px 0 0 60px; padding:0; clear:both;}
#title {float:left; width:240px; padding: 20px 0 10px 60px;}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}
#hright {float:right; width:540px; height: 60px; margin:15px 0 0 0;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu {width: 540px; float:right; margin:39px 0 0 0; padding:0; text-align:right;}
#menu li {display:inline; }
#menu li a {color:#444; text-decoration:none; padding:1px 10px 1px 10px; height:19px; background:none;}
#menu li a:hover {background: none;color:#ff0000;} 
#menu li a.active {color: #CC0033;}

/* -- Main content --*/
.message{position:absolute; width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontenttop{width:900px;height:10px;background:  url("../images/style/b_contenttop.jpg") no-repeat;}
#bottomcontent{width:898px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;overflow:hidden;}
#bottomcontentbtm{width:900px;height:10px;background:  url("../images/style/b_contentbtm.jpg") no-repeat;}
.left {float: left;width: 270px;margin: 0 0 5px 6px; padding:10px;}
.left2 {float:left; width: 540px; margin: 0 0 5px 6px; padding:10px}
.middle {float: left;width: 270px;margin: 0 0 5px 6px; padding:10px;}
.right {float: left;width: 270px;margin: 0 0 5px 6px; padding:10px;}
.thumbs img{
	position:relative;
	padding:1px;
	margin:5px 8px 5px 9px;
	border:2px solid #631e19;
	background:none;
}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}
/* -- One column layout --*/
.detail {float:left; width:850px; margin: 0 0 5px 6px; padding:10px}
.detail p {margin: 0 0 15px 0; padding:0}
/* -- Two column layout --*/
.portfolio {float:left; width:550px; margin: 0 0 5px 6px; padding:10px}

/* -- Bottom content --*/
#footer {clear: both; text-align:center; line-height:1.8em; color:#444; /*background:#fff;*/ padding:4px 0; margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit;}
#footer a:hover {color: #0000FF;}