/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.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.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:65px; position:relative; z-index:200; width:785px;}
#nav li.top {display:block; float:left;}
#nav li a {
	display:block;
	float:left;
	height:45px;
	padding:0;
	cursor:pointer;
	
}
#nav li a b {margin-left:-999px;}

#nav li a.about {width:93px ; background:url(../menu/aboutUs.gif); background-repeat:no-repeat}
#nav li a.char {width:150px ; background:url(../menu/charact.gif); background-repeat:no-repeat}
#nav li a.greece {width:76px ; background:url(../menu/greece.gif); background-repeat:no-repeat}
#nav li a.destination {width:125px ; background:url(../menu/destination.gif); background-repeat:no-repeat}
#nav li a.prices {width:112px ; background:url(../menu/prices.gif); background-repeat:no-repeat}
#nav li a.gal {width:86px ; background:url(../menu/gallery.gif); background-repeat:no-repeat}
#nav li a.contact {width:109px ; background:url(../menu/contactus.gif); background-repeat:no-repeat}

#nav li a.about:hover {background:url(../menu/aboutUsO.gif); background-repeat:no-repeat}
#nav li a.char:hover {background:url(../menu/charactO.gif); background-repeat:no-repeat}
#nav li a.greece:hover {background:url(../menu/greeceO.gif); background-repeat:no-repeat}
#nav li a.destination:hover {background:url(../menu/destinationO.gif); background-repeat:no-repeat}
#nav li a.prices:hover {background:url(../menu/pricesO.gif); background-repeat:no-repeat}
#nav li a.gal:hover {background:url(../menu/galleryO.gif); background-repeat:no-repeat}
#nav li a.contact:hover {background:url(../menu/contactusO.gif); background-repeat:no-repeat}


.aboutSelect {background:url(../menu/aboutUsO.gif); background-repeat:no-repeat}
.title-30px-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
}

.charSelect {background:url(../menu/charactO.gif); background-repeat:no-repeat}
.greeceSelect {background:url(../menu/greeceO.gif); background-repeat:no-repeat}
.destinationSelect {background:url(../menu/destinationO.gif); background-repeat:no-repeat}
.pricesSelect {background:url(../menu/pricesO.gif); background-repeat:no-repeat}
.galSelect {background:url(../menu/galleryO.gif); background-repeat:no-repeat}
.contactSelect {background:url(../menu/contactusO.gif); background-repeat:no-repeat}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:44px; background: #FFFFFF; width:86px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:28px; position:relative; float:left; width:86px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:28px; width:86px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.myHelios {background: url(../menu/subHELIOS.gif);}
#nav :hover ul li a.myHeliosCHA {background:  url(../menu/subHELIOScharacter.gif); width:154px;}
#nav :hover ul li a.myHeliosPR {background:  url(../menu/subHeliosPrice.gif); width:112px;}

#nav :hover ul li a.myOrion {background: url(../menu/subORION.gif);}
#nav :hover ul li a.myOrionCHA {background: url(../menu/subOrioncharacter.gif); width:154px;}
#nav :hover ul li a.myOrionPR {background: url(../menu/subOrionPrice.gif); width:112px;}


#nav :hover ul.sub li a:hover {background-position: 0 28px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; color:#000; display:block; width:86px; height:28px; text-align:center; }