html, body{
	margin:0px;
	padding:0px;
	background:#A14010;
	background-image:url('../img/back.jpg');
	background-repeat:repeat-x;
	font-family:verdana,arial;
	font-size:12px;	
}

#header{
	position:relative;
	width:750px;
	height:114px;
	margin:1em auto 0;
	background-color:white;
}

#container{
	position:relative;
	width:720px;
	min-height:440px;
	padding:10px 20px 20px 10px;
	margin:1em auto;
	background-color:white;
	background-image:url('../img/coliseum.jpg');
	background-position: 0% 100%;
	background-repeat: no-repeat;
}

#footer{
	position:relative;
	clear:both;	
	font:0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height:12px;
}

#footer a{
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

#footer a:hover{
	color:black;
	background-color:white;
}

#footer p{margin:10px;}
#footer p img{border:none}
#footer p a:hover{background-color:#424242!important;}

#navigation {
	width:750px;
	height:2.7em;
	position:relative;
	z-index:100;
  	margin:0 auto 10px auto;
  	background-color:#FAF5E9;
}
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
#navigation ul {padding:0;margin:0;list-style-type:none;}
#navigation ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown navigation positon */
#navigation li {
	float:left;
	position:relative;
	border-right:1px solid white; 	
}
/* style the links for the top level */
#navigation a, #navigation a:visited {
	display:block;
	font-size:0.8em;
	text-decoration:none;
	color:#000;
	height:32px;
	
	padding:0pt 18px;
	line-height:32px;
	text-transform:uppercase;
  	letter-spacing:1px;
	text-align:center;
	vertical-align:middle;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:149px; w\idth:138px;}

/* style the second level hover */
#navigation ul ul a.drop:hover{background:#c9ba65;}
#navigation ul ul :hover > a.drop {background:#c9ba65; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid white;}
/* another hack for IE5.5 */
* html #navigation ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; margin-top:1px; width:128px;border:1px solid white;}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#navigation .selected, #navigation a:hover{background-color:#F3E2B8;font-weight:bold;}
#navigation .selected, #navigation :hover > a{background-color:#F3E2B8;font-weight:bold;}

/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }


#tree{
	padding:5px;
	font-size:0.8em;
	background-color:#F7F7F7;
	border:1px dotted #eee;
	width:366px;
}

#tree a{
	text-decoration:none;
	color:black;
}

#tree a:hover{text-decoration:underline;}
#tree a:visited{color:black;}

#tree .current{
	text-decoration:none;
	font-weight:bold;
}

#content{
	width:370px;
	height:390px;
	padding:15px 5px;
}

#contentBig{
	padding:15px 5px;
}

#contentBig a{
	color:black;
	font-weight:bold;
}

.homebox{
	position:absolute;
	width:180px;
	height:130px;
	padding:10px;
}

.homebox img{
	border:none;
}

.blank{
	padding:0px!important;
	margin:0px!important;
}

#b1{
	top:25px;
	left:400px;
	background-color:#FAF5E9;
}

#b2{
	top:160px;
	left:530px;
	background-color:#f3e2b8;	
}

#b3{
	top:295px;
	left:420px;
	background-color:#feeeac;
}

h1{
	padding:0px;
	margin:0px;	
}

#fleet{
	height:470px;
}

.fleetbox{
	position:absolute;
	text-align:center;
	width:325px;
	padding:5px;
}

#f1{
	top:50px;
	left:10px;
	background-color:#FAF5E9;
}

#f2{
	top:130px;
	left:400px;
	background-color:#FAF5E9;
}

#f3{
	top:285px;
	left:55px;
	background-color:#FAF5E9;
}


#fleet{
	padding-top:5px;
	margin-left:-7px;
}

#fleet tr{
	background-color:#FAF5E9;
}

#rates{
	table-layout:fixed;
	font-size:0.9em;
}

#rates td{
	padding:2px 2px 2px 5px;
}

#rates .title{
	background-color:#F3E2B8;
	font-weight:bold;
}

#rates .odd{
	background-color:#eee;
}
#rates .even{
	background-color:#FAF5E9;
}
#rates .selected{
	color:white;
	background-color:#424242!important;
}

#ratesbox p{
	text-align:right;
	margin:5px 0pt;
	font-size:0.9em;	
}

.ratesbox_left{
	text-align:left;
	font-size:0.9em;
	width:50%;	
}

.ratesbox_right{
	text-align:right;
	font-size:0.9em;
	width:50%;
}

#gallery{
	float:right;
	position:relative;
	top:-13px;
	width:150px;
	height:100%;
	padding:10px;
	background-color:#eee;
	background-color:#eee;
	text-align:center;
	font-size:0.9em;
}

#gallery img{
	border:2px solid black;
	margin:0px;
}

#gallery a:hover img{
	border:2px solid white;
	margin:0px;
}

#gallery a:active,a:visited{
	outline:none;
}

#servicecontent{
	padding:15px 5px 0px 5px;	
	width:550px;	
}

#placetable{
	float:left;
	width:180px;
	font-size:0.9em;
	text-align:center;
	margin-top:5px;	
}

#placetable img{
	border:1px solid black;
	margin:2px;
}

#placetable a:hover img{
	border:3px solid black;
	margin:0px;
}

#placetable a:active,a:visited{
	outline:none;
}

.placebox{
	padding:10px;
	float:right;
	width:330px;
	font-size:0.9em;
	text-align:justify;
	overflow: auto;
	max-height:350px;	
}

.placebox h2{
	display:inline;
	font-size:2em;	
	text-decoration:underline;
	margin-top:0px;
}

.placebox img{
	position:relative;
	top:-30px;
	float:right;
	border:1px solid black;
	margin-left:12px;
	margin-bottom:-31px;
}

.itinerary{
	padding:10px;
	background-color:#FFFFCC;
	overflow:hidden;	
}

.advice{
	background:none;
	padding:7px;
	margin:0px;
	font-weight:bold;
	font-size:1em;
}

.advice2{
	padding:5px 0px 5px 0px;
	margin:0px;
	background-color:white;
	font-size:0.9em;
	text-decoration:underline;
}

input,select,textarea{
	border:1px solid black;
	font-size:0.95em;
	font-family:verdana;
	padding:2px;
}

#transfers{padding:15px 5px;}

.editrow{
	background-color:#ffffcc;
}

.editrow td{
	background-color:#eee;
}

.err{
	padding-left:10px;
	color:red;	
	text-decoration:underline;
	font-weight:bold;	
}

#testbox p{
	font-size:0.9em;
	width:400px;
}
.testimonials{
	padding:10px;
	background-color:#F3E2B8;
	width:400px;	
}

.jsalert {
	background-color:red;
	font-size:1.3em;
	padding:2px;
	color:white;
	text-align:center;	
}

#panel_toolbar{
	width:100%;
}

#panel_toolbar a {
	text-decoration:none!important;
	font-weight:normal;
}

#panel_toolbar a:hover{
	text-decoration:underline!important;
}

#reservationbox{
padding-top:10px;
}

.placeWrapper{
position:relative;
height:900px;
}

.bright{
	color:red;
	font-weight:bold;
}
