html { margin: 0px; } 

html>body {
height: 100%;
}

body { 
background:  #241F17 url('images/wood3.jpg');
 background-color: #241F17; 
color:#1C3030;
text-align: left; 
font: bold 1em georgia, times, serif, Arial,  Verdana; 
margin: 0px; 
padding: 0px; 
}

#backlogo { 
background: url(images/carpet.png) repeat-x;
height: 245px; 
} 

#logo { 
background: url(images/logo.png)  no-repeat; 
height: 238px;
width: 960px;
margin: 0px auto; 
padding: 0px ; 
 
} 




#hello { 
background: url(images/hello.png)  no-repeat; 
height: 315px;
width: 851px;
margin: 0px auto; 
padding: 0px ; 

}

#menu{
background: url(images/navigation.png)  no-repeat;
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 1024px;
height: 134px;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu ul{
font: bold 2em georgia, times, serif, Arial,  Verdana;
margin: 0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 50px 0px 0px 60px;
list-style: none;

}

#menu li{
display: inline;
margin: 0 12px 0 10px;
padding: 0;

}

#menu a{

color: #633F1B;
margin: 0; /*Margin between each menu item*/
padding: 0px 0px ;
text-decoration: none;
    

}

#menu a:hover{
color: #A53B0C; /*Menu hover bgcolor*/
text-decoration: none;
    
}

#menu #current a{ /*currently selected tab*/
color: #D2C97F;  
text-decoration: none;    
background-color: #A53B0C ;
}


#top_content { 
background: url(images/top_content.png)  no-repeat; 
height: 66px;
width: 1024px;
margin: 0px auto; 

}

#wrapper{ 
 margin: 0px auto;  /* to fix centering in Mozilla */ 
 background: url(images/contenta.png) repeat-y; 
 text-align: left; 
 width: 1024px;    /* width should be the same as the background image */
  padding: 0px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 font: 1em georgia, times, serif, Arial,  Verdana;
} 
 html>body #wrapper { width: 1024px; }

#bottom_content { 
background: url(images/bottom_content.png)  no-repeat; 
height: 67px;
width: 1024px;
margin: 0px auto; 
padding: 0px ; 

}

 #home {
margin: 0px auto;
 width: 540px; 
 float: left; 
 padding: 0px 0px 20px 80px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 540px;
}
html>body #home { width: 540px; }

 #welcome {
 background: url(images/brackets.png)  no-repeat; 
margin: 0px auto;
 width: 540px; 
 float: left; 
 padding: 0px 0px 0px 80px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 540px;
}
html>body #welcome { width: 540px; }


#listing ul li{
list-style: none;
margin: 0px 40px 0px -40px;
padding: 0px 40px 0px 0px ;
text-align: left;
font:  1em georgia, times, serif, Arial,  Verdana;
color:#633f1b;
letter-spacing:0.1px;
line-height: 1.5em;
border-bottom: medium dotted #633f1b;
border-width: 2px;

}

#columnright{
float: right;
width: 300px;
margin: 40px 40px 40px 40px;
padding: 0 20px 0 0;
}

#contact{
background: url(images/contact.png)  no-repeat; 
width: 299px; 
height: 756px;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contactwrapper {
width: 260px;
height: 756px;
float: right;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#social{
width: 260px;
height: 756px;
float: right;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footertop{ 
 background: url(images/ftertop.png) repeat-x; 
 height: 19px;
  margin: 0;
  padding: 0; 
 /* box model hack */  
} 


#footer{ 
background: url(images/fter.png) repeat-x; 
 background-color: #241F17; 
 height: 287px;
 text-align: left; 
 font: 1em georgia, times, serif, Arial,  Verdana;
 color: #D2C97F;
 
} 

#footerwrapper{

margin: 0px auto;  /* to fix centering in Mozilla */ 
width: 950px;    /* width should be the same as the background image */
padding: 0; 
}

#fterlogo{

 float: left;
height: 141px;
width: 324px;    /* width should be the same as the background image */
padding: 20px 0 0 0;
margin: 0; 


}

#fterlinks{

float: left;
height: 141px;
width: 302px;    /* width should be the same as the background image */
padding: 0px; 

}

#fterquote{
 
float: right;
height: 141px;
width: 324px;    /* width should be the same as the background image */
padding: 20px 0 0 0;
margin: 0; 

}

#footerbottom{
 
float: left;
margin: 40px 0 0 0 ;  /* to fix centering in Mozilla */ 
padding: 10px 0 0 0; 
width: 950px;    /* width should be the same as the background image */
border-top: dotted;


}
 
#main-container{
margin: 80px 0 0 0;
padding: 0;
	
	
}

#form-container{
background: url(images/contact_form.png)  no-repeat; 
width: 417px;
height: 432px;
padding:60px 30px 30px 30px;
	
}

td{
	white-space:nowrap;
}

label{
	text-transform:uppercase;
	font-size:12px;
	font-family:georgia, times, serif, Arial,  Verdana;
}

textarea{
	color:#404040;
	font-family:georgia, times, serif, Arial,  Verdana;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}



 h1 {
color: #749696;
font: bold 2.4em georgia, times, serif, Arial,  Verdana;
padding: 20px 0px 0px 0px;
 
}



h2 { 
	color: #749696;
	font: bold 2.2em georgia, times, serif, Arial,  Verdana;	
	padding: 20px 0px 0px 0px;

}


    
h2.brown {

	color:#633F1B;

}

h2.sand {

	color:#D2C97F;

}

h3 { 
	color: #A53B0C;
	font: bold 1.4em georgia, times, serif, Arial,  Verdana;	
	padding: 0px 0px 0px 0px;

}

h4 { 
	color: #A53B0C;
	font: bold 1.3em georgia, times, serif, Arial,  Verdana;	
	padding:20px 0 0 0;
	margin: 0;

}

p.sub {
	font: 1.4em georgia, times, serif, Arial,  Verdana;
	color:#633f1b;
	padding: 30px 180px 40px 15px;
	font-style:italic; 
	letter-spacing:0.1px;
    line-height: 1.4em;
}

p.sub2{
	font: 1.2em georgia, times, serif, Arial,  Verdana;
	color:#633f1b;
	padding: 0px 0px 20px 0px;
	font-style:italic; 
	letter-spacing:0.1px;
    line-height: 1.4em;
}

p.left1 {
font:  1em georgia, times, serif, Arial,  Verdana;
color:#633f1b;
padding: 0px 20px 40px 0px;
letter-spacing:0.1px;
line-height: 1.4em;

}

p.contact {
font: bold 1em georgia, times, serif, Arial,  Verdana;
color:#633f1b;
margin: 0 ;
padding: 0 ;
letter-spacing:0.1px;
line-height: 1.4em;

}

p.links {
text-align: center;  
font:  1em georgia, times, serif, Arial,  Verdana;
color:#633f1b;
padding: 40px 20px 40px 0px;
margin: 40px 0 0 0 ;
letter-spacing:0.1px;
line-height: 1.4em;


}

p.work {
font:  1em georgia, times, serif, Arial,  Verdana;
color:#633f1b;
padding: 0px 20px 0px 0px;
letter-spacing:0.1px;
line-height: 1.4em;

}

p.worktop{
	font: 1.2em georgia, times, serif, Arial,  Verdana;
	color:#633f1b;
	padding: 40px 0px 0px 0px;
	font-style:italic; 
	letter-spacing:0.1px;
    line-height: 1.4em;
}

ul#portfolio li img{
	border: 1px solid #fff;
	padding: 4px;
	height: 220px;
}



a.content:link {color:#633f1b ; background-color:#D2C97F; }
a.content:visited {color: #633f1b ; background-color:#D2C97F;} 
a.content:hover {color: #D2C97F ; background-color:#A53B0C; }
a.content:active {color: #633f1b; background-color:#D2C97F; }


a.footer:link {color:#D2C97F ; background-color:#A53B0C; }
a.footer:visited {color: #D2C97F ; background-color:#A53B0C;} 
a.footer:hover {color: #633f1b ; background-color:#D2C97F; }
a.footer:active {color: #D2C97F; background-color:#A53B0C; }

.toggleborder:link img{
border: 8px solid #633F1B;
}

.toggleborder:visited img{
border: 8px solid #633F1B;
}

.toggleborder:hover img{
border: 8px solid #B07030;
}

.toggleborder:active img{
border: 8px solid #633F1B;
}

img {
border-style: none;
}

.social img{
 padding: 0 20px 0 0;
 margin: 0 20px 0 0;
}

.clear { clear: both; }