/*=======================================================
 CSS Document for Fantasy Hummer Limousines
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden		{ display: none; }
.show			{ display: block; visibility: visible; }

/*=============================================================
	Container
=============================================================*/

.wrapper							{ width: 100%; height: 100%; background: #0d000a url('../images/core/bg.jpg') repeat-x 50% 0; }
#container					{ position: relative; z-index: 10; width: 920px; height: auto; display: block; margin: 0 auto; background: transparent; clear: both; }
#container:after	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body#s1 .wrapper { background: #0d000a url('../images/core/bg2.jpg') repeat-x 50% 0; }
body#s2 .wrapper { background: #0d000a url('../images/core/bg-balls.jpg') repeat-x 50% 0; }
body#s3 .wrapper { background: #0d000a url('../images/core/bg-hen.jpg') repeat-x 50% 0; }
body#s4 .wrapper { background: #0d000a url('../images/core/bg-children.jpg') repeat-x 50% 0; }
body#s5 .wrapper { background: #0d000a url('../images/core/bg-social.jpg') repeat-x 50% 0; }
body#s6 .wrapper { background: #0d000a url('../images/core/bg-tours.jpg') repeat-x 50% 0; }
body#s7 .wrapper { background: #0d000a url('../images/core/bg-transfers.jpg') repeat-x 50% 0; }

/*=============================================================
	Header - nav + logo
=============================================================*/

#header	{ position: relative; z-index: 50; display: block; width: 920px; height: 160px; background: url('../images/core/bg-header.png') no-repeat 0 0; clear: both; }
#logo			{ position: absolute; z-index: 90; top: 0; left: 330px; display: block; width: 260px; height: 150px; background: url('../images/core/logo.jpg') no-repeat 0 0; text-indent: -9999em; font-size: 0; }

/* ===== navigation ===== */

/* -- top-nav -- */
#top-nav							{ width: 920px; height: 60px; position: absolute; z-index: 50; top: 45px; overflow: hidden!important; display: block; }
#top-nav a						{ width: 265px; height: 60px; overflow: hidden; text-indent: -9999em; float: left; display: inline; margin: 0 40px; }
#top-nav a:hover		{ background-position: 0 -60px!important; }
a#navphotoshoot	{ background: url('../images/nav/photoshoot.gif') no-repeat 0 0; float: left; width: 265px; }
a#navcallsam				{ background: url('../images/nav/callsam.gif') no-repeat 0 0; float: right; width: 265px; }

/* -- main nav -- */
ul#nav									{ list-style: none!important; position: absolute; z-index: 55; top: 105px; width: 920px; height: 75px; display: block; clear: both; }
ul#nav li								{ display: inline; width: auto; position: relative; float: left; font-size: 10px; margin-left: 10px; }
ul#nav li.first					{ margin-left: 0!important; }
ul#nav li.splitright		{ margin-left: 270px!important; }
ul#nav a								{ width: auto; height: 30px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover			{ background-position: 0 -30px!important; }
ul#nav li ul						{ list-style: none!important; width: 158px; height: auto; display: block; left: -9999px; position: absolute; top: 100%; margin: 0; padding: 20px 6px 10px 6px; background: #0c0409 url('../images/nav/bg-subnav.jpg') no-repeat 0 0; }
ul#nav li ul li					{ margin: 0; }
ul#nav ul li a					{ float: left; text-align: center; text-indent: 0!important; width: 148px; height: auto!important; padding: 3px 5px; font-size: 1.1em; text-decoration: none; border-top: 2px solid #0c0409; border-bottom: 2px solid #0c0409; background-color: #140811; color: #ada18a; }
ul#nav ul li a:hover	{ text-decoration: none; border-color: #fff; background-color: #922d72; color: #fff; }
/* hover actions */
ul#nav li:hover ul, ul#nav li.over ul	{ left: -35px; }
ul#nav li a#navservices.onsection		{ background-position: 0 -30px; }
/*nav background image*/
a#navhome							{ background: url('../images/nav/home.gif') no-repeat 0 0; width: 55px!important; margin-top: -20px; }
a#navabout						{ background: url('../images/nav/about.gif') no-repeat 0 0; width: 85px!important; margin-top: -10px; }
a#navservices					{ background: url('../images/nav/services.gif') no-repeat 0 0; width: 80px!important; }
a#navgallery						{ background: url('../images/nav/gallery.gif') no-repeat 0 0; width: 80px!important; margin-top: 10px; }
a#navtestimonials		{ background: url('../images/nav/testimonials.gif') no-repeat 0 0; width: 110px!important; margin-top: 10px; }
a#navfeatures					{ background: url('../images/nav/features.gif') no-repeat 0 0; width: 85px!important; }
a#navcontact					{ background: url('../images/nav/contact.gif') no-repeat 0 0; width: 105px!important; margin-top: -15px; }
/* on page hover */
body#home-page a#navhome, body#aboutus-page a#navabout, body.services-page a#navservices, body#testimonials-page a#navtestimonials, body#gallery-page a#navgallery, 
body#features-page a#navfeatures, body#contactus-page a#navcontact { background-position: 0 -30px!important; }
body#photoshoot-page a#navphotoshoot, body#contactus-page a#navcallsam { background-position: 0 -60px!important; }
body#s1 a#services1, body#s2 a#services2, body#s3 a#services3, body#s4 a#services4, body#s5 a#services5, body#s6 a#services6, body#s7 a#services7 
{ text-decoration: none; background-color: #922d72!important; text-transform: uppercase!important; color: #fff!important; font-weight: bold!important; border-color: #fff!important; }

/*=============================================================
	Main body - left + right
=============================================================*/

#banner																{ width: 900px; height: 300px; padding: 0 10px; margin-top: -50px; display: block; clear: both; position: relative; z-index: 30; background: url('../images/core/bg-banner.jpg') no-repeat 0 0; }
#flash-area														{ background: url('../images/core/bg-flash.jpg') no-repeat 0 0; position: relative; z-index: 30; width: 900px; height: 390px; padding: 0 10px; margin-top: -50px; display: block; clear: both; }
#flash-contents											{ width: 900px; height: 390px; display: block; position: relative; z-index: 30; overflow: hidden; }
#flash-contents img									{ width: 900px; height: 390px; display: block; }
#flash-area ul#subnav						{ position: absolute; z-index: 50; width: 900px; height: 30px; top: 350px; left: 10px; display: block; clear: both; margin: 0; }
#flash-area ul#subnav li					{ display: inline; width: auto; float: left; margin: 0; }
#flash-area ul#subnav a					{ width: auto; text-indent: -9999em; display: block; overflow: hidden; float: left; height: 30px; }
#flash-area ul#subnav a:hover	{ background-position: 0 -30px!important; }
/*sub nav bg*/
a#sub1		{ background: url('../images/nav/sub-weddings.gif') no-repeat 0 0; width: 95px!important; }
a#sub2		{ background: url('../images/nav/sub-school.gif') no-repeat 0 0; width: 110px!important; }
a#sub3		{ background: url('../images/nav/sub-hen.gif') no-repeat 0 0; width: 100px!important; }
a#sub4		{ background: url('../images/nav/sub-children.gif') no-repeat 0 0; width: 135px!important; }
a#sub5		{ background: url('../images/nav/sub-social.gif') no-repeat 0 0; width: 155px!important; }
a#sub6		{ background: url('../images/nav/sub-tours.gif') no-repeat 0 0; width: 100px!important; }
a#sub7		{ background: url('../images/nav/sub-transfers.gif') no-repeat 0 0; width: 205px!important; }

/* --- contents area --- */
#main-contentsarea			{ width: 915px; background: url('../images/core/bg-text.gif') no-repeat 0 bottom; height: auto; display: block; margin: 0 auto; padding: 10px 5px 20px 0; float: left; clear: both; }
.text													{ float: left; width: 620px; padding: 0 20px 15px 20px; display: inline; }
.extended										{ display: block; width: 875px; margin-bottom: 30px; }
.cta-contents							{ float: right; width: 220px; height: auto; display: inline; margin: -60px 0 0 15px; border-left: 1px solid #241c23; padding-left: 18px; }
.cta-contents ul						{ display: block; margin: 5px 0 0 0; }
.cta-contents ul li				{ color: #fff; float: left; text-align: center; clear: both; display: inline; width: 200px; height: 125px; border-bottom: 1px solid #241c23; padding: 0 10px 10px 10px; margin-bottom: 10px; }
.cta-contents ul li.text	{ width: 180px; margin: 0 10px 15px 10px; padding: 10px ; height: auto!important; text-align: right; background-color:#361c2f; }
.text strong									{ display: block; padding: 10px 0 5px 0; }
.cta-contents ul li.last		{ margin: 0; border-bottom: 0; }
body#gallery-page .cta-contents { margin-top: 0; }

/*testimonials*/
ul#testimonial-listings											{ list-style: none!important; width: 882px; padding: 0 15px 30px 18px; display: block; float: left; clear: both; }
ul#testimonial-listings li										{ float: left; display: inline; width: 250px; height: 300px; overflow: hidden; padding: 10px; margin: 10px 12px; background-color: #361c2f; }
ul#testimonial-listings li .pics						{ width: 250px; height: 100px; display: block; clear: both; border-top: 1px solid #714463; padding-top: 5px; margin-top: 5px; }
ul#testimonial-listings li .pics a					{ width: 115px; height: 95px; border: 1px solid #9c387d; float: left; display: inline; margin: 0 3px; overflow: hidden; text-decoration: none; }
ul#testimonial-listings li .pics a:hover	{ border-color: #fff; text-decoration: none; }
ul#testimonial-listings li span						{ padding: 0 5px; width: 235px; height: 190px;  overflow: auto; display: block; }
ul#testimonial-listings li span strong		{ display: block; color: #fff; padding: 5px 0; }

/*photo shoot*/
ul#photo-listings							{ list-style: none!important; width: 620px; padding: 0; margin-bottom: 30px; display: block; float: left; clear: both; border-top: 1px solid #241c23; padding-top: 20px; }
ul#photo-listings li						{ background: url('../images/core/bg-listing.jpg') no-repeat 0 0; float: left; display: inline; width: 115px; height: 127px; padding: 13px 15px 5px 15px; overflow: hidden!important; margin: 0 9px 9px 0; }
ul#photo-listings li a					{ width: 115px; height: 95px; float: left; display: block; overflow: hidden; margin-bottom: 10px; text-decoration: none; }
ul#photo-listings li a:hover	{ text-decoration: none; }
ul#photo-listings li span 		{ padding: 0 0 0 28px; font-size: 10px; width: 85px; height: 22px; font-family: "Tahoma"; color: #000; line-height: 10px; display: block; }

/*features*/
.features-listing																	{ font-size: 1em; width: 850px; padding: 15px; margin: 0 15px 15px 18px; display: block; float: left; background-color: #2a0d22; clear: both; }
.features-listing .features-pic								{ width: 304px; height: 204px; display: inline; float: right; padding-left: 15px; border-left: 1px solid #714463; margin-left: 20px; }
.features-listing .features-pic a							{ width: 300px; height: 200px; border: 2px solid #9c387d; clear: both; margin-bottom: 10px; display: block; overflow: hidden; text-decoration: none; }
.features-listing .features-pic a:hover		{ border-color: #fff; text-decoration: none; }
.features-listing .features-info							{ float: left; width: 500px; display: inline; height: auto; }
.features-listing .features-info h3,
.features-listing .features-info p						{ margin-bottom: 10px; }
.features-listing .features-info ul						{ margin: 0 0 10px 30px; }
.features-listing .features-info ol						{ margin: 0 0 10px 30px;  }
.features-listing .features-info ul	li 				{ list-style: square!important; }
.features-listing .features-info ol li 				{ list-style: decimal!important; }

/*gallery*/
ul#gallery-listings												{list-style: none!important;  font-size: 1em; width: 880px; padding: 0 10px 35px 25px; display: block; float: left; clear: both; }
ul#gallery-listings li											{ float: left; display: inline; width: 398px; border: 1px solid #000; padding: 10px; margin: 0 8px 15px 8px; background-color: #22091b; }
ul#gallery-listings li:hover						{ text-decoration: none; border: 1px solid #fff; background-color: #5c0e46; }
ul#gallery-listings li	.pics							{ width: 119px; height: 99px; display: inline; float: left; padding-right: 15px; border-right: 1px solid #714463; }
ul#gallery-listings li	.pics a						{ width: 115px; height: 95px; border: 2px solid #9c387d; clear: both; margin-bottom: 10px; display: block; overflow: hidden; text-decoration: none; }
ul#gallery-listings li	.pics a:hover		{ border-color: #fff; text-decoration: none; }
ul#gallery-listings li	.info								{ float: right; width: 250px; display: inline; height: auto; }
ul#gallery-listings li	.info h3					{ background-color: #000; padding: 5px 10px; margin-bottom: 5px; }
ul#gallery-listings li	.info p						{ padding: 0 10px; margin-bottom: 5px; }
ul#gallery-listings li	.info strong			{ color: #fff; }
.page-nav {clear:both;}
.page-nav ul {list-style:none;padding:0; margin:0;display:block;}
.page-nav ul li {width: auto; float:left;margin:0 2px;}
.page-nav a {color:#333; font-weight:bold;}
.page-nav a:hover {color:#66CCCC;}
.page-nav .active {color:#ccc; font-weight:bold; font-style:italic;}

/*services*/
ul#services-listing								{ list-style: none!important; width: 875px; height: auto; margin: 0; float: left; display: block; }
ul#services-listing li							{ width: 240px; height: 190px; float: left; display: inline; padding: 15px; margin: 10px; background: url('../images/core/bg-services.jpg') no-repeat 0 0; }
ul#services-listing li:hover			{ background-position: 0 -220px!important; }
ul#services-listing li:hover h3	{ margin-top: -55px!important; background: #000!important; padding: 15px 10px; color: #fff!important; text-decoration: none!important; }
ul#services-listing li img					{ text-align: center; display: block; }
ul#services-listing li h3					{ text-decoration: none!important; position: relative; z-index: 30; margin-top: -120px; height: 25px; padding: 8px 10px; width: 220px; background: #fff; font-size: 1.4em; color: #be3c89; text-align: center; }


/*=============================================================
	Footer
=============================================================*/

#footer							{ width: 100%; height: 100%; display: block; background-color: #000; clear: both; }
#footer strong 		{ font-weight: normal; color: #fff; }
#footer a						{ color: #976887; text-decoration: none;}
#footer a:hover		{ color: #f897d9; text-decoration: underline;}
#footer ul						{ list-style: none!important; width: 920px; height: 70px; background: url('../images/core/bg-footer.gif') no-repeat 0 0; margin: 0 auto; display: block; padding-top: 25px; }
#footer li						{ width: auto; float: left; display: inline; margin: 0; font-size: 1.1em; }

/* --- footer li's --- */
#footer li#bookmark					{ width: 350px; height: 25px; padding: 30px 35px 0 5px; vertical-align: middle;  }
#footer li#bookmark em			{ padding-left: 25px; vertical-align: top; color: #abaaaa; font-style: normal; }
#footer li#breadcrumbs 		{ color: #976887; width: 370px; padding-right: 40px; line-height: 15px; }
#footer li#credits 						{ width: 100px; height: 50px; overflow: hidden!important; }
#footer li#credits a 					{ background: url('../images/core/logo-thinkingweb.gif') no-repeat 0 0; width: 100px; height: 50px; text-indent: -9999em; float: left; display: block; }
#footer li#credits a:hover	{ background-position: 0 -50px!important; }

/*=======================================================
 End of CSS Document for Fantasy Hummer Limousines
=======================================================*/