body{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
   margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}


.skiplink {
		position: absolute;
		left: -999px;
		width: 990px;
}

#container{
	width: 760px;
	border: 1px solid #663333;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0;
	background-image: url(../images/page_bk.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

#header{
   float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../images/main_bk.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
}

#header .logo{
	float: left;
	padding: 0;
	margin: 0;
}

#header img{
   border: none;
}

#pageheader{
   float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	background-color: Fuchsia;
}

#main{
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

#contentcontainer{
	float: right;
	width: 597px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#contenthome{
	/* This is used on the home page... */ 

float: left;
	
	width: 420px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-image: url(../images/content_bk.jpg);
	background-position: top left;
	background-repeat: no-repeat;

}

#content{
	float: left;
	
	width: 95%;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-image: url(../images/content_bk.jpg);
	background-position: top left;
	background-repeat: no-repeat;

}

#homePortfolio{
   float: right;
	width: 160px;
	margin: 15px 5px 0 0;
	padding: 3px;
	border: 1px solid #d9d4d0;
	text-align: center;
}

.homePortfolio img{
	border: none;
}

#mainmenu{
   float: right;
	text-align: right;
	width: 500px;
	height: 76px;
	padding: 10px 10px 0 0;
	margin: 0 0 0 0;
	font-size: small;
	font-weight: bold;
	background-image: url(../images/header_curve.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#mainmenu ul{
	padding: 0 0 0 0;
	margin: 0;
}

#mainmenu li{
	display: inline;
}

#mainmenu a{
	padding:10px;
	color:  #660000;
	text-decoration: none;
}

#mainmenu a:visited{
	padding:10px;
	color:  #660000;
	text-decoration: none;
}

#mainmenu a:hover{
	padding:10px;
	color:  #333;
	text-decoration: underline;
}

#pagemenu{
	float: left;
	width: 163px;
	margin: 0 0 0 0;
	padding: 50px 0 0 0;
	background-image: url(../images/side_bk.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#pagemenu ul{
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	width: 128px;
}

#pagemenu li{
	list-style-type: none;
	padding: 0.4em 0 0.4em 18px;
	font-weight: bold;
	background-image: url(../images/bullet01.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

#pagemenu li a{
	color: #583c22;
	text-decoration: none;
}

#pagemenu li a:visited{
	color: #583c22;
	text-decoration: none;
}

#pagemenu li a:hover{
	color: #666;
	text-decoration: underline;
}

#footer{
	clear: both;
	text-align: left;
	/*background-color: #d5bea9;*/
	font-size: xx-small;
	font-weight: bold;
	color: #666;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 56px;
	background-image: url(../images/footer_bk.gif);
	background-repeat: repeat-x;
}

#footer ul{
   width: 580px; 
	height: 26px; 
	margin: 0;
	padding: 30px 0 0 170px;
	background-image: url(../images/wood_shavings.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#footer li{
	display: inline;
	padding:10px;
}

#footer a{
	color: #330000;
	font-size: x-small;
}

#footer a:visited{
	color: #330000;
	font-size: x-small;
}

#footer a:hover{
	color: #666;
	font-size: x-small;
}


h1{
	color: #660000;
	font-size: large;
}

h2{
   color: #660000;
	font-size: medium;

}

h3{
	color: #660000;
	font-size: small;
}

h4{
	color: #333;
	font-size: small;
}

h5{
   color: #222;
	font-size: small;
}

p,td,div {
	color: #222;
	font-size: small;
}

p a{
	color: #660000;
	text-decoration: none;
font-size: small;
}

p a:visited{
	color: #660000;
	text-decoration: none;
font-size: small;
}

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

ol{
font-size: small;

}

ol li{
   
}

ul{
	font-size: small;
}

ul li{

padding-left: 0;
margin-left: 0;
}

li a{
	color: #660000;
	text-decoration: none;
font-size: small;
}

li a:visited{
	color: #660000;
	text-decoration: none;
font-size: small;
}

li a:hover{
	color: #333;
	text-decoration: underline;
}

#breadcrumbContainer{
      font-size: small;
}

#breadcrumbContainer a{
      color: #660000;
	text-decoration: none;   
}

#breadcrumbContainer a:visited{
      color: #660000;
	text-decoration: none;   
}

#breadcrumbContainer a:hover{
      color: #333;
	text-decoration: underline;   
}

#breadcrumbContainer strong{
	color: #555;
}

.backlink{
   clear: both;
}

/*  Portfolio items  */

.categoryContainer{
     float: left;
	 width: 99%;
	 border: 1px solid #ddd;
	 margin: 0.2em 0 0.2em 0;
	 padding: 0.2em;

}

.categoryImageContainer{
   float: left;
   width: 100px;
   height: 100px;
}

.categoryImageContainer img{
   border: none;

}

.categoryTextContainer{
	 width: 80%;
	 float: right;
}

.categoryTextContainer h2{
	 padding: 0;
   color: #660000;
	margin: 0;
}



.categoryTextContainer h2 a{
	 color: #660000;
     text-decoration: none;

}

.categoryTextContainer h2 a:visited{
	 color: #660000;
text-decoration: none;
}

.categoryTextContainer h2 a:hover{
	 color: #333;
text-decoration: underline;
}


/*  Items */

.itemsContainer{
   float: left;
   clear: both;
   width: 99%;
   margin: 0 0 1em 0;
}

.itemsContainer img{
   border: none;
}

.itemContainer{
     float: left;
	 text-align: center;
     width: 30%;
	 margin: 0 0.5em 1em 0.5em;
}

.itemTextContainer{
     width: 99%;
	 float: left;
	 clear: both;
	 margin: 0 0 30px 0;
}

.itemTextContainer h2{
	 padding: 0;
   color: #660000;
	margin: 0;
}



.itemTextContainer h2 a{
	 color: #660000;
     text-decoration: none;

}

.itemTextContainer h2 a:visited{
	 color: #660000;
text-decoration: none;
}

.itemTextContainer h2 a:hover{
	 color: #333;
text-decoration: underline;
}

/* Item detail page */

#itemDescription{

   float: right;
   clear: right;
   width: 45%;
   margin: 0;
   padding: 0;
}

#itemImageContainer{
	margin: 0 0 0.5em 0;
	width: 300px;
	height: 300px;
	text-align:center;
	vertical-align:middle;
	background-color: #eeeeee;
}

.itemImageContainer img{
	border: none;
}

.itemThumbnails {
	width: 303px;
	background-color: #eeeeee;
}
.itemThumbnailContainer {
	float:left;
	text-align:center;
	width:98px;
	height:98px;
   margin: 0 3px 3px 0;
	background-color: #eeeeee;
}
.itemThumbnail {
   border: none;
}


/* Links  */


.linksCategoryContainer{
   border: 1px solid #ddd;
   margin: 0.2em 0 0.2em 0;
	 padding: 0.2em;
}


.linksCategoryContainer h2{
   margin: 0 0 1em 0;
	 padding: 0;
}


.linksLinkContainer{
   width: 99%;
   margin: 0 0 0.7em 0;
}

.linksLinkContainer h3{
   padding: 0;
   margin: 0;
}

.linksLinkContainer h3 a{
   color: #660000;
   text-decoration: none;
}

.linksLinkContainer h3 a:visted{
   color: #660000;
   text-decoration: none;
}

.linksLinkContainer h3 a:hover{
   color: #333;
   text-decoration: underline;
}

.linksLinkContainer p{
   margin: 0 0 1em 0;

}


/* Contact Form */

label{
   float: left;
   font-size: small;
   width: 100px;
   text-align: right;
   margin: 0 0.3em 0 0;
}

.formrow{
   float: left;
   width: 400px;
   clear: both;
   margin: 0.5em 0 0.5em 0;
}

.formbuttons{
float: left;
width: 300px;
padding-left: 100px;
clear: both;
}

.formbuttons input{
margin-right: 1em;
}

.formemail {
  	display: none;
  	visibility: hidden;
}