body {
	margin: 0; 
	padding: 0;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif ;
	font-size: 82.5%; /* Set 1em = 10px */
	background: #a6b3aa;
}
/* -- Headings -- */
h1 { font-size: 200%; }
h2 { font-size: 145%; }
h3 { font-size: 114%; }
h4 { font-size: 103%; }
h1,h2,h3 { font-family: Georgia, "Times New Roman", Times, serif; }

#container {
	margin: 50px auto;
	width: 800px;
	border: 1px Solid White;
	background: white url(../images/backgrounds/pages.gif) no-repeat bottom right;
	overflow: hidden;
}

#portoliocontainer {
	margin: 50px auto;
	width: 800px;
	border: 1px Solid White;
	overflow: hidden;
}
#header {
	background: url(../images/generic/header.gif);
	width: 800px;
	height: 151px;
}
#mainarea {
	padding: 35px 35px 35px 35px;

}

#content {
	float: left;
	color: #474747;
	width: 420px;
	overflow: hidden;
	background: url(../images/backgrounds/content.gif) no-repeat top left;
	padding: 35px 35px 50px 35px;
}
h1.content{
	color: #6aa7a4;
	margin-top: 7px;
	margin-bottom: 7px;	
}
portoliocontent.span {
	 font-size:xx-small;
   color:#989898;
   vertical-align:top;
}
.wp-caption-text {
   font-size:xx-small;
   color:#989898;
   vertical-align:top;
}
#instructions {
   font-size:xx-small;
   color:#989898;
   vertical-align:top;
}
#portoliocontent {
	float: left;
	background: white url(../images/backgrounds/portfolio.gif) no-repeat top left;
	color: #474747;
	width: 760px;
	overflow: hidden;
	padding: 35px 35px 50px 35px;
}
h1.portoliocontent{
	color: #6aa7a4;
	margin-top: 7px;
	margin-bottom: 7px;
}
.portheads {
	color: #474747;
	font-weight: bold;
}
.portheads span {
	 font-size:xx-small;
   color:#989898;
}
.portheads a {
	 font-size:xx-small;
   color:#3c8c85;
	font-weight: bold;
	text-decoration: none;
}
#gallerycontent {
	float: left;
	background: white url(../images/backgrounds/portfolio.gif) no-repeat top left;
	color: #474747;
	width: 760px;
	overflow: hidden;
	padding: 35px 35px 50px 35px;
}
h1.gallerycontent{
	color: #6aa7a4;
	margin-top: 7px;
	margin-bottom: 7px;
}
#gallery {
	float: left;
	color: #474747;
	width: 450px;
	overflow: hidden;
	margin-left: 150px;
}
#rightarea {
	float: left;
	padding: 50px 35px 35px 0px;
}
.leftmenu {
	width: 260px;
	margin-top: 5px;
	float: left;
}
.leftmenu ul {
	list-style: none;
	margin-right:5px;
	margin-left:5px;
	padding: 0;
}
.leftmenu li {
	margin-top: 10px;
}
.leftmenu img {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.float {
	float: left;
   padding-left: 10px;
   padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
   margin: 0px 10px 10px 0px;
   width: 340px;
	border-bottom: 1px dashed #e7e7e7;

  }
.float p {
   text-align: left;
   }
.float img {
	border: 1px dashed #a6b3aa;
	float: left;
	margin-right: 10px;
}
.floata {
	float: left;
   padding-left: 5px;
   padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
   margin: 0px 0px 0px 0px;
   width: 129px;

  }
.floata p {
   text-align: left;
   }
.floata img {
	border: 1px solid #a6b3aa;
	float: left;
	margin-right: 10px;
}
#footer {
	background: #C18A62;
	clear: both;
	margin-left: 10px;
	margin-right:10px;
	text-align: right;
	padding: 10px;
	height: 40px;
	color: White;
	border-bottom: 1px solid Black; 
}
/* Navigation */
#tabsH {
	width:800px;
	height: 50px;
   background:white;
   font-size:93%;
   line-height:normal;
	clear: both;
	border-bottom: 5px solid #a2b0a8;
   }
#tabsH ul {
	  margin:0px;
	  padding: 10px 5px 5px 10px;
	  list-style:none;
      }
#tabsH li {
      display: inline;
      margin:0;
      }
#tabsH a {
      float:left;
      margin:0;
      padding: 5px 0 0 4px;
      text-decoration:none;
      }
#tabsH img {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#tabsH a span {
      float:left;
      display:block;
      padding:0px 0px 4px 0px;
      color:black;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
    /* End IE5-Mac hack */
#tabsH a:hover span {
      color:#d3d3d3;
      }
	}
/* end of navigation */