/* CSS Document */

body
{ 
background-image: 
url('images/pagebg.jpg');
background-repeat: repeat-y;
background-position: center;
}

p {
font-family: verdana;
color: #000000;
font-size: 70%;
text-align: justify;
}

#leftstrip {
background-image: 
url('images/leftbg.jpg');
background-repeat: repeat-x;
}

#mainbg {
background-image: 
url('images/mainbg.jpg');
background-repeat: repeat-x;
}

#menu {
background-color: white;
}

#button {
	width: 140px;
	font-family: 'verdana';
	font-size: 70%;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0 0 1px 0;
	background-color: #ffffff;
	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #2AB0DD;
		border-top: 1px solid #90E3FD;
		margin: 0;
		}
		
		#button li a {
		display: block;
		padding: 8px 10px 8px 10px;
		background-color: #34CEFF;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		background-color: #009899;
		color: #fff;
		}
		


	.bw{
	font-family: verdana;
	color: white;
	font-size: 70%;
	text-align: left;
	padding: 0px;
	background-color: #ffffff;
		border-bottom: 1px solid #ffffff;
	}
	
		
	#footer {
	width: 640;
	height: 50;
	align: center;
	display: inline;
	font-family: verdana;
	color: black;
	font-size: 70%;
	padding: 10px;
	background-color: white;
	text-align: center;
	 vertical-align: bottom;
	}

	
a:link { 
	color: #009899;
	text-decoration: none;
	}

a:hover { 
	color: #009899;
	text-decoration: underline;
	}
	
a:visited { 
	color: #009899;
	}
	
a img {border: none; }


.popup
{
COLOR: #9F141A;
CURSOR: help;
TEXT-DECORATION: none
}

#pictitle {
	position: relative; top: 140px; left: 490; 
	font-family: verdana;
	color: white;
	font-size: 70%;
	text-align: right;
	width: 140px;
	z-index: 100;
	}
	
#headvilla {
width: 640px;
height: 195px;
background-image: 
url('images/headvilla.jpg');
background-repeat: no-repeat;
}

#headstudio {
width: 640px;
height: 195px;
background-image: 
url('images/headstudio.jpg');
background-repeat: no-repeat;
}

#headnerja {
width: 640px;
height: 195px;
background-image: 
url('images/headnerja.jpg');
background-repeat: no-repeat;
}

#headspec {
width: 640px;
height: 195px;
background-image: 
url('images/headspec.jpg');
background-repeat: no-repeat;
}

#headsurrounding {
width: 640px;
height: 195px;
background-image: 
url('images/headsurrounding.jpg');
background-repeat: no-repeat;
}

#headhome {
width: 640px;
height: 195px;
background-image: 
url('images/headhome.jpg');
background-repeat: no-repeat;
}

#headinfo {
width: 640px;
height: 195px;
background-image: 
url('images/headinfo.jpg');
background-repeat: no-repeat;
}

#headenquiries {
width: 640px;
height: 195px;
background-image: 
url('images/headenquiries.jpg');
background-repeat: no-repeat;
}

#headdirections {
width: 640px;
height: 195px;
background-image: 
url('images/headdirections.jpg');
background-repeat: no-repeat;
}

#headlocalinfo {
width: 640px;
height: 195px;
background-image: 
url('images/headlocalinfo.jpg');
background-repeat: no-repeat;
}
.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
	border-style:solid;
	border-color: white;
	border-width:3px;
}

		
#popup{position:relative; width:60px; height:24px; background-color:#fff; z-index:100; }
#popup a.p1, #menu a.p1:visited {display: run-in; width:60px; height:47px; text-decoration:none; background:#fff; top:0; left:0; border-bottom: 1px solid #ffffff;}
#popup a img {border:0;}
#popup a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#popup a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#popup a.p1:hover .large {display:block; position:absolute; top:7px; left:80px; width:250px; height:194px; border:3px solid #fff;}