/*
	bathhouse.css
	This version October 2006
	www.coredatasolutions.co.uk
	
	#496468 dark green
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;}
p {
	font-size: 1.0em;}
strong{
	color:#496468;}
#container{
	background:#fff;
	border:1px solid #496468;
	margin: 20px auto 20px;
	padding-bottom:50px;
	position:relative;
	width:760px;}
#pageHeader{
	background:url(pageHeader.jpg) left top no-repeat;
	height:170px;
	position:relative;}
#pageHeader h1{
	background:url(theBathHouse.jpg) left top no-repeat;
	height:50px;
	margin:0;
	text-indent:-5000px;}
#pageHeader h2{
	color:#496468;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	padding-right:5px;
	text-align:right;}


	#pageNavigation {
		position:absolute;
		bottom:27px;
		right:10px;
		margin:0;
		text-align:right;
		width:750px;}
	#pageNavigation ul{
		list-style:none;
		margin:0;
		padding:0;}
	#pageNavigation ul li{
		background:url(tabRight.jpg) right top no-repeat;
		float:right;
		margin:0;
		padding: 0 10px 0 0;}
	#pageNavigation ul li a{
		background: url(tabLeft.jpg) left top no-repeat;
		color: #333;
		display:block;
		margin:0;
		padding: 5px 5px 5px 10px;
		text-decoration: none;}
	#pageNavigation ul li a:hover{
		text-decoration: underline;}
	body#about li.selectedAbout a,
	body#contact li.selectedContact a,
	body#location li.selectedLocation a,
	body#manufacturers li.selectedManufacturers a,
	body#services li.selectedServices a,
	body#tour li.selectedTour a{
		background-image: url(tabLeftSelected.jpg);
		color: #333;}
	body#about li.selectedAbout,
	body#contact li.selectedContact,
	body#location li.selectedLocation,
	body#manufacturers li.selectedManufacturers,
	body#services li.selectedServices,
	body#tour li.selectedTour{
		background-image:url(tabRightSelected.jpg);}
#mainContents{
	padding:0 5px 30px 85px;
	position: relative;}
#mainContents h3{
	background:url(tiles.jpg) left center no-repeat;
	color:#496468;
	position: relative;
	text-indent:60px;}
#mainContents ul li{
	list-style:square;}
	#firstcolumn{
		float:left;
		margin-right:8px;
		width: 292px;}
	#secondcolumn{
		float:left;
		margin-left:8px;
		width: 292px;}
	#narrowcolumn{
		float:left;
		margin-left:0px;
		width: 216px;}
	#narrowcolumn p{
		padding-left:5px;
		padding-right:5px;}
	#widecolumn{
		float:left;
		margin-left:0px;
		width: 454px;}
	#widecolumn img{
		padding:1px;
		border:1px solid #496468;
		margin-bottom:2px;}
	.thumbnail{
		padding:1px;
		border:1px solid #496468;}
	.clearboth {
		clear: both;}
.thumbnail{
  border: 1px solid #77787B;
  float: left;
  margin: 0 5px 5px 1px;
  padding: 5px;
  width: 100px;}
	
#footer{
	clear:both;
	height:60px;
	background:url(tilebackground.jpg) right bottom no-repeat;}