li {margin-left: 0; margin-bottom: 0.5em;}
body {
	background: url(assets/bg.gif) repeat #0700bc;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	}
#wrapper {
	width: 760px;
	text-align: left;
	background-color: #cceff9;
	margin: 0 auto;
	padding-top: 20px;
	}
.clearer {
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
 display: block;
}		
#nav {
	width: 175px;
	}
/* Navigation */
.cssnav {
  white-space: nowrap;
  display: block;
  margin: 0px;
  padding: 0px;
}
#nav-links  {
	clear: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 12px;}
#nav-links a {
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0;
	text-decoration: none;}
#nav-links a:link {color: #080079;}
#nav-links a:visited {color: #080079;}
#nav-links a:hover {color: #000;}
#nav-links a:active {color: #080079;}
	
.cssnav a {
  display: block;
  color: #000;
  font-size: 11px;
  width: 175px;
  height: 57px;
  float: left;
  text-decoration: none;
	position: relative;
	}
.cssnav a.purchase 	{ background: url(assets/nav/purchase-on.gif) no-repeat; }
.cssnav a.sample 		{ background: url(assets/nav/sample-on.gif) no-repeat; }
.cssnav a.fort	 		{ background: url(assets/nav/fort-on.gif) no-repeat; }
.cssnav a.carriage 	{ background: url(assets/nav/carriage-on.gif) no-repeat; }
.cssnav a.grand 		{ background: url(assets/nav/grand-on.gif) no-repeat; }
.cssnav a.butterfly { background: url(assets/nav/butterfly-on.gif) no-repeat; }
.cssnav a.ferry 		{ background: url(assets/nav/ferry-on.gif) no-repeat; height: 65px;}

.cssnav img {width: 175px; height: 57px; border: 0; }
.cssnav .ferry img {height: 65px; }

* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
  position: absolute;
  left:63px;
  top: 22px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}	
.cssnav span.nav-double {top: 12px;}
.cssnav .purchase span {color: #08007c;}
/* /end navigation */

#content {
	float: right;
	position: relative;
	width: 555px;
	text-align: center;
	color: #007030;
	margin-right: 10px;
	}
.content-home {
	background-image: url(assets/bg-home.jpg);
	background-repeat: no-repeat;
	background-position: 44px top;
	padding-top: 180px;
	}
#content p {  margin: 12px 50px;}
/* Inside Pages */
body.inside #wrapper {
	background-image: url(assets/inside-top.jpg);
	background-position: 100px 10px;
	background-repeat: no-repeat;
	padding-top: 140px;
	}
body.inside #nav {margin-top: -30px;}
body.inside #content {text-align: left; position: relative;}
body.inside #content h1 {
	margin: 0;
	padding: 10px 0 0 110px;
	color: #08007c;
	font-size: 16px;
	}
body.inside #content img.h1-ticket {
	position: absolute;
	top: 10px;
	left:5px;
	z-index: 10;
	}	
body.inside #details {
	background-color: white;
	padding: 5px 0;
	margin-bottom: 10px;
	position: relative;
	}
body.inside #details-inner {
	margin: 0 5px;
	color: #08007c;
	padding: 25px 15px;
	}
body.inside #detail-images {
	float: right;
	position: relative;
	margin-left: 10px;
	margin-right: 0;
	display: inline;}
h2 {margin: 0; font-size: 16px;}
body.inside #content p {margin: 0em 0 1em 0;}
body.inside #detail-images img {
	display: block;
	margin: 0 0 10px 0;
	}
	
/* Custom border Colors */
.ct #details-inner, .ct #detail-images img {border: 2px solid #ffcd03;}
.fl #details-inner, .fl #detail-images img {border: 2px solid #0099a1;}
.gh #details-inner, .gh #detail-images img {border: 2px solid #007030;}
.bc #details-inner, .bc #detail-images img {border: 2px solid #4a4dc9;}
.fm #details-inner, .fm #detail-images img {border: 2px solid #f00;}
.si #details-inner, .si #detail-images img {border: 2px solid #2800a9;}
.pp #details-inner, .pp #detail-images img {border: 2px solid #2800a9;}


#bottom {color: #080079; font-size: 11px; padding: 20px; clear: both;}
a:link {color: #090082;}
a:visited {color: #090082;}
a:hover {color: #000;}
a:active {color: #090082;}

#blist li {text-align: left; margin-left: 42px;}