/* general reset */
body{
	margin:0;
	color:#4d4d4d;
	min-width:710px;
	font:11px Helvetica, Arial, sans-serif;
	background:#e6e3db url(../images/bg-body.jpg) repeat;
	position:relative;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#f7b211;
}
a:hover{text-decoration:underline;}
#wrapper{
	width:100%;
	background: url(../images/bg-header.gif) repeat-x;
}
.wrapper-holder{
	overflow:hidden;
	width:710px;
	margin:0 auto;
	padding:0 0 25px;
}
a.hidden {
	position:absolute;
	top:0;
	left:-9999px;
}
/* header */
#header{
	overflow:hidden;
	height:1%;
	padding:44px 0 12px 5px;
}
/* logo */
.logo{
	background:url(../images/logo.png) no-repeat;
	width:132px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	margin:5px 0 0;
	float:left;
}
.logo a{
	display:block;
	height:100%;
	position:relative;
}
/* social networks */
.social-networks{float:right;}
.social-networks ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.social-networks ul li{
	float:left;
	padding:0 0 0 6px;
}
.social-networks ul li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:22px;
	background:url(../images/icons-social-networks.gif) no-repeat;
}
.social-networks ul li a.facebook{width:22px;}
.social-networks ul li a.twitter{
	width:22px;
	background-position:-22px 0;
}
.social-networks ul li a.rss{
	width:22px;
	background-position:-44px 0;
}
.social-networks .lang{
	float:left;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	padding:3px 6px 0 0;
	margin:0;
	list-style:none;
}
.social-networks .lang li{
	margin:0 0 0 3px;
	padding:0;
	float:left;
	display:inline;
}
.social-networks .lang a{
	text-indent:0;
	height:auto;
	display:inline;
	background:none;
	color:#272727;
	float:left;
}
.lang a:hover{text-decoration:none;}
/* main */
#main{
	width:100%;
	margin:0 0 24px;
}
.section {
	margin:0 0 10px 5px;
	padding:0;
	color:#272727;
	font-size:14px;
	line-height:18px;
	background:#fff;
}
/* intro block */
.intro-block{
	position:relative;
	padding:11px 16px 17px 16px;
}
.intro-block-en{
	background: white url("../images/choose-your-ride-en.gif") no-repeat 16px 20px;
}
.intro-block-es{
	background: white url("../images/choose-your-ride-es.gif") no-repeat 16px 20px;
}
.intro-block .title{
	padding:0 0 10px;
	margin:0 0 5px;
	background: url(../images/bg-title.gif) repeat-x 50% 100%;
}
.intro-block h1{
	letter-spacing:2px;
	text-transform:uppercase;
	text-indent: -9999px;
	overflow: hidden;
	font:bold 35px/36px Helvetica, Arial, sans-serif;
	margin:0;
}
.intro-block h1 em{
	letter-spacing:1px;
	color:#f7b112;
	font-size:22px;
	line-height:25px;
	font-style:normal;
	display:block;
}
.intro-block h1 span{display:block;}
.intro-block .text{
	padding: 10px 3px 5px 3px;
	width:365px;
}
.intro-block .text p{margin:0;}
/* find*/
.intro-block .find{
	background:url(../images/bg-find.gif) no-repeat;
	width:144px;
	padding:24px 0 0 5px;
	height:162px;
	position:absolute;
	right:48px;
	top:-12px;
	text-transform:uppercase;
	text-align:center;
}
.btn-find{
	background:url(../images/btn-find.gif) no-repeat;
	width:110px;
	height:103px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 auto -1px;
}
.intro-block .find h2{
	word-spacing:1px;
	letter-spacing:1px;
	font-size:35px;
	margin:0 0 -9px;
}
.intro-block .find h2 cufon{height:35px !important;}
.intro-block .find span{
	font-size:17px;
	font-weight:bold;
}
/* options */
.options{padding:10px 15px;}
#main:after,
.options:after,
.column .title:after{
	content:"";
	clear:both;
	display:block;
}
.options .title{
	margin:0 9px 0 -20px;
	position:relative;
	float:left;
	display:inline;
}
.options h2{
	font-size:20px;
    line-height:23px;
	height:23px;
	float:left;
	margin:0;
	padding:10px 12px 0 18px;
	background: url(../images/bg-title.png) repeat;
}
.cufon-active .options h2{
	font-size:20px;
	line-height:22px;
	overflow:hidden;
}
* html.cufon-active .options h2 {height:25px !important;}
*+html.cufon-active .options h2 {height:25px !important;}
.cufon-active .options h2 cufon {float:left;}
* html.cufon-active .options h2 cufon {margin-top:2px;}
*+html.cufon-active .options h2 cufon {margin-top:2px;}
.options h2 a{
	color:#333;
	float:left;
}
.options h2 a:hover{
	text-decoration:none;
}
.options h2 a cufon{height:16px !important;}
.options p{
	word-spacing:-1px;
	letter-spacing:1px;
	margin:0;
}
.options a{
	font-weight:bold;
	color:#f7b211;
}

.options .holder {
	padding:0 20px 12px 0;
	background: url(../images/bg-title.gif) repeat-x 50% 100%;
}

.options .holder h2.what-are-your-options-en
{
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/what-are-your-options-en.png) 14px 0px no-repeat; 
	margin: 0px -15px;
	height: 33px;
	width: 224px;
}

.options .holder h2.what-are-your-options-es
{
	text-indent: -9999px;
	overflow: hidden;
	background:url(../images/what-are-your-options-es.png) 14px 0px no-repeat; 
	margin: 0px -15px;
	height: 33px;
	width: 224px;
}

.options .image{
	margin:-5px 0 0 65px;
	float:right;
}
.options .image img{display:block;}
/* carousel */
#carousel{
	background: url(../images/bg-carousel.gif) no-repeat;
	width:705px;
	height:200px;
	margin:0 0 10px 5px;
	position:relative;
}
.click{
/*	background: url(../images/btn-click.gif) no-repeat; */
	padding-top:6px;
	color:#fff;
	margin:0;
	height:30px;
	font-size:21px;
	text-transform:uppercase;
	position:absolute;
	left:12px;
	top:9px;
	width: 500px;
	z-index:10;
}

.click-en 
{
	background: url(../images/find-a-ride-here-en.gif) no-repeat;
	padding-left:188px;
}

.click-es
{
	background: url(../images/find-a-ride-here-es.gif) no-repeat;
	padding-left:284px;
}

#ride-title:hover
{
    text-decoration:none;
    border-bottom: solid 1px #f7b100;
}

#ride-title
{
    margin-top: 4px;
    display: block;
    text-decoration:none;
    height: 16px;
    overflow: hidden;
}

#ride-title.taxi-en  
{
    background: url(../images/ride-type-taxi-en.gif) no-repeat; 
    width: 88px;
}

#ride-title.facebook-en  
{
    background: url(../images/ride-type-facebook-en.gif) no-repeat; 
    width:160px;
}

#ride-title.twitter-en  
{
    background: url(../images/ride-type-twitter-en.gif) no-repeat; 
    width: 111px;
}

#ride-title.limo-en  
{
    background: url(../images/ride-type-limo-en.gif) no-repeat; 
    width: 97px;
}

#ride-title.jail-en  
{
    background: url(../images/ride-type-jail-en.gif) no-repeat; 
    width: 81px;
}

#ride-title.pedicab-en  
{
    background: url(../images/ride-type-pedicab-en.gif) no-repeat; 
    width: 137px;
}

#ride-title.walk-en  
{
    background: url(../images/ride-type-walk-en.gif) no-repeat; 
    width: 64px;
}

#ride-title.bus-en  
{
    background: url(../images/ride-type-bus-en.gif) no-repeat; 
    width: 167px;
}

#ride-title.taxi-es  
{
    background: url(../images/ride-type-taxi-es.gif) no-repeat; 
    width: 120px;
}

#ride-title.facebook-es
{
    background: url(../images/ride-type-facebook-es.gif) no-repeat; 
    width:210px;
}

#ride-title.twitter-es
{
    margin-top: 1px;
    height: 19px;
    background: url(../images/ride-type-twitter-es.gif) no-repeat; 
    width: 133px;
}

#ride-title.limo-es
{
    background: url(../images/ride-type-limo-es.gif) no-repeat; 
    width: 168px;
}

#ride-title.jail-es  
{
    margin-top: 1px;
    height: 19px;
    background: url(../images/ride-type-jail-es.gif) no-repeat; 
    width: 68px;
}

#ride-title.pedicab-es
{
    background: url(../images/ride-type-pedicab-es.gif) no-repeat; 
    width: 152px;
}

#ride-title.walk-es
{
    background: url(../images/ride-type-walk-es.gif) no-repeat; 
    width: 67px;
}

#ride-title.bus-es 
{
    margin-top: 1px;
    height: 19px;
    background: url(../images/ride-type-bus-es.gif) no-repeat; 
    width: 222px;
}

.click a{color:#fff;}
.click cufon{height:14px !important;}
.click a:hover{
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.prev, .next{
	width:23px;
	height:146px;
	z-index:100;
	position:absolute;
	left:0;
	top:54px;
	text-indent:-9999px;
	background:url(../images/btn-prev.gif) no-repeat;
}
.next{
	background:url(../images/btn-next.gif) no-repeat 0 0;
	left:auto;
	right:0;
}
#carousel .arrow{
	position:absolute;
	left:50%;
	top:54px;
	background: url(../images/arrow.gif) no-repeat;
	text-indent:-9999px;
	width:27px;
	height:23px;
	margin:0 0 0 -14px;
}
#carousel .holder{
	width:100%;
	overflow:hidden;
	height:146px;
	padding:54px 0 0;
	position:relative;
}
#carousel ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	width:9999px;
	position:relative;
}
#carousel ul li{
	float:left;
	height:146px;
	padding:0 86px 0 0;
}
#carousel ul li a{
	outline:none;
	text-indent:-9999px;
	overflow:hidden;
	height:101px;
	float:left;
	background: url(../images/icons.png) no-repeat;
}
#carousel ul li a.fancy ,
#carousel ul li a.other-fancy {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
#carousel ul li span{
	float:left;
	position:relative;
	z-index:2;
	padding:25px 0 0;
}
.phone a{
	background-position:-150px -101px !important;
	width:63px;
}
#carousel ul li span.phone{padding:16px 0 0;}
.phone a:hover,
.active .phone a{background-position:-150px -202px !important;}
.boot a{
	background-position:0 -101px !important;
	width:150px;
}
#carousel ul li span.boot{padding:33px 0 0;}
.boot a:hover,
.active .boot a{background-position: 0 -202px !important;}
.bus a{
	background-position:-431px -101px !important;
	width:91px;
}
#carousel ul li span.bus{padding:22px 0 0;}
.bus a:hover,
.active .bus a{background-position: -431px -202px !important;}
.car a{
	background-position:-313px -101px !important;
	width:119px;
}
.car a:hover,
.active .car a{background-position:-313px -202px !important;}
.symbol a{
	background-position:-212px -101px !important;
	width:102px;
}
#carousel ul li span.symbol{padding:20px 0 0;}
.symbol a:hover,
.active .symbol a{background-position:-212px -202px !important;}
.hand a{
	background-position:-519px -101px !important;
	width:102px;
}
.hand a:hover,
.active .hand a{background-position:-519px -202px !important;}
.phone2 a{
	background-position:-622px -101px !important;
	width:89px;
}
.phone2 a:hover,
.active .phone2 a{background-position:-622px -202px !important;}
.taxi a{
	background-position:-710px -101px !important;
	width:105px;
}
.taxi a:hover,
.active .taxi a{background-position:-710px -202px !important;}
.avto a{
	background-position:-821px -101px !important;
	width:108px;
}
.avto a:hover,
.active .avto a{background-position:-821px -202px !important;}
.limo a{
	background-position:-936px -101px !important;
	width:105px;
}
#carousel ul li span.limo{padding:50px 0 0;}
.limo a:hover,
.active .limo a{background-position:-936px -202px !important;}
.symbol2 a{
	background-position:-1041px -101px !important;
	width:108px;
}
.symbol2 a:hover,
.active .symbol2 a{background-position:-1041px -202px !important;}
.bike a{
	background-position:-1155px -101px !important;
	width:104px;
}
#carousel ul li span.bike{padding:37px 0 0;}
.bike a:hover,
.active .bike a{background-position:-1155px -202px !important;}
#carousel ul li .phone3 a{
	background-position:-1265px -101px !important;
	width:76px;
	height:96px;
}
#carousel ul li .phone3 a:hover,
#carousel ul li.active .phone3 a{
	background-position:-1265px -202px !important;
	height:101px;
}
/* lightbox */
#carousel .lightbox{display:none;}
.lightbox{
	width:849px;
	position:relative;
}
.lightbox-holder {
	background:url(../images/bg-carousel-overlay.png) no-repeat;
	width:100%;
	padding:93px 0 0;
	height:173px;
	overflow:hidden;
}
.lightbox .text{
	float:right;
	width:510px;
	color:#fff;
	position:relative;
	line-height:19px;
	padding:5px 82px 0 0;
	font-size:12px;
}
.lightbox p{margin:0;}
.lightbox h3{
	color:#fff;
	font-size:45px;
	border-bottom:4px solid #fff;
	margin:0 0 8px;
	padding:0 0 5px;
}
.lightbox h3 cufon{height:40px !important;}
.lightbox .alignleft{
	float:left;
	margin:0 0 0 55px;
}
.lightbox .close-box{
	position:absolute;
	left:12px;
	top:10px;
	width:300px;
	height:33px;
	font-size:27px;
	text-transform:uppercase;
	padding:9px 0 15px 67px;
	background:#272727 url(../images/bg-link-spin.gif) no-repeat;
}
.lightbox .close-box a.spin{
	color:#fff;
	float:none;
	height:auto;
	text-indent:0;
	background:none;
	line-height:33px;
}
/* twocolumns */
#twocolumns{
	overflow:hidden;
	width:717px;
}
.column{
	float:left;
	width:328px;
	display:inline;
	line-height:18px;
	padding:9px 9px 12px;
	margin:0 7px 0 5px;
	background:#fff;
}
.column-en
{
	min-height: 210px;
}
.column-es
{
	min-height: 315px;
}


.column h3{
	text-transform:uppercase;
	color:#272727;
	text-indent: -9999px;
	overflow: hidden;
/*	
	font-size:13px;
	position:relative;
	margin:0 0 0 -14px;
	float:left;
	padding:4px 15px 0;
	background: url(../images/bg-title.png) repeat; */
}

.column h3.the-crackdown-en 
{
	background:url(../images/the-crackdown-en.png) no-repeat; 
	margin: 0px -15px;
	height: 33px;
}

.column h3.the-consequences-en 
{
	background:url(../images/the-consequences-en.png) no-repeat; 
	margin: 0px -15px;
	height: 33px;
}

.column h3.the-crackdown-es 
{
	background:url(../images/the-crackdown-es.png) no-repeat; 
	margin: 0px -15px;
	height: 33px;
}

.column h3.the-consequences-es 
{
	background:url(../images/the-consequences-es.png) no-repeat; 
	margin: 0px -15px;
	height: 33px;
}

.column h3 cufon{height:16px !important;}
.column .title{
	padding:0 0 12px;
	margin:0 0 5px;
	width:100%;
	background:url(../images/bg-title.gif) repeat-x 50% 100%; 
	height: 35px;
}
/*
.column .title{
	padding:0 0 12px;
	margin:0 0 5px;
	width:100%;
	background:url(../images/bg-title.gif) repeat-x 50% 100%;
}
*/

.column p
{
    margin:5px 0 10px;
    padding-left: 8px;
    padding-right: 15px;
    line-height: 20px;
    font-size: 13px;
}
/* footer */
#footer{
	color:#000;
	text-align:center;
}
.nav{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin:0 0 8px;
	padding:0;
	list-style:none;
}
.nav li{
	margin:0 5px;
	display:inline;
}
.nav a
{color:#4d4d4d;}
.copyright a 
{
    color: #272727;
	font-size:14px;
}
#footer p{margin:0;}