/* Heritage Villas CSS Main Style Sheet */
/*<![CDATA[*/ 
 
 html, body,{ 
	 margin:0px; padding:0px;
    } 
  
html>body { 
    height: auto; /*this undoes the IE hack, hiding it 
     from IE using the child selector*/ 
    } 
   
/* -------------------------------------------------------------------
G L O B A L
---------------------------------------------------------------------- */

body {
	margin:0px;
	color:#81A6C3;
	background: #007CC0 url("images/bg.jpg") top center repeat-y;;
	font-family:Arial, Helvetica, sans-serif;
  	voice-family: "\"}\""; voice-family:inherit;
	}


/* -------------------------------------------------------------------
G E N E R A L
---------------------------------------------------------------------- */

img{border:0px; }

h1, h2, h3{
    margin:0;
  	background-repeat:no-repeat;
  	background-position:left top;
  	}
  
h1 span, h2 span , h3 span  {display:none;}

.highlight{color:#0099FF; font-weight:bold;}

hr{color:#FFFFFF; height:1px}

.subHeader {color:#FFFF00;}
/* -------------------------------------------------------------------
S T R U C T U R E
---------------------------------------------------------------------- */

/* styles for IE 5 Mac */
 #horizon {
	background-color: transparent;
	position: absolute;
	top: 0px;
	background-image: url(images/topBg.gif);
 }
 
 /* following rules are invisible to IE 5 \*/
 #horizon {
 	background:url("images/topBg.gif") repeat-x;
	height:148px;
   	top: 0px;
   	left: 0px;
   	width: 100%;
	
 	}
 /* end IE 5 hack */ 

#backtolofts {
	position:absolute;
    left: 420px;
	top: 51px;
	height: 64px;
	width: 102px;
}

#container {
	position:relative;
	width:723px;
	margin: 0px auto;
	height: auto; 
	padding-bottom:5px;
	}
	
* html #topBar{
	left:1px;
	l/eft:0px;
	}

#topBar{
	background-image:url("images/header.jpg"); 
	width:722px;
	height: 148px; 
	margin: 0px auto; padding: 0px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#content {
	position:relative;
	z-index:2;
	font-size:80%;
	text-align:left;
	margin:40px 300px 1px 35px;
	padding:0px 10px 0px 0px;
	color:#FFFFFF;
	}

#content p{ margin:10px 0 10px 0;}	
#content a {color:#FFFF00; text-decoration:none}
#content a:hover, #conent a:active {text-decoration:none; color: #FFFFFF;}

#content ul{  list-style:none;}
#content ul li {  list-style-image:url(images6/0158_tick.png);}
#content h4{color:#0099FF; font-weight:bold; padding:0px; margin:0px;}

#rightColoumn {position:absolute; left:435px; top:178px; width:275px; height:213px; z-index:1}
#rightColoumn p{color:#FFFFFF; font-size: 80%; margin: 10px 0 0 0}
#rightColoumn a{color:#FFFF00; text-decoration:none}
#rightColoumn a:hover{text-decoration:none; color: #FFFFFF;}

.noborder{border-bottom:0px solid #ffffff; background:#FFFFFF;}
.bold{font-weight:bold; color:#E31C25}

#logo {
	position:absolute;
	left:25px;
	top:25px;
	}

#topImages {
	position:absolute;
	right:5px;
	top:30px;
	}
/* -------------------------------------------------------------------
N A V I G A T I O N
---------------------------------------------------------------------- */

	#nav 				{
	position:absolute;
	z-index:2;
	top: 124px;
	height:22px;
	width:573px;
	left: 25px;
}
	#nav ul				{ width:573px; height:22px; margin: 0; padding: 0; background: url("images/nav.gif") top left no-repeat; border: 0;}
	#nav ul li			{ display: inline; margin: 0; padding: 0; border: 0; list-style: none; position: absolute; top: 0;}
	#nav ul li, #nav a	{ height: 22px; display: block; border:0; padding: 0; margin:0;}
	#nav ul li a 		{ text-decoration: none; text-indent: -9999px;}
	
	#n1					{ position: absolute; left: 0px; width: 57px; }
	#n2 				{ position: absolute; left: 57px ; width: 65px;}
	#n3 				{ position: absolute; left: 122px ; width: 107px;}
	#n4 				{ position: absolute; left: 229px ; width: 142px;}
	#n5 				{ position: absolute; left: 371px ; width: 119px;}
    #n6 				{ position: absolute; left: 490px ; width: 83px;}

	#n1 a:hover 		{ background: transparent url("images/nav.gif") -0px -22px no-repeat;}
	#n2 a:hover 		{ background: transparent url("images/nav.gif") -57px -22px no-repeat;}
	#n3 a:hover 		{ background: transparent url("images/nav.gif") -122px -22px no-repeat;}
	#n4 a:hover 		{ background: transparent url("images/nav.gif") -229px -22px no-repeat;}
	#n5 a:hover 		{ background: transparent url("images/nav.gif") -371px -22px no-repeat;}
	#n6 a:hover 		{ background: transparent url("images/nav.gif") -490px -22px no-repeat;}
	
	#n1 a.active		{ background: transparent url("images/nav.gif") -0px -22px no-repeat;}
	#n2 a.active		{ background: transparent url("images/nav.gif") -57px -22px no-repeat;}
	#n3 a.active 		{ background: transparent url("images/nav.gif") -122px -22px no-repeat;}
	#n4 a.active 		{ background: transparent url("images/nav.gif") -229px -22px no-repeat;}
	#n5 a.active 		{ background: transparent url("images/nav.gif") -371px -22px no-repeat;}
	#n6 a.active 		{ background: transparent url("images/nav.gif") -490px -22px no-repeat;}
	
/* -------------------------------------------------------------------
P A G E   S P E C I F I C   T A G S
---------------------------------------------------------------------- */

#home h2{ background-image: url("images/welcome.gif"); height:10px;}
#villas h2{ background-image: url("images/villas.gif"); height:10px;}
#apartments h2{ background-image: url("images/apartments.gif"); height:10px;}
#contact h2{ background-image: url("images/contact.gif"); height:10px;}
#rethymnon h2{ background-image: url("images/rethymnon.gif"); height:10px;}
#location h2{ background-image: url("images/location.gif"); height:10px;}




#MastHead {
	background: #003366 url("images/bannevr.jpg") right no-repeat; 
	top: 0px;
	height:66px;
	position:relative;
	margin:0px;
	padding:0px;
	left:0px;
	}

/* Page footer with contact details etc    */  
	
#footer {
	text-align: left;
	color:#CCCCCC;
	font-size: 70%;
	position:relative;
	margin:0px auto;
	padding:15px 0 15px 35px;
	}
	
#footer a:link , #footer a:visited {
	color: #CCCCCC; 
	text-decoration: none;
	background-color: transparent
	}

#footer a:hover {
	color:#FFFF00;
	text-decoration: none;

	}

#footer a:active {
	color: #ffff00;
	text-decoration: none;
	position: relative;
	top: 0px;
	}

/* -------------------------------------------------------------------
C O N T A C T  F O R M 
---------------------------------------------------------------------- */


	#contact form					{ margin: 0px; padding:0px;}
	#contact fieldset				{ border: none; margin: 0px; padding: 0px; color: #000; width: 160px; }
	#contact fieldset label			{ line-height: 16px; display: block; margin-top:7px; color:#ffffff; }
	#contact input.hidden 			{ display: none; border: none; background-color: #fff; }