html, body
{
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 14px;
	color: #333;
	background: url('images/bg.gif') #fff;
	padding: 0;
	margin: 0;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a 
{
	border: 0;
	padding: 0;
	margin: 0;
}

ul { list-style-type: square; }

a	{ text-decoration: none; color: #f66408; }
a:hover { text-decoration: underline; }

img 		{ border: none; }
a img 		{ border: none; }
a:hover img 	{ border: none; }

.cleaner { height: 0; clear: both; font-size: 0; line-height: 0; }

#main
{
	width: 760px;
	background-color: #fff;
	padding: 20px;
	margin: 0 auto;
}

#top
{
	width: 100%;
	height: 90px;
	background: url('images/logo.gif') no-repeat center left;
}
#top h1 { font: 12px/normal Verdana, Arial; text-align: center; color: #666; line-height: 20px; padding: 25px 0 0 400px; }

#nav
{
	width: 100%;
	height: 30px;
	margin: 10px 0 20px 0;
}
#nav ul
{
	list-style-type: none;
	margin: 0 0 0 2px;
}
#nav ul li
{
	display: inline;
}
#nav ul li a
{
	width: 188px;
	height: 30px;
	font: 20px/normal georgia, arial;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	color: #b86a39;
	display: block;
	float: left;
	background-image: url('/images/nav_bg1.gif');
	background-repeat: repeat-x;
	background-position: center center;
	margin: 0 1px 0 0;
}
#nav ul li a:hover, #nav ul li.active a { display: block; background-image: url('/images/nav_bg2.gif'); }
#nav ul li span
{
	position: relative;
	top: -31px;
	left: -1px;
	display: block;
	color: #fff;
	margin: 0 0 -30px 0;
}

	
#nav ul li.home  	  a { background-image: url('images/nav_home.gif'); }
#nav ul li.about	  a { background-image: url('images/nav_about.gif'); }
#nav ul li.services	  a { background-image: url('images/nav_services.gif'); }
#nav ul li.party_wall_act a { background-image: url('images/nav_party_wall_act.gif'); }
#nav ul li.contact	  a { background-image: url('images/nav_contact.gif'); }

#nav ul li.home		  a:hover, #nav ul li.home_active 		a { background-image: url('images/nav_home_A.gif'); }
#nav ul li.about	  a:hover, #nav ul li.about_active 		a { background-image: url('images/nav_about_A.gif'); }
#nav ul li.services	  a:hover, #nav ul li.services_active 		a { background-image: url('images/nav_services_A.gif'); }
#nav ul li.party_wall_act a:hover, #nav ul li.party_wall_act_active 	a { background-image: url('images/nav_party_wall_act_A.gif'); }
#nav ul li.contact	  a:hover, #nav ul li.contact_active 		a { background-image: url('images/nav_contact_A.gif'); }

#middle
{
	width: 100%;
	height: 162px;
	background: url('images/photo.jpg') no-repeat center center #fff;
}

#bottom
{
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #ddd;
	padding: 25px 0 10px 0;
}
#bottom .left 	{ float: left; }
#bottom .right 	{ color: #999; float: right; }

#content
{
	width: 100%;
	margin: 20px 0;
}
#content .left
{
	width: 510px;
	float: left;
}
#content .right
{
	width: 230px;
	float: right;
}

#content p
{
	line-height: 19px; 
	margin: 0 0 15px 0;
}

#content h2
{
	font: 28px/normal georgia, arial;
	color: #e26920;
	background: url('images/dot.gif') repeat-x center center;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
#content h2 span
{
	background-color: #fff;
	padding: 0 10px;
}
#content h3
{
	font: bold 18px/normal georgia, arial;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
#content ul
{
	list-style-type: none;
	padding: 0 50px;
}
#content ul li
{
	background: url('images/bullet.gif') no-repeat center left;
	line-height: 19px;
	padding: 0 0 0 20px;
	margin: 10px 0;
}

#content .box
{
	width: 224px;
	background: url('/images/box_bg.gif') repeat-y;
	padding: 6px 0 6px 6px;
}
#content .box .caption
{
	width: 219px;
	height: 26px;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	padding: 0 0 0 5px;
	background: url('/images/box_caption_bg.gif') repeat-x;
}
#content .box .caption .t
{
    position: relative; 
    z-index: 2;
}
#content .box .caption .b
{
    position: relative;
	color: #b86a39;
    top: -25px;
    left: 2px;
    z-index: 1;
    margin: 0 0 -25px 0;
}
#content .box p
{
	font-size: 13px;
	margin: 5px 0 5px 2px;
}
#content #table_contact
{
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
#content #table_contact td { vertical-align: top; padding: 10px 0; }
#content #table_contact .caption { font-weight: bold; width: 20%; }