body
	{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	}

h1, h2, h3, h4, h5, h6
	{
	margin:0px;
	padding:0px;
	}




.menu {
	padding : 0.5em;
	margin-bottom : 0.5em;
	}

.menu a {
	display : block;
	}

.other
{
	padding :0.5em;
	margin-top : 0.5em;
}

div.top {
	position : absolute;
	top : 0px;
	left : 200px;
	}

div.content-main
{
	position : absolute;
	top : 0px;
	left : 200px;
	width : 600px;
	height: 600px;
	background: url("img/main_bg_txt.jpg") no-repeat top left;
}


div.content-treatment
{
	position : absolute;
	top : 140px;
	left : 200px;
	width : 600px;
	background: url("img/treatments_bottom.jpg") no-repeat top left;
	padding: 0 0 150px 0;
}

div.content-products
	{
	position : absolute;
	top : 140px;
	left : 200px;
	width : 600px;
	background: url("img/products_bottom.jpg") no-repeat top left;
	padding: 0 0 150px 0;
	}
	
div.content-surgical
	{
	position : absolute;
	top : 140px;
	left : 200px;
	width : 600px;
	background: url("img/surgical_bottom.jpg") no-repeat top left;
	padding: 0 0 150px 0;
	}

div.content-spa
	{
	position : absolute;
	top : 140px;
	left : 200px;
	width : 600px;
	background: url("img/info_bottom.jpg") no-repeat top left;
	padding: 0 0 150px 0;
	}

div.content-contact
	{
	position : absolute;
	top : 140px;
	left : 200px;
	width : 600px;
	background: url("img/contact_bottom.jpg") no-repeat top left;
	padding: 0 0 150px 0;
	}


div.text {
	margin: 40px 0 0 50px;
	width: 500px;
	}

div.text img {
	margin: 0 0 0 0;
	padding: 0;
	}

div.text h2 {
	color: #a6987b;
	}


div.text p {	
	font-size: 12px;
	line-height: 140%;
	}

span.line {
	font-size: 10px;
	color: #ccc;
	}


div.sidebar
{
	position : absolute;
	top : -3px;
	left : -5px;
	width : 215px;
	background: #b9dff2 url("img/left_back.gif") no-repeat top left;
	padding : 0;
	border-left: 1px solid #13afd9;
	border-right: 1px solid #13afd9;
}




/*
 * This ensures that text in paragraphs doesn't
 * stretch right across the screen. This only works
 * in more advanced browsers.
 */
.contentText p
{
	max-width:45em;
}


	ul.menu {
		list-style:none;
		margin: 140px 0 0 0;
		text-align : center;
		padding: 0 0 200px 0;
		}

ul.menu li
{
	margin: 0 0 5px 0;	
}



	.menu a:link, .menu a:visited {
	color: #13afd9;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	}

	.menu a:hover, .menu .active:hover {
	text-decoration: underline;
	}
	
	.menu .active:link, .menu .active:visited {
		color: #a6987b;
		}

	.menu strong {
	font-size : large;
	}

a.subnav:link {	
	color: #13afd9;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;}
a.subnav:hover {
	color: #a6987b;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;}
}
a.subnav:active {
		color: #a6987b;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}
a.subnav:visited {	
	color: #13afd9;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;}

.other
{
	text-align : center;
	background-image : url(images/redfilter.gif);
	border : thin solid rgb(0,0,0);
	background-color : inherit;
	color : rgb(0,0,0);
	font-weight : bold;
}

.contentText
{
	color : rgb(0,0,0);
	background-color : rgb(255,255,255);
	border : thin solid;
}

.footer
{
	background-image : url(images/redfilter.gif);
}

.footer a:link
{
	color: rgb(0,0,0);
	background-color:transparent;
}