* {margin:0;padding:0}

body {
	color: #ffffff;
	background-color: #2A1010;
 	font-size: 11px; font-family: Verdana, Sans-Serif; 
 	line-height: 18px;
	min-width:723px;/* stop mozilla sliding off the edge */
	background-image: url( 'images/common/main_bg.gif');
}

.smlital {
	color: #ffffff;
	background-color: #2A1010;
 	font-size: 10px; font-family: Verdana, Sans-Serif;  font-style: italic;
 	line-height: 14px;
	min-width:723px;/* stop mozilla sliding off the edge */
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	width: 723px;
	text-align: left;
	margin-top: 20px;
	border: solid 12px #ffffff;
	position: relative;
	z-index: 1;
	background-image: url('images/common/body_bg.gif');
	background-repeat: repeat-y;
}

div#header {
	height: 294px;
	position: relative;
	z-index: 25;
}


#narilogo {
	position: relative;
	width: 80px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 30px;
	margin-left:32px;	
	border:none;
	}

/* --------------------------------------------------------------------------*/
/* 	Style maincontent section */

div#maincontent {
	position: relative;
	z-index: 5;
	color: #ffffff;
	padding-bottom: 40px;
	padding-top: 20px;
	padding-right: 30px;
	margin-top: -4px;	
}

div#maincontent p, h1, h2, h3, h4, ul, ol, blockquote .vcard {
	margin-left: 180px;
	padding-right: 30px;
}

div#maincontent.vcard {
	margin-left: 180px;
	padding-right: 30px;
}

div#maincontent p {
	padding-bottom: 10px;
}

div#maincontent h1, h2, h3, h4 {
	font-family: trebuchet, "Trebuchet MS", Sans-Serif;
}

div#maincontent h1{
	margin-bottom: 20px;
	font-size: 1.15em;
	color: #DBE989;
	font-weight: normal;
	border-bottom:1px dotted #5C4C45; }

div#maincontent  h2{
	margin-bottom: 10px;
	color: #DBE989;
	font-weight: normal;
	font-size: 1.1em;
}

div#maincontent  h3{
	text-transform:uppercase;
}

div#maincontent ul{
	padding-left: 20px;
	padding-bottom: 10px;
}

div#maincontent .caption {
	font-style: italic;
	font-size: .8em;
	line-height: 12px;
}

div#maincontent blockquote {
	font-style: italic;
	font-size: .9em;
	color: #DBE989;
	text-align: left;	
	width: 280px;
	padding-left: 190px;
}

div#maincontent img {
	border: 1px solid #DBE989;
	margin-bottom:8px;
}

div#maincontent .bold {
	font-weight: bold;
}

/* --------------------------------------------------------------------------*/
/* 	Style all links */

	a:link      { color: #fff; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a:active    { color: #fff; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a:visited   { color: #fff; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a:hover     { color: #783; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: underline; margin: 0 }

	a.alt:link      { color: #DCEA8B; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a.alt:active    { color: #DCEA8B; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a.alt:visited   { color: #DCEA8B; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a.alt:hover     { color: #783; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: underline; margin: 0 }

	a.ital:link      { color: #DCEA8B; font-size: 10px; font-family: Verdana, Sans-Serif; font-style: italic; text-decoration: none; }
	a.ital:active    { color: #DCEA8B; font-size: 10px; font-family: Verdana, Sans-Serif; font-style: italic; text-decoration: none; }
	a.ital:visited   { color: #DCEA8B; font-size: 10px; font-family: Verdana, Sans-Serif; font-style: italic; text-decoration: none; }
	a.ital:hover     { color: #778833; font-size: 10px; font-family: Verdana, Sans-Serif; font-style: italic; text-decoration: underline; }

	#home_img a		 {margin-top:10px; }

	a.gallhead:link      { color: #DCEA8B; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a.gallhead:active    { color: #DCEA8B; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a.gallhead:visited   { color: #DCEA8B; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: none; margin: 0 }
	a.gallhead:hover     { color: #783; font-size: 11px; font-family: Verdana, Sans-Serif; text-decoration: underline; margin: 0 }


/* --------------------------------------------------------------------------*/
/* Navigation menu styles */

div#leftcolumn {
	position: relative;
	z-index: 20;
	float: left;
	text-align: right;
	width: 136px;
}

#menu {
	text-align: right;
	padding-top: 6px;
	margin-left: 15px;
	width: 120px;
	background: transparent;
}

#menu a, #menu a:visited {
	display:block; 
	text-decoration:none; 
	color:#ffffff; 
	background:url(off.gif); 
	background-repeat:no-repeat;
	border-bottom: solid 1px #CFC5B3;
	padding-top: 10px;
	font-family: trebuchet, "Trebuchet MS", Sans-Serif;
	font-size: 1em;
}

#menu a:hover {
	display:block; 
	cursor:pointer; 
	text-decoration:none; 
	color:#DBE989; 
	background:url(images/common/arrow.gif); 
	background-repeat:no-repeat;
	background-position: 0px 22px;
	border-bottom: solid 1px #DBE989;
	font-family: trebuchet, "Trebuchet MS", Sans-Serif;
	font-size: 1em;
}

/* --------------------------------------------------------------------------*/
/* Individual page styles */


/* Home page styles */

#home_img {
	position: relative;
	padding: 0;
	margin: 0;
	width:693px;
	height:100px;
	margin-top: 20px;
	z-index:10;
}

div#maincontent #home_img  ul {
	padding:0;
	margin: 0;
	margin-left: 175px;
	padding-left: 5px;
	position: relative;
	z-index:10;
}


div#maincontent #home_img ul li {
	list-style-type: none;
	width: 235px;
	font-size: .9em;
	float: left;
	padding-top: 10px;
	padding-right: 8px;
	position: relative;
	z-index:10;
	border-top: 1px dotted #5C4C45;
	padding-left: 10px;
}

div#maincontent #home_img #green {
	background-color:#4B5237; 
	height:254px;
}

div#maincontent #home_img #border {
	border-left: dotted 1px #5C4C45;
	width: 230px;
}

div#maincontent #home_img img {
	margin-left: 0;
}

div#maincontent #home_img ul li p {
	margin: 0;
	padding: 0;
	width: 230px;
	color:#fff;
}

div#maincontent #border  {
	border-left: solid 1px #CFC5B3;
}

div#maincontent .small  {
	font-size: .95em;
}

div#maincontent #home_img h3 {
	color: #DBE989;
	font-weight: bolder;
	font-size: 1.15em;
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
}


/* Contact page styles */
div#maincontent #contact  {
	display: block;
	font-size:11px;
	list-style-type: none;
}

/* Custom page styles */

div#subnav {
	font-family: trebuchet, "Trebuchet MS", Sans-Serif;
	font-size: .9em;
	font-weight: bold;
	text-align: left;
	background-color: #472a2a;
	font-weight: normal;
	padding: 1px ; 
	margin-left: 180px;
	width: 300px;
	height: 16px;
	margin-top: -10px;
}

#subnav ul li a:link, #subnav ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	border: none #472a2a;
	display: inline;
	padding: 3px 10px 3px 10px; }

#subnav ul li a:hover, #subnav ul li a.current {
	color: #DBE989;
	background-color: #351515;
	text-decoration: underline;
	border: none  }

#subnav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#subnav ul {
	margin: 0px;
	padding: 0px;
}

div#maincontent #joinery	{
	margin-left: 185px;
	margin-top: 20px;
}

div#maincontent #joinery img	{
	width: 150px;
	height: 100px;
	margin-right: 2px;
	margin-left: 2px;
}

div#maincontent #joinery td	{
	padding-bottom: 12px;
}


/* About page styles */

div#maincontent #about_img {
	position: relative;
	z-index:10;
	margin-top: -10px;
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
	float: right;
	width: 180px;
	margin-left: 20px;
	padding-left: 10px;
}

div#maincontent #about_img img {
	margin-bottom: 16px;
}

div#maincontent #bside  {
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
}


div#maincontent #bside img {
	border: none;
	position: relative;
	top: 6px;}

#bside img a {
	margin-top:10px;
	border:0px;
}

/* Gallery page styles */

div#maincontent #gallery  {
	display: block;
	list-style-type: none;
	font-size: .95em;
}

div#maincontent #gallery h3 {
	color: #DBE989;
	font-weight: bolder;
}

div#maincontent #gallery p {
	margin-left:180px;
	width:26zpx;
}

div#maincontent #gallery img {
	float: left;
	position: absolute;
	top: 14px;
	left: 0px;
}

div#maincontent #gallery li {
	border-top: 1px dotted #826F60;
	margin-left: -20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 126px;
	position: relative;
}


/* Gallery sub-page styles */

div#maincontent #subgallery {
	margin: 0;
	padding: 0;
	text-align: left;
	margin-left: 180px;
}

div#maincontent #subgallery img {
	margin-top: 30px;
}

	
div#maincontent #subgallery .center {
	text-align: center;
}


/* Features pages styles */

div#maincontent #features ul  {
	margin: 0;
	padding: 0;
	position: relative;
	left: 40px;
	margin-bottom: 10px;
}

div#maincontent #features li {
	display: inline;
	padding: 4px;
}




#boxes {position:relative; left:0px; top:100px; width: 510px; margin-bottom:0px; }
#box1 { position:relative; left: 41px;  top: 5px; width: 150px; text-align: left; float:left; size:11px; } 
#box2 { position:relative; left: 60px;  top: 5px; width: 150px; text-align: left; float:left; size:11px; border-left:1px dotted #5C4C45; }
#box3 { position:relative; left: 110px; top: 5px; width: 150px; text-align: left; float:left; size:11px; border-left:1px dotted #5C4C45; }

#boxes p {font-size:11px; line-height:15px;}
ul.boxes { list-style:none; list-style-position: outside; margin: 0 0 0 -15px; padding: 0 0 0 0; font-size: 11px; line-height:15px; }
ul.boxes li { margin-left: 0px; margin-bottom: 3px;}
h4.boxes {position:relative; font-size:10px; left:185px; color: #DBE989; margin: 0 0 0 0; font-weight:800; width:480px; border-bottom:1px dotted #5C4C45; }