body
{
	color: #543019;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-color: #f3f3f0;
	margin-top: 111px;
}

#wrapper {}

.container_8 {margin-right: 10px;}

#wrapper
{
	margin: 0 auto 0 auto; 
	width: 778px;
	background-image: url(../images/r_shadow.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.container_8
{
	background-color: #FFF;
	border-top: 2px #543019 solid;
	border-left: 2px #543019 solid;
}

#header { margin: -152px 0 0 0; }

#top_phone
{
	text-align: right;
	font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman";
	font-size: 18px;
	line-height: 63px;
	font-weight: normal;
	position: relative;
	top: -42px;
	right: 24px;
}

#main_logo
{
	position: relative;
	top: -172px;
	left: -30px;
}

#main {width: 622px; margin: 50px auto 0 auto; padding-bottom: 100px;}

#mel_portrait {width: 224px; float: right; margin: 0 0 50px 18px;}

.clearout {clear: both;}

#footer
{
	margin-top: 20px;
	padding-left: 96px;
	height: 63px;
	background-color: #543019;
	clear: both;
}

#footer li
{
	display: inline;
	color: #fff;
	font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman";
	font-size: 20px;
	line-height: 63px;
	font-weight: normal;
	margin-right: 85px;
	letter-spacing: 1px;
}

#main_nav
{
	margin: 16px 0 0 294px;
	width: 449px;
	height: 36px;
	background: url(../images/nav_sprites.gif);
	padding: 0;
	position: relative;
}

#main_nav li
{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#main_nav li, #main_nav a{
height:36px; 
display: block;
}

#home {left: 0; width: 113px;}
#about {left: 113px; width: 112px;}
#portfolio {left: 225px; width: 112px;}
#contact {left: 337px; width: 112px;}

#home a:hover, #home.active {background: transparent url(../images/nav_sprites.gif) 0 -48px no-repeat;}
#about a:hover, #about.active {background: transparent url(../images/nav_sprites.gif) -113px -48px no-repeat;}
#portfolio a:hover, #portfolio.active {background: transparent url(../images/nav_sprites.gif) -225px -48px no-repeat;}
#contact a:hover, #contact.active {background: transparent url(../images/nav_sprites.gif) -337px -48px no-repeat;}

#main_nav span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

h1 {display: none;}

h2
{
	color: #7C754B;
	font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman";	font-size: 24px;
	line-height: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-bottom: 17px;
}

h3 {font-weight: bold; margin-bottom: 20px;}

p { margin-bottom: 18px; }
ul { list-style-type: none; }
a {text-decoration: none; color: #fff; padding: 5px;}
a:hover {text-decoration: underline;}

div#contactform {margin: -36px 0 0 253px;}

label {float: left; width: 116px;}
#submit {margin-left: 119px;}

.smalltxt {font-size: 60%; color: #afa87e;}

.porto {padding-bottom: 500px;}
.porto li{width:300px; height: 220px; text-align: center; float: left; margin: 20px 5px;}

#gal{color: red;}