@charset "utf-8";
/* CSS Document */

header, footer, article, section, nav, menu, hgroup { display: block; }  
figure{margin:0; padding:0}
html{margin:0; padding:0;z-index:1;}
img{ margin:0; padding:0; border:none}
section {clear:both; margin-bottom:20px;}

a{text-decoration:none;	color: #06F}
a:hover{text-decoration:underline;}
a:hover img{
/*	opacity:.80;
	filter:alpha(opacity=80);
	filter: "alpha(opacity=80)";*/
}
a.quotebn-lg:hover img, .package a:hover img{opacity:.80;
	filter:alpha(opacity=80);
	filter: "alpha(opacity=80)";}
	
ul, li{ padding:0; margin:0; list-style:none}

.clear{ clear:both}
.fl{float:left}
.fr{float:right}
.wline{background:url(../../bachelorette/images/line1.gif) repeat-x}

body{
	margin:0; padding:0;
	font-size:13px;
	background:#f8f8f8 url(../images/bg2.gif) repeat-x;
	color:#333;
	font-family: Georgia, "Times New Roman", Times, serif;
	 line-height:18px;
	 z-index:1;
}
	
body#home{	background:#f8f8f8 url(../images/bg1.gif) repeat-x;}
p{ line-height:19px; }

h1{ font-size:240%; margin:5px 0 20px;}
h2{ font-size:160%; margin:0 0 17px;}
h3{ font-size:130%; margin:0 0 14px;}
h4{ font-size:110%; margin:0 0 10px;}	

.wline1{background:url(../images/bgh2.gif) repeat-x bottom; line-height:20px; padding-bottom:10px;}
.wline2{background:url(../images/bgh22.gif) repeat-x center; margin-top:30px;}
.wline2 b{ background:#f8f8f8; line-height:30px; display:inline-block; padding-right:10px;}
h3.wline2{font-size:150%; text-transform: uppercase}


header.top, #hero, #mainContent, footer .container{
	width:970px;
	margin: 0 auto;
	display:block;
	/*text-shadow:1px 1px 0 white*/
	}
header.top{
	position:relative;
	vertical-align:top;
	padding:0 10px;
	background: url(../images/bg-shadow.png) top center no-repeat;
	display:block;
	height:125px !important;
	z-index:1000;
}

header.top .logo{ float:left; display:block; z-index:100; width:200px; position:relative;	}
header.top .logo img{ position: absolute; top:5px; left:-8px; top:3px;}
header.top .top-menus{ float:right; width:770px; }
header.top .top-menus .top-box{
	position:relative;
	background:url(../images/bg-topside.png) repeat-x top;
	height:43px;
	padding:8px 20px 0px;
	float:right;
	margin:0 0 6px;
	font-weight:bold;
	font-size:12px;	color:#ccc;
	
	}
header.top .top-menus .top-box span{ position:absolute; display:block;  }
header.top .top-menus .top-box span.lc{ background: url(../images/bg-topside-l.png) no-repeat; width:5px; height:41px; left:-5px; top:0;}
header.top .top-menus .top-box span.rc{ background: url(../images/bg-topside-r.png) no-repeat; width:5px; height:41px; right:-5px; top:0;}
header.top .top-menus .top-box { position:relative}
header.top .top-menus .top-box ul{ margin:0; padding:0;}
header.top .top-menus .top-box ul li{ float: left; margin:0 20px 0 0; padding:0; vertical-align:middle; list-style:none }
header.top .top-menus .top-box ul li a{color:#ccc}
header.top .top-menus .top-box ul li img{ vertical-align:middle }
header.top .top-menus .top-box ul li.fb,
header.top .top-menus .top-box ul li.goo{ position:relative}
header.top .top-menus .top-box ul li.fb{ top:-13px; *top:0; width:100px !important; z-index:1 !important}
header.top .top-menus .top-box ul li.fb iframe{  width:400px !important;}
header.top .top-menus .top-box ul li.fb iframe input{  width:300px !important;}
header.top .top-menus .top-box ul li.goo{ width:40px; z-index:100  !important}
header.top .top-menus .top-box ul li.num{ font-size:110%}
header.top .top-menus .top-box  em{ margin-right:20px; vertical-align:top; display:inline;}
header.top .top-menus .top-box  img{ margin-right:7px; position:relative; vertical-align:middle}

header.top .top-menus .top-box .follow{

	font-style:italic

}
header.top .top-menus .top-box .follow img{ vertical-align: top}
header.top .top-menus nav{ clear:both;	position:relative; margin:0; padding:0;	display:block; float: right;}


#mainContent{ position: relative; height:100%; padding:30px 0; display:block;
	background: url(../images/bg-shadow-mc.png) top center no-repeat; min-height:600px; 
}
#mainContent header{background: url(../images/bg-shadow2.png) no-repeat 0 80px ; height:145px; }
#mainContent header h2{ font-size:120%; color: #aaa; margin-top:13px;}
#breadcrumb{ font-size:80%;	text-transform:uppercase;}
#breadcrumb a{color: #c33;}
	
.leftContent{ float:left; width:723px;	padding-right:22px;	z-index:0;}
.leftContent .hero{ -webkit-box-shadow:0px 2px 3px #999; -moz-box-shadow:0px 2px 3px #999; box-shadow:0px 2px 3px #999;	*border:1px solid #CCC; border:1px solid #CCC\9;}

.rightContent{ background: url(../images/v-border.gif) left repeat-y; float:right; width:200px; padding:0 0 30px 23px; z-index:100;	position:relative;}
.rightContent h3.limo{ text-transform:uppercase; height:64px; position:relative; padding:0; margin:0}
.rightContent h3.limo em{ position: absolute; left:0; top:0; width: 200px; height:64px; margin:0; padding:0; background:#f8f8f8 url(../images/h-limo-selection.gif) no-repeat;}



footer{	clear:both;	background:#242424 url(../images/bg-footer.gif) repeat-x top; color:#444; height:100%; margin:20px auto 0; z-index:100; display:block}
footer .container{	padding: 25px 0; font-size:12px; position:relative;}
footer .container .about{ width:260px; font-weight:bold;}
footer .container .about span{font-weight:normal; font-size:90%; margin:15px 0 5px; display:block}
footer .container .about img { display:block; margin:0 0 3px;}
footer .container .about img.card{}
footer .container .links{ width:710px; margin-top:10px;}
footer .container .links a{ text-decoration:none;	color:#555;	font-size:11px;}
footer .container .links h4 a{ color:#777;}
footer .container .links h4{margin:0; text-transform:uppercase; clear:both}
footer .container .links a:hover{color:#999}
footer .container ul{ margin:0 0 10px; padding:0 0 5px; display:block; border-bottom:#111 dotted 1px;}
footer .container ul li{ list-style:none; margin:0;	padding:0 15px 0 0; display:inline-block; *display: inline;}
footer .container .copyright{width:100%; text-align:center; display:block; margin:20px 0 0; background:url(../images/bg-shadow.png) no-repeat center top;
	padding:30px 0 20px; color:#999;}
footer .go2top{	position: absolute; top: -36px; right: 0; z-index:100; display:block;}
footer .go2top img{ position:relative; top:5px; float:right}


/******************************** Image Gallery **********************************************************/

#slides1{ padding:0;}
#slides1 img {
    -webkit-box-shadow:0px 2px 3px #999;
    -moz-box-shadow:0px 2px 3px #999;
	box-shadow:0px 2px 3px #999;
}
.outer { margin:10px 0 5px}
.outer li { list-style:none;}
.outer .thumbs li {
    -webkit-box-shadow:0px 2px 3px #999;
    -moz-box-shadow:0px 2px 3px #999;
	box-shadow:0px 2px 3px #999;
    margin-bottom: 15px;
	margin-left:12px;
}

.hotel #slides{ padding:0;}
.hotel #slides img {
    -webkit-box-shadow:0px 2px 3px #999;
    -moz-box-shadow:0px 2px 3px #999;
	box-shadow:0px 2px 3px #999;
}
.hotel .outer .thumbs li {
    margin-bottom: 10px;
	margin-left:10px;
}

/******************************** Page Base **********************************************************/

h1{
	/*background:#333 url(../images/bgh1.gif) right center no-repeat;*/
	line-height:80px;
	height:80px;
	/*color:#f8f8f8;
	width:100%;*/
	z-index:5;
	font-size:40px;
	text-transform:uppercase;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	position:relative;
	margin-bottom:0;
	background:#f8f8f8;
	text-shadow: 2px 2px #ccc
}
.jumplinks{
	width:100%;
	position:relative;	padding:0;	margin:0;
}
.jumplinks ul{ position:relative; margin:0 auto; padding:0;}
.jumplinks li{	float:left;	font-size:11px; margin:0 0 0 10px;f padding:0;}
.jumplinks li a{
	position:relative;
	background:#ccc;
	color:#fefefe;
	padding:3px 15px 3px 20px;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	*display:inline-block;
	-webkit-box-shadow: inset 0px 1px 2px #888;
    -moz-box-shadow: inset 0px 1px 2px #888;
	box-shadow: inset 0px 1px 2px #888;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.jumplinks li a:hover{
	text-decoration:none;
		    -webkit-box-shadow: none;
    -moz-box-shadow:none;
	box-shadow:none;
	text-shadow:none;
	background:#999;
	padding:5px 15px 3px 20px;
	-webkit-box-shadow: inset 0px 1px 2px #666;
    -moz-box-shadow: inset 0px 1px 2px #666;
	box-shadow: inset 0px 1px 2px #666;
}
.quotebn{ display:block; position:absolute; top:-10px; right:-5px; z-index:100;}

a.quotebn-lg{ margin:30px}
a.quotebn-lg img{display:block; margin:0 auto;}
a.quotebn-lg:hover img{opacity:.80;
	filter:alpha(opacity=80);
	filter: "alpha(opacity=80)";}

/******************************** fleet **********************************************************/

#fleet .rightContent ul{ margin:15px 0;}
#fleet .rightContent ul li{
	padding-bottom:30px;
	margin-bottom:20px;
	background:url(../images/break1.gif) no-repeat bottom;
}
#fleet .rightContent ul li.last{ background:none}
#fleet .rightContent ul li a{
	display:block;
	text-align: center;
	text-transform:uppercase;
	cursor:pointer;
	color:#c33;
	font-weight:bold;
}
#fleet .rightContent ul li a span{ display:block;height:90px;}
#fleet .rightContent ul li a:hover{color:#c00}

#fleet .rightContent ul li.limo1 a span{ height:80px; background:url(../fleet/images/nav-sedan.gif) no-repeat 0 -85px;}
#fleet .rightContent ul li.limo2 a span{ height:80px; background:url(../fleet/images/nav-stretch.gif) no-repeat 0 -85px;}
#fleet .rightContent ul li.limo3 a span{ height:85px; background:url(../fleet/images/nav-super-stretch.gif) no-repeat 0 -85px;}
#fleet .rightContent ul li.limo4 a span{ background:url(../fleet/images/nav-hummer-limo.gif) no-repeat 0 -90px;}
#fleet .rightContent ul li.limo5 a span{ background:url(../fleet/images/nav-pink-hummer-limo.gif) no-repeat 0 -90px;}
#fleet .rightContent ul li.limo6 a span{ background:url(../fleet/images/nav-suv-limo.gif) no-repeat 0 -90px;}
#fleet .rightContent ul li.limo7 a span{ background:url(../fleet/images/nav-party-bus.gif) no-repeat 0 -90px;}
#fleet .rightContent ul li.limo8 a span{ background:url(../fleet/images/nav-shuttle.gif) no-repeat 0 -90px;}
#fleet .rightContent ul li.limo9 a span{ background:url(../fleet/images/nav-coach.gif) no-repeat 0 -90px;}
#fleet .rightContent ul li a:hover span{ background-position:0 0;
	opacity:1;
	filter:alpha(opacity=100);
	filter: "alpha(opacity=100)";}
#fleet  ul.detail { margin:0 0 35px 20px; color:#333; clear:both; }
#fleet  ul.detail li{ line-height:24px; display:inline-block; width:200px; margin:0; padding: 0 0 0 30px; background:url(../images/list-bul1.gif) no-repeat left; 
	zoom: 1; *display:inline;
}


#services .rightContent ul li{
	padding-bottom:12px;
	margin-bottom:12px;
	background:url(../images/break1.gif) no-repeat bottom;
	text-align:center; text-transform:uppercase
}
#services .rightContent ul li a {color:#999; font-size:90%; font-weight:bold;display:block;}
#services .rightContent ul li a:hover{text-decoration:none; color:#c00;}
#services .rightContent ul li a.nolink{ cursor: default}
#services .rightContent ul li a.nolink:hover{color:#999;}
#services .rightContent ul li a img{
	margin:0 0 3px; padding:0; display:block;
	-webkit-box-shadow:0px 2px 3px #999;
    -moz-box-shadow:0px 2px 3px #999;
	box-shadow:0px 2px 3px #999;
	*border:1px solid #CCC;
	border:1px solid #CCC\9;
}


.rightContent ul li.last{ background:none !important}

/******************************** PACKAGES **********************************************************/

.package{ float:left; width:356px; background:url(../images/bg-pkg2.gif) repeat-y center;}
.package.guy, .package.left{ margin-right:10px; }
.package .title{background:url(../images/bg-pkg1.gif) no-repeat top center;	display:block; padding:28px 18px 0;}
.package .title h3{ text-align:center; margin:14px 20px; font-size:150%;	text-transform:uppercase;	text-shadow: 2px 2px #ccc}
.package .hr{height:20px; background: url(../images/bg-pkgtitle-line.gif) no-repeat center;}
.package ul{display:block; margin:15px 25px 25px 50px; padding:0; color:#666; font-size:95%}
.package ul li{	 list-style: disc; margin-bottom:4px;}
.package .price{text-align:center;	font-size:120%;	font-weight:bold; color:#C33; margin:0 auto 15px;}
.package .book{	background:url(../images/bg-pkg1.gif) no-repeat bottom center; height:75px !important; display:block;}
.package img, .pkg-more img{ display:block;	margin:0 auto;}
.pkg-more{	display:block; clear:both;	position:relative; margin:5px auto 60px !important; top:5px;}


.packages .leftContent section{ padding-bottom:30px; }
.packages .leftContent nav{ margin-bottom:30px; padding-bottom:30px; border-bottom:#CCC dashed 1px; }
.packages .leftContent nav ol{ padding:0; margin:0;}
.packages .leftContent nav ol li{ position:relative; display:block; border-bottom:dotted #ddd 1px; border-top:solid #fff 1px}
.packages .leftContent nav ol li a{ padding:5px;  display:block; color:#555; font-weight:bold}
.packages .leftContent section.guy .title, .packages .leftContent nav ol li.guy a{color:#36C}
.packages .leftContent section.girl .title, .packages .leftContent nav ol li.girl a{color: #F39}
.packages .leftContent nav ol li b{ position:absolute; color:#C33;  right:100px;}
.packages .leftContent nav ol li em{ position: absolute; color:#CCC; font-size:90%; right:10px;}
.packages .leftContent nav ol li a:hover{ background:#eee; text-decoration:none}


/******************************** form **********************************************************/

form{ margin:30px 0 0; display:block}
form .placeholder { color: #aaa; }
form fieldset{ margin:20px 0 25px;	padding:0;	border:1px solid #ddd;}
form fieldset legend{ font-size:18px; font-weight:bold; padding:0 5px; margin:0 15px; color:#CCC; text-transform:uppercase}
form ul { margin:20px; padding:0; }
form ul li{	margin-bottom:7px; line-height:30px;}
form label{	width:140px; display:inline-block; vertical-align:top}
form label span{ color:#e61b1b; font-weight:bold; font-size:110%; margin-left:5px;}
form input.submit{ border:none; float:right}
form input, select, textarea{ background: #fafafa; border: dotted #999 1px;	padding:4px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
form label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #e61b1b;
	font-style: italic;
	margin-left:145px;
	font-size:85%;
	text-align:left;
	display:block;
	 line-height:17px;
	 width:300px;
}

form div.error { display: none; }
form input.checkbox { border: none }
form input:focus { border: 1px dotted black; }
form input.error, form textarea.error{ border: 1px solid #e61b1b !important; }

form .verify-code{ display:block; padding-top:10px;}
form .verify-code img{padding:2px 10px; background:#333; margin:0 10px}
form .verify-code input{font-family: Verdana, Geneva, sans-serif}
form .verify-code label.error { display: inline; margin-left:10px; vertical-align:middle}
.quote .verify-code img{margin:0 10px 0 20px}

ul.error-msg{ margin:0 10px 30px; padding:5px 15px; background: #F2E3E6;}
ul.error-msg li{ color:#C00; font-size:90%; line-height:25px; padding-left:25px; background:url(../images/list-bul-error.gif) left no-repeat;}
.quote ul.error-msg{ margin:0 0 30px;}

.contact form{ margin:0 10px;}
.contact form ul{ margin:0;}
.contact .rightContent{ position:relative; font-size:17px; line-height:22px}
.contact .rightContent img{position:relative; left:-5px; }
.contact .rightContent h4{ margin:17px 0 0px; font-size:15px;}

.reservation form fieldset{ margin:0px 0 30px;}
.reservation form{margin:0;}
.reservation form fieldset hr{ margin:15px 0; border: dotted 1px #fff}
.reservation .policy{ background: #F2E3E6; padding:20px; margin-bottom:30px}
.reservation .policy h4{ color:#C00; text-transform:uppercase}
.reservation .policy hr{ border: 0; height:1px; background:#f8f8f8; margin:20px 0;}




.quote #mainContent header h2{ font-size:150%; color: #C33}
.terms article ul{margin-bottom:40px;}
.terms article ul li{line-height:19px; margin:0 0 15px; padding: 0 0 0 30px; background:url(../images/list-bul1.gif) no-repeat left top; }

.testimonial article ul li{
	margin:0 0 25px;
	padding:0 0 40px;
	 border-bottom:1px dotted #ddd;
	position:relative;
	font-style:italic;
}
.testimonial article ul li .dquo1, .testimonial article ul li .dquo2{
	font-weight:bold; height:30px; width:35px; overflow:hidden; color:#ccc;
	font-size:50px;
	position:relative;
	line-height:40px;
}
.testimonial article ul li p{ margin:0 40px;}
.testimonial article ul li .dquo1{ float:left; left:-2px; }
.testimonial article ul li .dquo2{ float:right; right:-5px; line-height:45px; display:block; }
.testimonial article ul li span{ font-style:normal; display:block; margin-top:8px; text-indent:35px;}

.faq article ol {margin:0 0 30px; padding:0;}
.faq article ol li{list-style: decimal; margin-left:25px; }
.faq article ol.list{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #ddd}
.faq article ol.list li{ line-height:20px;}
.faq article ol.answer li{ margin-bottom:35px;}
.faq article ol.answer li h3{ font-size:100%; margin:0;}

.btn-basic-red {
	font-family: 'Muli', sans-serif;
	display: inline-block;
	line-height: 33px;
	height: 32px;
	padding:0 15px;
	background: #CB0000 url(../images/bg-btn.png) repeat-x center center;
	color: #fff;
	text-align: center;
	font-size: 110%;
	text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	margin: 0;
	cursor: pointer;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	text-transform:uppercase
  }
  
  .btn-basic-blue:after{
	content:" ";
	display: inline-block;
	  width: 0;
	  height: 0;
	margin:2px 0 0 10px;
	  border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 5px solid #eee;
  }
  
  .btn-basic-blue:hover {
	text-decoration: none;
	background-color: #CB0000
  }