/* Travel Tonic Live Site CSS 
tourquoise - 009999
orange - FF9900
*/

body {
	margin: 0;
	padding: 0;
	font: 11px/1.4em Helvetica, Geneva, "Arial sans-serif";
	color: #555555;
	background: #D0FAF9;
}
#wrapper {
	width: 700px;
	height: 118px;
	margin: 10px auto;
}	

/*-------------- HEADER ---------------*/
#header {
	width: 700px;
	margin: 0;
}
#logo {
	float: left;
}
#logo h1{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
}	
#logo h1 a:link, #logo h1 a:visited	{
	display: block;
	background: url(../img/tonictravel-logo.gif) no-repeat 0px 0px;
	border: 0;
	width: 185px;
	height: 118px;
	}
	p {
	margin: 0;
	padding: 0;
}
/*-------------- FONTS ---------------*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: none;
}
a {
	color: #009999;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
}
a:hover {
	color: #222;
	text-decoration: underline;
}
h1 { 
	font-size: 150%;
}
h2 {
	font-size: 135%;
}

h3 {
	font-size: 125%;
	color: #555555;
	margin-top: 10px;
}
h4 {
	font-size: 1em;
	color: #555555;
}

/*-------------- NAVIGATION ---------------*/
#menu-wrap {
	float: right;
	margin-left: 25px;
	margin-top: 95px;
}
#nav {
	margin: 0;
	padding: 0;
	height: 35px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}
#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}	
 #nav a:hover, #nav a:active {
	background-position: 0 -30px;
	}
		
	#nav a.selected { background-position: 0 -60px; }


#n-about a  {
	width: 46px;
	background: url(img/about.gif) no-repeat left top;
	}
#n-services a  {
	width: 58px;
	background: url(img/services.gif) no-repeat left top;
	}
#n-itineraries a  {
	width: 66px;
	background: url(img/itineraries.gif) no-repeat left top;
	}
#n-process a  {
	width: 56px;
	background: url(img/process.gif) no-repeat left top;
	}
#n-prices a  {
	width: 48px;
	background: url(img/prices.gif) no-repeat left top;
	}
	#n-cities a  {
	width: 43px;
	background: url(img/cities.gif) no-repeat left top;
	}
#n-press a  {
	width: 43px;
	background: url(img/press.gif) no-repeat left top;
	}
#n-testimonials a  {
	width: 76px;
	background: url(img/testimonials.gif) no-repeat left top;
	}	
#n-contact a  {
	width: 54px;
	background: url(img/contact.gif) no-repeat left top;
	}		
/* #n-faq a  {
	width: 42px;
	background: url(img/faq.gif) no-repeat left top;
	}	
*/

#c-vancouver a {
	background: url(../img/vancouver-bttn.gif) no-repeat left top;
	width: 80px;
	margin-left: 30px;
	}
#c-whistler a {
	background: url(../img/whistler-bttn.gif) no-repeat left top;
	width: 80px;
	margin-left: 30px;
	}
#c-toronto a {
	background: url(../img/toronto-bttn.gif) no-repeat left top;
	width: 80px;
	margin-left: 30px;
	}
#c-newyork a {
	background: url(../img/newyork-bttn.gif) no-repeat left top;
	width: 80px;
	margin-left: 30px;
	}
#c-london a {
	background: url(../img/london-bttn.gif) no-repeat left top;
	width: 80px;
	margin-left: 30px;
	}
	

#citynames {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
#citynames li {
	display: inline;
	margin: 0; 
	padding: 0;
	list-style: none;
	}
#citynames a {
	float: left;
	padding: 25px 0 0 25px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
#citynames a:hover, #citynames a:active {
	}
#citynames a.selected {
	}


/*-------------- CONTENT ---------------*/
.clear {
	clear: both;
}
div.clear {
	clear: both;
}
#container {
	background: #FFFFFF url(../img/pagecorner-topright.gif) no-repeat right top;
	margin: 0px;
	padding: 0px;
}
#sidebar {
	float: left;
	width: 185px;
	padding: 1px;
	background: #FFFFFF url(img/white.gif) repeat 0px 0px;
}
#sidebar h3 {
	background: url(../img/tagline.gif) no-repeat left top;
	text-indent: -9999px;
	height: 50px;
	width: 135px;
	padding-bottom: 10px;
	border-bottom: solid 1px #DDDDDD;
}
.allcity {
	text-indent: -9999px;
}
#page {
	background: #FFFFFF url(img/sidepattern.gif) no-repeat left bottom;
	padding: 10px 10px 10px 15px;
	margin: 0px;
}
#pagelong {
	background: #FFFFFF url(img/sidepattern_tall.gif) repeat-y 0px 25px;
	padding: 10px 10px 10px 15px;
	margin: 0px;
}
#pageone {
	background: #FFFFFF;
	padding: 10px 10px 10px 15px;
	margin-top: 7px;
}
html#page, html#pagelong {
	height: 1%;
}
#content {
	float: right;
	width: 480px;
	font-size: 120%;
	line-height: 1.4em;
	padding: 1px;
}
#content h2 {
	padding: 2px;
	border: 1px solid #BBB;
	text-indent: -9999px;
	height: 140px;
	width: 470px;
}
#content h2#p-index, #content h2#p-index2, #content h2#p-index3, #content h2#p-index4, #content h2#p-index5, #content h2#p-index6 {
	padding: 2px;
	border: none;
	text-indent: -9999px;
	height: 255px;
	width: 470px;
}
#content h2#profileForm {
	height: 35px;
	text-indent: 0px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
	padding: 5px 0px;
	margin: 0;
	color: #777777;
	line-height: 1em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#content .tt {
	font-style: normal;
	text-transform: none;
}
#content .arrow {
	background: url(../img/arrow.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 85%;
}
#content .testimonialEntries p {
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0 10px;
}
#content .testimonialEntries p.lastline {
	border-bottom-style: none;
}
#content em.happy {
	display: block;
}



/* ----------------- BANNER IMAGES ----------------*/

#p-index { background: url(../img/pict-index.jpg) no-repeat 50% 50%; }
#p-index2 { background: url(../img/pict-index-2.jpg) no-repeat 50% 50%; }
#p-index3 { background: url(../img/pict-index-3.jpg) no-repeat 50% 50%; }
#p-index4 { background: url(../img/pict-index-4.jpg) no-repeat 50% 50%; }
#p-index5 { background: url(../img/pict-index-5.jpg) no-repeat 50% 50%; }
#p-index6 { background: url(../img/pict-index-6.jpg) no-repeat 50% 50%; }
#p-services { background: url(../img/pict-services.jpg) no-repeat 50% 50%; }
#p-prices { background: url(../img/pict-prices.jpg) no-repeat 50% 50%; }
#p-process { background: url(../img/pict-process.jpg) no-repeat 50% 50%; }
#p-contact { background: url(../img/pict-contact.jpg) no-repeat 50% 50%; }
#p-about { background: url(../img/pict-about.jpg) no-repeat 50% 50%; }
#p-press { background: url(../img/pict-press.jpg) no-repeat 50% 50%; }
#p-itineraries { background: url(../img/pict-itineraries.jpg) no-repeat 50% 50%; }
#p-testimonials { background: url(../img/pict-testimonials.jpg) no-repeat 50% 50%; }
#p-faq { background: url(../img/pict-faq.jpg) no-repeat 50% 50%; }
#p-cities { background: url(../img/pict-cities.jpg) no-repeat 50% 50%; }
#p-cities-london { background: url(../img/pict-cities-london.jpg) no-repeat 50% 50%; }
#p-cities-newyork{ background: url(../img/pict-cities-newyork.jpg) no-repeat 50% 50%; }
#p-cities-toronto { background: url(../img/pict-cities-toronto.jpg) no-repeat 50% 50%; }
#p-cities-vancouver { background: url(../img/pict-cities-vancouver.jpg) no-repeat 50% 50%; }
#p-cities-whistler { background: url(../img/pict-cities-whistler.jpg) no-repeat 50% 50%; }


#content h3 {
	text-transform: none;
	color: #FEBA1B;
	font: normal 2em Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0 8px;
}
#content h4 {
	font-size: 1em;
	margin: 30px 0px 0px;
	color: #555;
}
#content p {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-right: 15px;
}
#content ul.contactby {
	border-bottom: 1px solid #DDDDDD;
	margin: 0px;
	padding: 10px 0;
}
#content ul.lastline {
	border-bottom: none;
	margin: 0px;
	padding: 10px 0;
}
#content .contactInfo p {
}
#content .file-table-container {
	font-size: 115%;
	margin: 0px 0 15px 0;
}
#content .pdfsize {
	font-weight: normal;
	color: #AAAAAA;
	font-size: 85%;
}
#cityList {
	list-style: none;
}
#cityList li{
	list-style: none;
	background: url(../img/arrow.gif) no-repeat left center;
	padding: 5px 0 5px 22px;
}
/* -----------------••••• PRESS BOXES ••••••••••••••••••••••••••••----------------*/
#tablepress {
	width:440px;
	font-size:10px Helvetica, Geneva, "Arial sans-serif";
	line-height:15px;
	border-top:0px;
	border-bottom: 0px;
	}
th.pressbox {
	height:190px;
	width:140px;
	margin: 0;
	padding: 0 22px 0 0;
	border-top:0px;
	border-bottom: 0px;
}
td.pressbox {
	height:190px;
	width:140px;
	margin: 0;
	padding: 0 22px 0 0;
	border-top:0px;
	border-bottom: 0px;
}
td.pressboxright {
	height:190px;
	width:140px;
	margin: 0;
	padding: 0;
	border-top:0px;
	border-bottom: 0px;
}
td.pressdetails {
	color: #888888;
	font-size:10px;
	line-height:15px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 20px;
	border-top:0px;
	border-bottom: 0px;

}
td.pressdetails a {
	color: #009999;
	font-size:10px;
	line-height:15px;
	font-weight: normal;
}

#wrapper-press {
	width: 805px;
	margin: 10px auto;
}
#wrapper-press-lrg {
	width: 1075px;
	margin: 10px auto;
}
#presspage {
	width:805;
	background: #FFFFFF url(img/sidepattern.gif) no-repeat left bottom;
	padding: 10px 15px 10px 15px;
	margin: 0px;
}
#pressarticle {
	width:620;
	margin: 0px;
	padding: 10px 0 10px 10px;
	float:right;
}
/* ------------------- TABLE Styles ------------- */
table {
	margin: 0px;
	border-top: 2px solid #888888;
	border-bottom: 2px solid #888888;
	width: 97%;
}
th {
	text-transform: uppercase;
	font-size: 75%;
	font-weight: normal;
	text-align: left;
	padding: 2px 5px;
	border-bottom: 1px solid #AAAAAA;
}
th.itenirary {
	width: 70%;
}
th.startprice {
	background: #FFFFCC;
	width: 30%;
	padding-left: 10px;
}
td {
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 10px 5px 5px;
}
td.priceDigit {
	background: #FFFFCC;
	font-weight: bold;
	font-size: 110%;
	padding-left: 10px;
}
td.priceDigitlast {
	background: #FFFFCC;
	font-weight: bold;
	font-size: 110%;
	padding-left: 10px;
	border: none;
}
td.last {
	border: none;
}
td.small {
	font-size: 80%;
	color: #888888;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#content #meta {
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #888888;
	margin-top: 20px;
	padding: 10px 0;
}
#meta a, .plannow a {
	color: #FF9900;
	font-weight: normal;
}
#print {
	background: url(../img/printer.gif) no-repeat left center;
	padding-left: 20px;
}
#email {
	background: url(../img/email.gif) no-repeat left center;
	padding-left: 20px;
	margin-left: 20px;
}
#meta img {
	margin-right: 15px;
}
#meta h5 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
div.plannow {
	font-size: 115%;
	padding: 25px 0px;
}
#plan {
	background: url(../img/arrow.gif) no-repeat left center;
	padding-left: 20px;
}

/* ----------------- FOOTER ----------------*/
#footercontainer {
float:left;
width:100%;
margin-bottom:30px;
padding-bottom:0;
}
#footer{
	clear: both;
	font-size: 90%;
	padding: 15px 0px 20px 85px;
	text-align: center;
}
#footer p {
	color: #AAAAAA;
}
#footer strong {
	color: #888888;
}

#footer a {
	color: #888888;
}
#footer .leftFoot {
	float: left;
}
#footer .rightFoot {
	float: left;
	text-align: left;
	padding-left: 20px;
}
#footer a.orange, #content a.orange {
	color: #FF9900;
	font-weight: normal;
}
#footer a.none  {
	color: #AAAAAA;
	font-weight: normal;
}
#footer .rightFoot .tollnumber {
	color: #FF9900;
	font-weight: normal;
}
#footer .rightFoot .line {
	color: #FFFFFF;
}
* html p {
	height: 1%;
	margin-left: 0;
	}
.bodylink {
	color: #009999;
	text-decoration: none;
	font-weight: normal;
}