body			{ font-family: century gothic, trebuchet ms, verdana, arial, tahoma; color: #345300; font-size: 85%; line-height: 200%; background-color: #FAFFF2; }
h1				{ font-size: 150%; font-family: verdana; font-weight: 100; }

#container
{
	margin: 20px auto;
	width: 760px;
}

#menu
{
	width: 730px;
	text-align: right;
	padding: 3px 15px;
	background-color: #E4FFB9;
}

#header
{
	width: 760px;
	height: 125px;
	background-color: #F2FFDD;
	background-image:url('../images/header-background.jpg')
}

#navigate
{
	width: 730px;
	background-color: #E4FFB9;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
}

#content
{
	width: 730px;
	height: 100%;
	padding: 15px;
	background-color: #F2FFDD;
	background-image:url('../images/fade-background.jpg');
	background-repeat:repeat-x;
}

#footer
{
	width: 730px;
	padding: 3px 15px;
	text-align: right;
	background-color: #ccff99;
}

a:active,
a:visited,
a:link	    			{ color: #669900; text-decoration: none; }
a:hover					{ color: #385300; text-decoration: none; }

ul.twinlist {
float: left;
margin-left: 60px;
height: auto;
}

#twinlistwrap {
margin-left: 40px;
width: auto;
height: 220px;
display: block;
}

.clearer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearer {display: inline-table;}


.green {
color: #009933;
}

.black {
color: black;
}

	
#home #nav_home a,
#reflexology #nav_reflexology a,
#bowen #nav_bowen a,
#sam #nav_sam a,
#links #nav_links a,
#contact #nav_contact a {
font-weight:bold;
/* declarations to style the current state */
}

#home #nav_home a:hover,
#reflexology #nav_reflexology a:hover,
#bowen #nav_bowen a:hover,
#sam #nav_sam a:hover,
#links #nav_links a:hover,
#contact #nav_contact a:hover,  {
font-weight:bold;
/* declarations to style the hover effect of the current state */
}


#navigation li {
display: inline;
}