/* CSS Document */
/* colours  purple #840084*/

	  
body {
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1%;
	background-image: url(bg_linear.jpg);
	background-color: #6D6E72;
	background-repeat: repeat-x;
	/*background-color: #CCCCCC;*/
height:100%;
	border: none;

}

/*http://www.quirksmode.org/css/clearing.html*/
div.main_container {
	background-color: #FFFFFF;
	width: 900px;
	border: medium solid #000000;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
	/*	height: 110%;*/
	overflow: hidden;
			min-height: 900px;


}

.emphasis {
	color: #FF0000;
}


.headertext {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CCCCCC;
	padding: 2px;
	margin: 0px;
}

.zakwatersname {
	padding: 20px 10px;
	height: 75px;
	text-align: center;
}  
.picshow {
	text-align: center;
	width: 860px;
	min-height: 345px;
	padding: 20px;

}  
.picshow_fp {
	text-align: center;
	width: 100%;

	padding: 20px ;

}  
.one_large_div{

	width: 800px;
	padding: 20px 20px 20px 20px;

}  

.clientdiv{
	padding: 2px;
	margin:2px;
	height: 120px;
	width: 180px;
	float: left;
/*	clear:right;*/
	text-align: center;
	border: thin solid #000000;
}


.bottom_nav
{
	font-family: Tahoma;
	font-size: 12px;
	padding: 10px 100px;
	height: 60px;
	text-align: center;
}

.clearer {clear: both;}  

.left_menu_column {
	font-family: Tahoma;
	font-size: 12px;
	width: 15%;
	padding: 0% 5%;
		margin-top: 0px;
	text-align: left;
	float: left;
	clear: right;
   }
.right_info_column {
	font-family: Tahoma;
	font-size: 12px;
	padding: 0% 1% 0% 3%;
			margin-top: 0px;
	width: 66%;
	text-align: left;
	min-height: 400px;
	float: left;
	clear: none;/*	clear: right;*/

   }


.floatRight {
	float: right;
	border: thin solid #E6E6E6;
	/*background-color: #E6E6E6;*/
padding: 5px;
	clear: both;
		margin-top: 30px;
/*	margin-right: 10px;*/
	margin-bottom: 10px;
	margin-left: 10px;
}
.bookfloatRight {
	float: right;
	border: thin solid #E6E6E6;
padding: 5px;
	clear: both;
/*		margin-top: 30px;
/*	margin-right: 10px;*/
	margin-bottom: 10px;
	margin-left: 10px;*/
}
.bookfloatleft {
	float: left;
	border: thin solid #E6E6E6;
padding: 5px;
	clear: both;
/*		margin-top: 30px;
/*	margin-right: 10px;*/
	margin-bottom: 10px;
	margin-left: 10px;*/
}
table.arrows_table{
	vertical-align: top;
	width : 500px;
	border: none;
	margin-left: auto;
	margin-right: auto;		
}   

.thumb_show {
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	float: left;
/*	clear: right;*/
	height: 100px;
	text-align: center;
}

.thumb_show_front_page {
	margin: 3px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	float: left;

	height: 150px;
	width: 150px;

	text-align: center;
}
div.yellow_box{
	background-color: #FFFF33;
}



.courtyard_text
{
	font-family: Tahoma;
	font-size: 12px;
	padding: 0% 3% 0% 5%;
			margin-top: 8px;
			margin-bottom: 8px;
	width: 90%;
	text-align: left;
	min-height: 400px;
	float: left;
	clear: none;/*	clear: right;*/
}

div.transOFF {
width: 100%;border:0px solid black; 
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
}

div.transON {
width: 100%;
opacity:.30;
filter: alpha(opacity=30);
-moz-opacity: 0.5;	border:0px solid black;
background-color: #FFFFFF;
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
}





/*hyper link styles main parameters order link visited hover active  */
/* http://www.colorsontheweb.com/colorwizard.asp*/ 
/*old red was #88023C*/


A:link {text-decoration: none; color: #000000; 	font-weight: bold;}
A:visited {text-decoration: none; color: #000000;font-weight: bold; }
A:hover {text-decoration: none;	color: #FF0000 ; font-weight: bold;}
A:active {text-decoration: none; color: #000000; font-weight: bold;}

.image_next_back A:link {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}
.image_next_back A:visited {text-decoration: none; color: #000000;font-weight: bold; font-size: 20px;}
.image_next_back A:hover {text-decoration: none;	color: #FF0000 ; font-weight: bold;font-size: 20px;}
.image_next_back A:active {text-decoration: none; color: #000000; font-weight: bold;font-size: 20px;}



.light_grey_nav A:link {text-decoration: none; 	color: #CCCCCC font-weight: bold; font-size: 12px; }
.light_grey_nav A:visited {text-decoration: none; color: #CCCCCC;font-weight: bold; font-size: 12px; }
.light_grey_nav A:hover {text-decoration: none;	color: #FF0000 ; font-weight: bold; font-size: 12px;}
.light_grey_nav A:active {text-decoration: none; color: #CCCCCC; font-weight: bold; font-size: 12px;}