@charset "UTF-8";
/* Splash Page styles */
body#splash{
	background-color: #e3e782;
	color: #996699;
	font-weight: bold;
}

#splash a{
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 1.5em;
	text-decoration: none;
	text-transform: uppercase;
}
#splash img{
	margin-top: 4em;
	border: none;
}


#splash #container{
	text-align:center;
	border:none;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the 
				  body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. 
						   The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h2{
	font-size: 1.1em;
	text-decoration: underline;
}
h3{
	text-decoration: underline;
}
a{
	color: #996699;
}
a:hover{
	color: black;
}
ol li{
	padding: 0.5em;
}
#container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: justify; /* this overrides the text-align: center on the body element. */
	background-color: #e3e782;
	background-repeat: repeat;
	background-position:top left;
	position:relative;
}

.nav{
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position:center bottom;
	height: 130px;
	font-size: 30px;
	margin: 16px 0;
	padding: 0;
	position: relative;
	list-style:none;
	text-align:center;
	clear: both;
}
.nav li{
	display: inline;
}

#bb_itinerary #last_para{
	background-image: url(images/page-bottom-images.jpg);
	background-repeat: no-repeat;
	padding-bottom: 120px;
	background-position:bottom;
}

#bb_connections #first_para{
	background-image: url(images/banner-beach2.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	padding-top: 120px;
	float: left;
	margin: 0 auto;
	width: 740px;
}
#bb_connections .destination h3{
	padding-right: 10em;
}
#bb_home #first_para{
	background-image: url(images/buddahbus_top_banner.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	padding-top: 140px;
	width: 740px;
	float: left;
}
#bb_home #last_para{
	background-image: url(images/open-road.jpg);
	background-repeat: no-repeat;
	padding-bottom: 140px;
	background-position:bottom;
}

#bb_connections #promo_hide span{
	display: block;
	position:absolute;
	background-image: url(images/banner-beach1.jpg);
	background-repeat:no-repeat;
	width: 100%;
	height: 90%;
	background-position:center;
}
#promo_hide{
	display:block;
	clear:both;
	position: relative;
	height: 113px;
	overflow: hidden;
	padding-top: 1em;
}


.nav li a{
	display: block;
	text-align:center;
	position: absolute;
	top: 4px;
	text-decoration: none;
	color:#990099;
	padding: 0 10px;
	background-repeat:no-repeat;
	background-position:center;
	overflow: hidden;
	font-size: 28px;
}
.current{
	text-decoration: none;
}

.nav li a span{
	position:relative;
	top: -1000px;
}
#footerNav li a span{
	position:relative;
	top: 1000px;
}
/* Position the links above the right images */
.nav .bb_home{left: 125px;width: 199px; top: 5	px; background-image: url(images/bb_home.gif);}
.nav .bb_route{left: 340px; background-image: url(images/bb_route.gif);}
.nav .bb_itinerary{left: 445px; background-image: url(images/bb_itinerary.gif);}
.nav .bb_philosophy{left: 593px; background-image: url(images/bb_philosophy.gif);}
.nav .bb_details{top: 60px; left: 130px; background-image: url(images/bb_details.gif);}
.nav .bb_connections{top: 60px; left: 252px; background-image: url(images/bb_connections.gif);}
.nav .bb_contact{top: 60px; left: 464px; background-image: url(images/bb_contact.gif);}
.nav .bb_book{top: 60px; left: 599px; background-image: url(images/bb_book.gif);}

#bb_home .bb_home, .bb_home:hover{background-image: url(images/bb_home_current.gif);}
#bb_route .bb_route, .bb_route:hover{background-image: url(images/bb_route_current.gif);}
#bb_itinerary .bb_itinerary, .bb_itinerary:hover{background-image: url(images/bb_itinerary_current.gif);}
#bb_philosophy .bb_philosophy, .bb_philosophy:hover{background-image: url(images/bb_philosophy_current.gif);}
#bb_details .bb_details, .bb_details:hover{background-image: url(images/bb_details_current.gif);}
#bb_connections .bb_connections, .bb_connections:hover{background-image: url(images/bb_connections_current.gif);}
#bb_contact .bb_contact, .bb_contact:hover{background-image: url(images/bb_contact_current.gif);}
#bb_book .bb_book, .bb_book:hover{background-image: url(images/bb_book_current.gif);}


#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-weight: bold;
	font-size: 0.9em;
	color: #666666;
}

.note{
	font-size: 0.8em;
	font-weight: normal;
}
.times{
	text-align: right;
}
.promo_image{
	text-align: center;
	margin-bottom: 20px;
}
.promo_image img{
	border: none;
}

table{
	text-align: center;
	width: 100%;
}
.locationColumn{
	text-align: left;
	width: 18em;
}
th{
	color: #996699;
	padding: 0.5em 0;
}


/* Destination Boxes */
.destination{
	border: 1px solid black;
	margin-top: 0.4em;
	padding: 0.1em;
	float: left;
	width:735px;
}
#bb_connections .destination{
	height: 7em;
}
.destination h3{
	float: left;
	margin: 0pt 4pt;
	padding: 0;
	font-variant:small-caps;
	text-decoration: none;
}
.destination a{
	float: left;
	clear: right;
	font-size: 0.8em;
	padding-top: 0.4em;
	color: #CC0033;
	margin-right: 8em;
}
.destination img{
	float:left;
	clear: left;
	margin: 0.3em;
}
.destination p{
	width: 65%;
	padding-right: 2em;
	padding-top: 1em;
	float: right;
}
#lake{
	padding-right: 10em;
}
#bb_connections .destination p{
	margin: auto;
	width: 55%;
}

img.right{
	float:right;
	clear: right;
}

/* Itinerary List */

.itinerary{
	list-style: none;
	margin: 0.1em;
	padding:0.1em;
}
.itinerary li{
	float: left;
	width: 100%;
	padding: 0.5em 0;
	margin: 0;
}
.itinerary .list_label{
	float: left;
	clear: left;
	width: 5em;
	height: 2em;
	font-size:1.1em;
}
.list_label .distance{
	float: left;
	clear: left;
	font-size: 0.9em;
	color:#996699;
}

ol.itinerary li.list_image{
	margin-bottom: 5px;
	padding-bottom: 175px;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(images/itinerary-warsaw.jpg);
}
ol.itinerary li#moscow{background-image:url(images/itinerary-moscow.jpg);}
ol.itinerary li#russia{background-image:url(images/itinerary-russia.jpg);}
ol.itinerary li#almaty{background-image:url(images/itinerary-almaty.jpg);}
ol.itinerary li#kazakhstan{background-image:url(images/itinerary-kazakhstan.jpg);}
ol.itinerary li#urumqi{background-image:url(images/itinerary-urumqi.jpg);}

#accomodation_list .list_label{
	width: 9em;
}

/* Comparison Table */
#comparison_table{
	width: 740px;
	height:160px;
	background-image: url(images/comparison_table.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#comparison_table tbody{
	display: none;
}

#table_wrapper .note{
	text-align: left;
	margin: 5px auto;
	width:435px;
}
#busnote{
	text-align: right;
}

#internal_toc{
	display: inline;
	clear: both;
	float: left;
	width: 100%;
	list-style: none;
	background: transparent url(images/purple_line.gif) bottom center no-repeat;
	padding: 0 0 50px 0;
	margin: 1em auto;
}
#internal_toc li{
	position: relative;
	float: left;
	width: 25%;
	font-size: 1.2em;
	left: 0.5em;
}

#contactDetails, #contactForm{
	float: left;
	width: 45%;
	margin: 1em;
}
#contactForm label{
	display: block;
	margin-top: 1em;
}
#contactForm input, #contactForm textarea{
	width: 90%;
}
#contactForm #Submit{
	width: auto;
	margin: 0 auto;
}


#orderform{
	margin-left: 150px;
}
#bb_book form label{
	display: block;
	position: relative;
	margin: 10px 2px;
}
#bb_book form label select{
	position: absolute;
	left: 200px;
}
#bb_book form input{
	position: relative;
	left: 200px;
	top: 10px;
	margin: 2px;
}