/* nav styles */

@font-face {
	font-family: tgbold;
	src: url(font/TradeGothicLTBold.ttf);
}
@font-face {
	font-family: tglight;
	src: url(font/TradeGothicLTLight.ttf);
}
#nav {
	width:100%;
	height: 30px;
	position: relative;
	z-index: 1;
	padding:10px;
}
#nav a{
	text-decoration: none;
	padding:0;
	color:white;
	letter-spacing: .05em;
	display: block;
	font-family: tglight, helvetica, arial, sans-serif;
}
#nav ul{
	list-style: none;
	padding:0;
	margin:0;
}
#nav li{
	text-indent: 0;
	text-transform: uppercase;
}
#nav > ul > li{
	width:176px;
	height: 30px;
	float:left;
	position: relative;
}
#nav > ul > li > a{
	font-size: 1.0em;
	margin: 7px;
	text-shadow: 0 0 6px rgba(0, 0, 0, .6);
	letter-spacing: 0.2em;
}
#nav > ul > li > a:before{
	content:'';
	display:block;
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height:5px;
	background-color: rgba(0,0,0,.25);
}
#nav > ul ul{
	position: absolute;
	top:30px;
	opacity: 0;
	visibility: hidden;
	width:100%;
	-webkit-transition: opacity .1s linear;
  	-moz-transition: opacity .1s linear;
  	-o-transition: opacity .1s linear;
  	transition: opacity .1s linear;
}

#nav > ul > li:hover ul{
	visibility: visible;
	opacity: 1;
}

#nav > ul > li ul li{
	width:100%;
	height: 30px;
	border-top:1px solid white;
	line-height: 1.1em;
	display: table;
}

#nav > ul > li ul li a{
	font-size: .9em;
	padding:2px 5px;
	display: table-cell;
	vertical-align: middle;
}


#nav li.tickets{ background-color: #445a79; }
#nav li.flights{ background-color: #667b95; }
#nav li.destinations{ background-color: #94a6bb; }
#nav li.services{ background-color: #667b95; }
#nav li.about{ background-color: #445a79; }

#nav li.tickets:hover{ background-color: #8f242a; }
#nav li.flights:hover{ background-color: #8f242a; }
#nav li.destinations:hover{ background-color: #8f242a; }
#nav li.services:hover{ background-color: #8f242a; }
#nav li.about:hover{ background-color: #8f242a; }

#nav li.tickets li{ background-color: #445a79; }
#nav li.flights li{ background-color: #667b95; }
#nav li.destinations li{ background-color: #94a6bb; }
#nav li.services li{ background-color: #667b95; }
#nav li.about li{ background-color: #445a79; }

#nav li.tickets li:hover{ background-color: #8f242a; }
#nav li.flights li:hover{ background-color: #8f242a; }
#nav li.destinations li:hover{ background-color: #8f242a; }
#nav li.services li:hover{ background-color: #8f242a; }
#nav li.about li:hover{ background-color: #8f242a; }
/* slideshow styles*/

#slides {
	position:relative;
	width:900px;
	height:400px;
	margin:3px 0 0 0;
	z-index: 0;
}

#slides .slide{
	position:absolute;
	top:1px;
	left:0;
}

.slidedotbox{
	position:absolute;
	display:inline-block;
	bottom:0;
	right:25px;
}
.slidedot{
	position:relative;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	margin: 5px 4px 0 4px;
	float: left;
	background-color:#ddd;
}
.slidedot.full{
	background-color:#8f242a;
}
.slidedottri{
	border-style:solid;
	width:0;
	height:0;
	position:absolute;	
	z-index:3;
	display:none;

	border-color: #9cb2c7 transparent transparent transparent;
	border-width: 20px 8px 0 8px;
	left: 0;
	top: -25px;
}
.slidedothover{
	position:absolute;
	left:-46px;
	border:4px solid #9cb2c7;
	display:none;
	background-color:white;
	z-index:2;	
	bottom: 38px;
	padding:3px;
	box-shadow: 1px 1px 3px rgba(0,0,0, .25)
}
.slidedothover img{
	width:100px;
}