/*colors:
Kraft Brown: #c09b6e
Dark Blue: #3a3e57
Soft White: #f6f5ed
*/

body {
	font: 100% Times, serif;
	background: url("images/kraft.gif");
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #f6f5ed;
}
#container {
	width: 535px; 
	margin: 0 auto;
	text-align: left;
	
}
#mainContent {
background: #3a3e57;
	padding: 15px 0 0 0;
}

#footer{
font-size:65%;
text-align:center;
letter-spacing:.05em;
padding: 4px 0 10px 0;
}


/* -----SITE NAVIGATION----- */
#nav{
background: url(images/bg_nav.gif) no-repeat bottom center;
height:66px;
margin-top:10px;
float:left;
}

#nav ul{
display:inline;
}

#nav ul li{
list-style-type:none;
float:left;
text-indent:-1500px;
margin: 33px 0 0 12px;
}

#nav ul li a{
display:block;
width:68px;
height:27px;
color:#c09b6e;
text-decoration: none;
}

#nav ul #home{margin-left:0;}
#nav ul #home a{}
#nav ul #work a{margin-left:0px;}
#nav ul #services a{margin-left:0px;}
#nav ul #blog{margin-left:75px;}
#nav ul #about a{margin-left:0;}
#nav ul #contact a{margin-left:-3px;}

/* -----END SITE NAVIGATION----- */

#footer a:link,#footer a:visited{color:#f6f5ed;}

#main_photo{
margin-left:4px;
height:370px;
}
#quote{
text-align:right;
height:57px;
}