/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-size: 11px;
	color: #373737;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;
}

b{font-size: 110%;}
em{color: red;}
p {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
margin-top:0px;
padding-bottom:auto;
padding-top:0px;
padding-left:0px;
padding-right:0px;
}
	img {
	  border: 0px none #fff;
}
	a:link {
	color: #6C2808;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
	a:visited  { color: #6C2808; text-decoration: none; }
	a:hover { color: #6C2808; text-decoration: underline; }
	
a img {
padding-right:0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top:0px;
border: 0px;
margin-bottom: -2px;
margin-top: -2px;
margin-right: -2px;
margin-left: -2px;
border-top-width:0px;
border-top-color:#ffffff;
border-top-style:solid;
border-bottom-width:0px;
border-bottom-color:#ffffff;
border-bottom-style:solid;
}	
a img:hover  {
background-color: #ffffff;
margin-bottom: -2px;
margin-top: -2px;
margin-right: -2px;
margin-left: -2px;
border: 0px;
margin-bottom: -2px;
margin-top: -2px;
margin-right: -2px;
margin-left: -2px;
}	
a img:visited  {
color:#FFFFFF;
background-color: #ffffff;
border: 0px;
}	
#maincontainer{
	width: 867px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-image: url(images/bg2.gif);
	background-repeat: repeat-y;
	border:solid 0px white; 
}
#topsection{
	width:867px;
	height: 125px; /*Height of top section*/
	background-image: url(images/bg_topsection.jpg);
	border-bottom:solid 0px white; 
}


#contentwrapper{
float: left;
position:relative;
width: 100%;
border-top-style: solid;
border-top-color: #6C2808;
border-top-width:3px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:0px;

}
#contentcolumn_hm{
	margin-left: 162px; /*Set left margin to LeftColumnWidth*/
	/*background: #C05723;*/
	min-height:339px;
	height: 339px;
	border-bottom-style: solid;
	border-bottom-color: #6C2808;
	border-bottom-width:3px;
	border-left-style: solid;
	border-left-color: #F0F0F0;
	border-left-width:0px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-right-width:0px;
	padding-top: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#hm_collage{
padding: 0px;
margin: 0px;
height: 338px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-right-width:3px;
}
#contentcolumn{
	margin-left: 162px; /*Set left margin to LeftColumnWidth*/
	margin-top: 0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top: 0px;	
	padding-right:0px;
	padding-bottom:0px;
	padding-left;0px;
	/*background: #C05723;*/
	border-bottom-style: solid;
	border-bottom-color: #6C2808;
	border-bottom-width:0px;
	border-left-style: solid;
	border-left-color: #F0F0F0;
	border-left-width:1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
	border-right-width:1px;
	background-color: #FFFFFF;
	background-image: url(images/bg_content_col_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#leftcolumn{
	float: left;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: -867px; /*Set left margin to -(MainContainerWidth)*/
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	width: 162px; /*Width of left column*/
	height: 339px;
	background-image: url(images/bg_left_col.gif);/*background: #E6AF5C;*/
	background-repeat: repeat-y;
	background-color: #6C2808;
	border-top-style: solid;
	border-top-color: #6C2808;
	border-top-width:3px;
	border-bottom-style: solid;
	border-bottom-color: #6C2808;
	border-bottom-width:3px;
}
#footer{
	clear: both;
	width: 100%;
	background: #FFFFFF;
	color: #AFB1AE;
	text-align: center;
	border-top-color: #ffffff;
	border-top-width: 10px;
	border-top-style: solid;
	font-weight: bold;
	font-size: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#footerstuff{
	padding-left: 10px;
	padding-right: 10px;
}
#footer a{
color: #6C2808;
text-decoration:none;
}
	#footer a:visited { color: #6C2808; text-decoration: none; }
	#footer a:hover { color: #ffffff; text-decoration: none;
	background-color: #6C2808; }
.innertube{
	margin-top:0px;
	margin-right: 35px;
	margin-bottom: 35px;
	margin-left: 35px;
	padding-top: 35px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
.innertube_port{
margin: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top:0;
/*background-color:#FFFF99;*/
}
#logo_hm{
width: 349px;
margin-left: 15px;
margin-right:0px;
margin-top: 25px;
border-bottom-style: solid;
border-bottom-color: #6C2808;
border-bottom-width:0px;
float:left;
}
#logo_sub{
margin-left: 0px;
margin-right:0px;
margin-top: 0px;
float: left;
}
#hm_feature_image{
width: 540px;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color:#ffffff;
}

h1 { 
	height: 34px;
	margin-top: 0px;
	line-height: 34px;
}
h1 b { position: absolute; left: -999em; }
/* -- Title Definitions -- */
.contact { background: url('images/hdr_contact.gif') no-repeat top left; }
.mande { background: url('images/hdr_mande.gif') no-repeat top left; }
.portfolio { background: url('images/hdr_portfolio.gif') no-repeat top left; }
.about { background: url('images/hdr_about.gif') no-repeat top left; }
.repair { background: url('images/hdr_repair.gif') no-repeat top left; }

h2 {
	color: #7A8C59;
	font-size: 12px;
	letter-spacing:0px;
	text-transform:uppercase;
	margin-bottom: 4px;
	/*letter-spacing: .2em;*/
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;	
	width:auto;
}

#nav{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
	height: 35px;
	margin-right: 0px;
	float:right;
margin-top: 52px;
margin-right: 20px;
border: 0px solid red;
width: 470px;
}
* html #nav{
		/*IE 6 only */
}	
	/*Box model bug: 180px minus all left and right paddings for #nav_menu */

#nav ul{
	list-style: none;
	margin: 0;
	padding-top: 10px;
	border: none;
	margin-top: 0px;
}

#nav li {
border-bottom: 0px solid #aeb0af;
display: inline;
}

#nav li a{
	display: inline;
	line-height: 12px;
	padding: 4px 6px 4px 6px;
	border-left: 0px solid #5773BB;
	border-right: 0px solid #5773BB;
	color: #829469;
	text-decoration: none;
	width: auto;
	font-size : 10px;
	font-weight : bold;
	letter-spacing: 0px;
	word-spacing: 0px;
}
#nav li a:hover{
	border-left: 0px solid #6B2707;
	border-right: 00px solid #6B2707;
	background-color: #6C2808;
	color: #ffffff;
}
/* MAIN PORTFOLIO PAGE TABLE ELEMENTS*/
.portfolio_row {
/*width: 100%;*/
height:210px;
}
.portfolio_item{
	float: left;
	position:relative;
	margin-right:35px;
	width:182px;
	height:200px;
	max-width:180px;
}
.portfolio_img{
	position:relative;
	width: 180px;
	height:180px;
}
.portfolio_title{
	width: 180px;
	position:relative;
	height:20px;
	padding-top: 3px;
}
.portfolio_title a{
color:#7A8C59;
font-size:11px;
font-weight:bold;
}
.portfolio_title a:hover {
text-decoration:none;
color:white;
background-color:#6C2808;
}
.portfolio_title a:visited {
color:#7A8C59;
font-size:11px;
font-weight:bold;
}
/* PORTFOLIO PIECE PAGE ELEMENTS */

#dynloadarea {
float:left;
width:346px;
height: 275px;
margin-right: 10px;
position:relative;
}
#galleryNav {
	margin:0 0 24px 0;
	padding:16px 8px 16px 8px;
	background:#f4f4f4;
	text-align:center;
}


li#galleryHeading {
	font-weight:bold;
	background:none;
	background-image:none;
	padding-left:0;
	color:#666;
}

#galleryThumbs {
	width:346px;
	display:block;
	padding-bottom:15px;
	float: left;
	/*border:solid 1px red;*/
}
#galleryThumbs ul{
	list-style-type: none;
	list-style-position: outside;
	padding:0px;
	float: left;
	margin-left:0px;
}
#galleryThumbs li {
	border-left-color:#000000;
	border-left-width:0px;
	border-left-style:solid;
	/*	width:105px;
	height:73px;*/
	float:left;
	padding:0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#galleryThumbs li.third{ margin-right:0px;!important}
#galleryThumbs img {
padding-right:0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top:0px;
margin-bottom: -2px;
margin-top: -2px;
margin-right: -2px;
margin-left: -2px;
border-top-width:0px;
border-top-color:#ffffff;
border-top-style:solid;
border-bottom-width:0px;
border-bottom-color:#ffffff;
border-bottom-style:solid;
}
.item_pics_wrap {
float:left;
width:346px;
margin-right: 10px;
}
.item_desc{
float: right;
width:290px;
position:relative;

}
.item_desc p{
margin-left:0px;
}
h2.item{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:200px;
	font-size:14px;	
	text-transform:uppercase;
	letter-spacing:0px;
	word-spacing:0px;
	color:#ffffff;
	background-color:#ADB899;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;	
	margin-bottom:15px;
	margin-top:0px;
}
h3.item{
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	color:#ADB899;
	font-weight:normal;
	width:200px;
	font-size:10px;	
	text-transform:uppercase;
	letter-spacing:0px;
	word-spacing:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;	
	margin-bottom:5px;
}
#media{
width: 200px;
background-color: #FFFFFF;
float: right;

}

#events{
width: 400px;
float: left;
}

.img_wrap{
float:right;
margin-left: 10px;
margin-bottom: 15px;
border-bottom-width:0px;
border-bottom-color:#000000;
border-bottom-style:solid;
display:relative;
}
/* hacks ****************************************************************************************************/

.clearfix:after {galleryThumbs: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {display: inline-table;}
/* Hides from IE-mac */

* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */


