/* @override http://tripfire-demo.tipmedev.com/css/tripfire-demo.css */

@import url("style.css");

/* @group Tripfire Demo Styles */

#demo-wrapper {
	width: 810px;
	margin: 10px auto 0 auto;
}

#top-wrapper {
	margin-bottom: 30px;
}

#demo-left {
	float: left;
	width: 311px;
}

h2.why-tripfire {
	background:#e3e4da url(images/sprite.png) 6px 10px no-repeat;
	padding-left: 30px;
	margin-bottom: 20px;
}

#demo-left p {
	padding: 0 20px 0 5px;
	font-size: 13px;
	line-height: 18px;
}

#demo-right {
	float: right;
	width: 486px;
	min-height: 324px;
	background: #efefef;
}

/* @end */

/* @group Slider Img */

#slider,
#slider2,
#slider3 {
	position: absolute;
	
}	

#slider ul,
#slider li,
#slider2 ul, 
#slider2 li,
#slider3 ul, 
#slider3 li {
	margin:0;
	padding:0;
	list-style:none;
	width: 465px;
	height: 334px;
}

#slider li,
#slider2 li,
#slider3 li { 
	width: 465px;
	height: 334px;
	overflow:hidden; 
}

p#controls, 
p#controls2,
p#controls3 {
	margin:0;
	position:absolute;
}

/* Small Button Image Nav Items */

/*#prevBtn,
#nextBtn,
#prevBtn2, 
#nextBtn2,
#prevBtn3, 
#nextBtn3 {
	display:block;
	position:absolute;
	top: 142px;
	z-index: 6000;
}

#nextBtn,
#nextBtn2,
#nextBtn3 { 
	left:410px
}

#prevBtn,
#prevBtn2,
#prevBtn3 {
	left: 14px;
}

#prevBtn a,
#nextBtn a,
#prevBtn2 a,
#nextBtn2 a,
#prevBtn3 a,
#nextBtn3 a {  
	display:block;
	width:40px;
	height:40px;
	background-image: url(../images/_tripfire-demo/sprite.png);	
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
}

#nextBtn a,
#nextBtn2 a,
#nextBtn3 a { 
	background-position: -40px -191px;
}	

#nextBtn a:hover,
#nextBtn2 a:hover,
#nextBtn3 a:hover {
	background-position: -40px -231px;
}

#nextBtn a:active,
#nextBtn2 a:active,
#nextBtn3 a:active {
	background-position: -40px -271px;
}

#prevBtn a,
#prevBtn2 a,
#prevBtn3 a {
	background-position: 0 -191px;
}

#prevBtn a:hover,
#prevBtn2 a:hover,
#prevBtn3 a:hover {
	background-position: 0 -231px;
}

#prevBtn a:active,
#prevBtn2 a:active,
#prevBtn3 a:active {
	background-position: 0 -271px;
}
*/

/* Long Image Nav Items */

#nextBtn,
#prevBtn,
#prevBtn2, 
#nextBtn2,
#prevBtn3, 
#nextBtn3 {
	display:block;
	position:absolute;
	top: 0px;
	z-index: 6000;
}

#nextBtn,
#nextBtn2,
#nextBtn3 { 
	left:438px
}

#prevBtn,
#prevBtn2,
#prevBtn3 {
	left: 0px;
}

#prevBtn a,
#nextBtn a,
#prevBtn2 a,
#nextBtn2 a,
#prevBtn3 a,
#nextBtn3 a {  
	display:block;
	width:27px;
	height:334px;
	background-image: url(images/sprite.png);	
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
	z-index: 6000;
}

#nextBtn a,
#nextBtn2 a,
#nextBtn3 a { 
	background-position: -1607px -191px;
}	

#nextBtn a:hover,
#nextBtn2 a:hover,
#nextBtn3 a:hover {
	background-position: -1663px -191px;
}

#prevBtn a,
#prevBtn2 a,
#prevBtn3 a {
	background-position: -1579px -191px;
}

#prevBtn a:hover,
#prevBtn2 a:hover,
#prevBtn3 a:hover {
	background-position: -1635px -191px;
}

/* @end */

/* @group Slider */

/*
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
Modified by Brian Kaufman (brian@tippingmedia.com)
*/

/* Most common stuff you'll need to change */
.coda-slider-wrapper {
	padding: 0;
}

.coda-slider {
	background: #ebebeb;
}
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
	height: 200px; 
	overflow: auto !important; 
	padding-right: 20px;
}
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, 
.coda-slider .panel {
	width: 810px;
	height: 334px;
} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, 
.coda-slider-wrapper.arrows .coda-slider .panel {


}

.coda-slider-wrapper.arrows .coda-slider { 
	margin: 0 10px;
}
	
/* Arrow styling */
.coda-nav-left a { 
	background-image: url(images/sprite.png); 
	background-position: 0 -191px;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	display: block;
}
.coda-nav-left a:hover {
	background-position: 0 -231px;
}

.coda-nav-left a:active {
	background-position: 0 -271px;
}

.coda-nav-right a {
	background-image: url(images/sprite.png);
	background-position: -40px -191px; 
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	display: block;
}

.coda-nav-right a:hover {
	background-position: -40px -231px;
}

.coda-nav-right a:active {
	background-position: -40px -271px;
}
	
/* Tab nav */

#coda-nav-1.coda-nav {
	margin-bottom: 20px;
}

#coda-nav-1 li {
	float: left;
}
#coda-nav-1 li a {
	background-image: url(images/sprite.png);
	text-indent: -9999px;
	height: 50px;
	float: left;
}

#coda-nav-1 li.tab1 a {
	background-position: 0 -41px;
	width: 268px;
	z-index: 3000;
}

#coda-nav-1 li.tab1 a:hover {
	background-position: 0 -91px;
}
#coda-nav-1 li.tab1 a.current,
#coda-nav-1 li.tab1 a:active {
	background-position: 0 -141px;
}


#coda-nav-1 li.tab2 {

}

#coda-nav-1 li.tab2 a {
	background-position: -268px -41px;
	width: 290px;
	z-index: 2000;
	/*margin-left: 249px;*/
	margin-left: -20px
}

#coda-nav-1 li.tab2 a:hover {
	background-position: -268px -91px;
}

#coda-nav-1 li.tab2 a.current,
#coda-nav-1 li.tab2 a:active {
	background-position: -268px -141px;
}

#coda-nav-1 li.tab3 {

}

#coda-nav-1 li.tab3 a {
	background-position: -558px -41px;
	width: 290px;
	z-index: 1000;
	/*margin-left: 520px;*/
	margin-left: -20px
}

#coda-nav-1 li.tab3 a:hover {
	background-position: -558px -91px;
}
#coda-nav-1 li.tab3 a.current,
#coda-nav-1 li.tab3 a:active {
	background-position: -558px -141px;
}

/* Panel padding */
.coda-slider .panel-wrapper { 

}
	
/* Preloader */
.coda-slider p.loading { 
	padding: 20px; 
	text-align: center;
}

/* Don't change anything below here unless you know what you're doing */

/* Miscellaneous */
.coda-slider-wrapper { 
	clear: both; 
	overflow: auto;
}

.coda-slider { 
	float: left; 
	overflow: hidden; 
	position: relative;
}

.coda-slider .panel {
	display: block; 
	float: left;
}

.coda-slider .panel .image-overlay {
	background: url(images/sprite.png) no-repeat -1115px -191px;
	width: 464px;
	height: 334px;
	position: absolute;
	z-index: 5000;
}

.coda-slider .panel .right-content {
	background-image: url(images/sprite.png);
	width: 285px;
	height: 298px;
	float: right;
	padding: 36px 30px 0px 30px;
}

.coda-slider .panel.create-an-account .right-content {
	background-position: -80px -191px;
}

.coda-slider .panel.create-a-trip .right-content {
	background-position: -425px -191px;
}

.coda-slider .panel.take-a-trip .right-content {
	background-position: -770px -191px;
}

.coda-slider h3 {
	color: #fff;
	font-size: 20px;
}

.coda-slider .panel p {
	color: #1d1d1d;
	font-size: 13px;
}

.coda-slider a.sign-up-button {
	display: block;
	width: 135px;
	height: 29px;
	background: url(images/sprite.png) -850px 0;
	text-indent: -9999px;
} 

.coda-slider a.next-button {
	display: block;
	width: 95px;
	height: 29px;
	background: url(images/sprite.png) -753px 0;
	text-indent: -9999px;
} 

.coda-slider .panel-container { 
	position: relative;
}

.coda-nav-left, 
.coda-nav-right { 
	float: left;
}

.coda-nav-left a, 
.coda-nav-right a { 
	display: block; 
	text-align: center; 
	text-decoration: none;
}

/* @end */