/*-------------- DEFAULT ---------------*/
body {
	background:#FFFFFF url(images/villas_main_bg.gif) 0 49px repeat-x; color:#695D1E;
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
div, p, img, a, ul, form, input, h1, h2 {margin:0; padding:0;}
ul {list-style:none;}
a {	color: #827F1B; text-decoration: none;
}
img {border:none;}
.spacer {font-size:0; line-height:0; clear:both;}
#wrapper { margin: 0 auto 0 auto; width:100%;}

/*-------------- HEADER ---------------*/
#header {
	width:777px; padding:0 0 0 0px; margin:0 auto; height:242px;
	background:url(images/rhodes-rhodos-greece-rodos-lodging/rotator.php) 100% 49px no-repeat; position:relative;
}
/*----- TOP MENU -----*/
#header img {
	position:absolute; top:158px; left:622px;
}
#header h2.punchline {
	color:#000; font:bold 10px/12px Arial, Helvetica, sans-serif;
	position:absolute; left:622px; top:205px; display:block; width:135px;
}
#header ul {
	padding:0 0 7px 0; height:42px; font-size:10px; line-height:12px;
	font-weight:bold; text-transform:uppercase; position:relative;
}
#header ul li {float:right; padding:0 10px 0 0;}
#header ul li a {
	color:#827F1B; background:#FCF9E3; padding:19px 8px 11px 8px; width:auto;
	display:block;
}
#header ul li a:hover {background:#F9EFB0; color:#827F1B;}
#header ul li span {
	background:#F9EFB0; color:#827F1B; display:block;
	padding:19px 8px 11px 8px; width:auto;	
}
#header form {
	background:#fff url(images/rhodes-rhodos-island-rodos-greece-map.jpg) 0 0 repeat-y; width:153px;
	padding:16px 0 0 10px; height:177px; color:#545453;
}
#header form h2 {
	background:url(images/meme_log_hdr.gif) 0 0 no-repeat; height:19px;
	font:bold 16px/15px Arial, Helvetica, sans-serif; padding:5px 0 15px 25px;
}
#header form label {
	font:bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 10px; height:13px; display:block;
}
#header form input.txtBox {
	width:116px; padding:1px 0 0 1px; margin:0 0 0 9px;
}
#header form input.submitBtn {
	margin:9px 0 0 76px;
}

/*-------------- MENU ---------------
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
*/ 
.menu { margin: 7px; font-size: 9pt; font-family: verdana; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 11em; }
.menu li { background-color: #cccc99; float: left; }
.menu li.sub { background-color: #cccc99; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #ffffff; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 16em; color: #000000; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 0px; }
* html .menu a, * html .menu a:visited { width: 11em; }
* html .menu a:hover { color: #ccff66; background-color: #999966; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #ccff66; background-color: #999966; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #ccff66; background-color: #999966; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 7em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.menu1, ul ul {height:38em; overflow:hidden; width:14em; text-align:left;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:14em; height:2em; line-height:1.9em; text-decoration:none;}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:12em; width:12em; margin-top:-1px;}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {}


/*----------------------- BODY ----------------------*/

/*----------------------- BODY ----------------------*/
#body {
	width:777px; padding:0 0 0 0; margin:0 auto;
}
/*----------- MID PANEL ----------*/
#midPanel {width:430px; float:left; padding:16px 28px 0 22px;
}
#midPanel h1 {
	height:38px; padding:0 0 0 14px;
	font:italic 20px/38px Georgia, "Times New Roman", Times, serif;
	background:url(images/rhodos_body_h2bg.gif) 0 0 repeat-x;
}
#midPanel h2 {
	height:38px; padding:0 0 0 14px;
	font:italic 20px/38px Georgia, "Times New Roman", Times, serif;
	background:url(images/rhodos_body_h2bg.gif) 0 0 repeat-x;
}
#midPanel p {padding:0 0 0 17px;}
#midPanel p.moreBtn {
	margin:32px 17px 26px 17px; padding:0; height:18px; 
	background:url(images/rodos-greece-rhodos_rhodes_more_bg_flat.gif) 0 50% no-repeat;
}
#midPanel p.moreBtn a {
	background:#F1E34C url(images/more_btn.jpg) 0 0 no-repeat; width:59px; height:18px;
	display:block; text-align:center; color:#322B01; float:right;
}
/*----------- LEFT PANEL ----------*/
#leftPanel {
	width:147px; float:left; padding:10px 0px 0px 0px;
}
#leftPanel h2 {
	height:27px; padding:0 0 0 9px;
	font:italic 16px/27px Georgia, "Times New Roman", Times, serif;
	background:url(images/right_h2bg.gif) 0 0 repeat-x;
}
#leftPanel ul {
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	padding:10px 4px 33px 0;
}
#leftPanel ul li {
	background:url(images/greece_dotted_black_border.gif) left bottom repeat-x;
	padding:0 0 1px 0;
}
#leftPanel ul li a {
	height:24px; display:block; padding:0 0 0 12px; color:#393939;
	background:#FCF9E3 url(images/rhodes_bullet_right.gif) 92% 50% no-repeat;
}
#leftPanel ul li a:hover {
	background-color:#F5F2D9; color:#000;
}
/*----------- RIGHT PANEL ----------*/
#rightPanel {
	width:147px; float:right; padding:10px 0 0px 0px;
}
#rightPanel h2 {
	height:27px; padding:0 0 0 7px;
	font:italic 14px/25px Georgia, "Times New Roman", Times, serif;
	background:url(images/right_h2bg.gif) 0 0 repeat-x;
}
#rightPanel ul {
	font:bold 10px/22px Arial, Helvetica, sans-serif;
	padding:10px 4px 33px 0;
}
#rightPanel ul li {
	background:url(images/greece_dotted_black_border.gif) left bottom repeat-x;
	padding:0 0 1px 0;
}
#rightPanel ul li a {
	height:22px; display:block; padding:0 0 0 10px; color:#393939;
	background:#FCF9E3 url(images/rhodes_bullet_right.gif) 92% 50% no-repeat;
}
#rightPanel ul li a:hover {
	background-color:#F5F2D9; color:#000;
}

/*----------------------- FOOTER ----------------------*/
#footer {
	background:#FFF6C1 url(images/apartments_footer_bg.gif) 0 0 repeat-x;
	padding:19px 0 16px 0; color:#685C14;
}
#footer ul {
	font-size:10px; line-height:12px; margin:0 auto;
	font-weight:bold; text-transform:uppercase; width:800px;
}
#footer ul li {float:right;}
#footer ul li a {
	padding:1px 12px; display:block; width:auto; color:#6A6816;
	background:#FFF6C1;
}
#footer ul li a:hover {
	color:#FFF6C1; background:#6A6816;
}
#footer p {
	clear:both; text-align:center; padding:8px 0 0 0;
	font:normal 9px/11px Arial, Helvetica, sans-serif;
}
#footer p a {
color:#685C14; text-decoration:none;
}
#footer p a:hover {
text-decoration:underline;
}
/*-------------- MISCLENIOUS ---------------*/
.topPad {padding-top:23px !important; text-align:justify}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffe0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}