/*
Theme Name: Xotic Dream Cars
Version: 1.0
Author: Rick Christie
Author URI: http://rickchristie.com
*/

/* --------------------------------------- */

@import url('reset.css');

body
{
	background: #000;
	color: #a2a2a2;
	font-family: Tahoma, 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
}

#wrapper
{
	width: 862px;
	margin: 0 auto 0 auto;
	position: relative;
}

a
{
	color: #de000a;
	text-decoration: none;
}

a:visited
{
	color: #c01d24;
}

a:hover
{
	color: #de000a;
	text-decoration: underline;
}

ul
{
	
}

li
{
	margin: 8px 0;
	padding-left: 15px;
	background: url('images/icon-list.png') 0px 5px no-repeat;
}

strong
{
	color: #ccc;
}

/* --------------------------------------- */

#header
{
	height: 120px;
	position: relative;
}

#header h3
{
	display: block;
	width: 309px;
	height: 120px;
	margin: 0;
	padding: 0;
	float: left;
}

#header a
{
	display: block;
	width: 309px;
	height: 120px;
	margin: 0;
	padding: 0;
	position: relative;
}

#header a span
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('images/logo.png') no-repeat;
	top: 0;
	left: 0;
	cursor: pointer;
}

#header h4
{
	width: 387px;
	height: 120px;
	margin-left: 309px;
	position: relative;
}

#header h4 span
{
	left: 0;
	top: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('images/tagline.png') no-repeat;
}

/* --------------------------------------- */

#navigation
{
	position: absolute;
	left: 696px;
	top: 140px;
}

#navigation li
{
	height: 11px;
	margin: 0;
	padding: 0 0 18px 0;
	background: none;
}

#navigation li a
{
	display: block;
	height: 11px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

#navigation li a span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#navigation #nav-mainpage a
{
	width: 82px;
}

#navigation #nav-mainpage a span
{
	background: url('images/navigation.png') 0px 0px no-repeat;
}

#navigation #nav-mainpage a:hover span, #navigation #nav-mainpage a.current span
{
	background: url('images/navigation.png') 0px -11px no-repeat;
}



#navigation #nav-thecompany a
{
	width: 116px;
}

#navigation #nav-thecompany a span
{
	background: url('images/navigation.png') -82px 0px no-repeat;
}

#navigation #nav-thecompany a:hover span, #navigation #nav-thecompany a.current span
{
	background: url('images/navigation.png') -82px -11px no-repeat;
}


#navigation #nav-ourservices a
{
	width: 116px;
}

#navigation #nav-ourservices a span
{
	background: url('images/navigation.png') -198px 0px no-repeat;
}

#navigation #nav-ourservices a:hover span, #navigation #nav-ourservices a.current span
{
	background: url('images/navigation.png') -198px -11px no-repeat;
}


#navigation #nav-fleetsrates a
{
	width: 132px;
}

#navigation #nav-fleetsrates a span
{
	background: url('images/navigation.png') -314px 0px no-repeat;
}

#navigation #nav-fleetsrates a:hover span, #navigation #nav-fleetsrates a.current span
{
	background: url('images/navigation.png') -314px -11px no-repeat;
}


#navigation #nav-reservations a
{
	width: 121px;
}

#navigation #nav-reservations a span
{
	background: url('images/navigation.png') -446px 0px no-repeat;
}

#navigation #nav-reservations a:hover span, #navigation #nav-reservations a.current span
{
	background: url('images/navigation.png') -446px -11px no-repeat;
}


#navigation #nav-xoticxchange a
{
	width: 126px;
}

#navigation #nav-xoticxchange a span
{
	background: url('images/navigation.png') -567px 0px no-repeat;
}

#navigation #nav-xoticxchange a:hover span, #navigation #nav-xoticxchange a.current span
{
	background: url('images/navigation.png') -567px -11px no-repeat;
}


#navigation #nav-news a
{
	width: 49px;
}

#navigation #nav-news a span
{
	background: url('images/navigation.png') -693px 0px no-repeat;
}

#navigation #nav-news a:hover span, #navigation #nav-news a.current span
{
	background: url('images/navigation.png') -693px -11px no-repeat;
}


#navigation #nav-contact a
{
	width: 77px;
}

#navigation #nav-contact a span
{
	background: url('images/navigation.png') -742px 0px no-repeat;
}

#navigation #nav-contact a:hover span, #navigation #nav-contact a.current span
{
	background: url('images/navigation.png') -742px -11px no-repeat;
}


#navigation #nav-highoctanetour a
{
	width: 154px;
}

#navigation #nav-highoctanetour a span
{
	background: url('images/navigation.png') -819px 0px no-repeat;
}

#navigation #nav-highoctanetour a:hover span, #navigation #nav-highoctanetour a.current span
{
	background: url('images/navigation.png') -819px -11px no-repeat;
}


#navigation #nav-redlinesociety a
{
	width: 139px;
}

#navigation #nav-redlinesociety a span
{
	background: url('images/navigation.png') -973px 0px no-repeat;
}

#navigation #nav-redlinesociety a:hover span, #navigation #nav-redlinesociety a.current span
{
	background: url('images/navigation.png') -973px -11px no-repeat;
}

/* --------------------------------------- */

#container
{
	margin-bottom: 50px;
}

#main-content-container
{
	width: 670px;
	float: left;
}

/* --------------------------------------- */

#sidebar
{
	width: 166px;
	float: right;
	margin-top: 330px;
	font-size: 12px;
}

#sidebar h3
{
	margin-bottom: 30px;
}

#sidebar h4
{
	margin-bottom: 10px;
}

.sidebar-item
{
	margin-bottom: 30px;
}

.sidebar-item p
{
	margin: 0;
}

.sidebar-item p.post-meta
{
	text-transform: uppercase;
	font-size: 11px;
}

/* --------------------------------------- */

#slideshow-container
{
	width: 670px;
	height: 295px;
	background: #242424;
	position: relative;
}

.slideshow
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-transform: uppercase;
	font-size: 11px;
	background: #242424;
	line-height: 100%;
}

.slideshow .slide-image a
{
	display: block;
	width: 650px;
	height: 250px;
}

.slideshow .slide-caption
{
	float: left;
	margin: 5px 0 0 15px;
	width: 350px;
}

/* IE6 Floating Margin Fix */
* html .slideshow .slide-caption
{
	margin: 5px 0 0 7px;
}

.slideshow .slide-caption h3
{
	font-weight: bold;
	color: #ccc;
}

.slideshow .slide-caption h3 strong
{
	font-weight: bold;
	color: #de000a;
}

.slideshow .slide-caption p
{
	font-size: 10px;
	margin-top: 2px;
}

.slideshow .slide-rental
{
	float: right;
	margin: 5px 15px 0 0;
	width: 281px;
}

/* IE6 Floating Margin Fix */
* html .slideshow .slide-rental
{
	margin: 5px 7px 0 0;
}

.slideshow .slide-rental a
{
	display: block;
	float: right;
}

.slideshow .slide-rental a img
{
	display: block;
}

.slideshow .slide-rental em
{
	float: left;
	margin: 5px 10px 0 0;
	color: #808080;
	letter-spacing: 2px;
}

/* --------------------------------------- */

.slideshow.details .slide-caption
{
	margin-top: 0;
	position: relative;
	top: 12px;
	width: 455px;
}

/* Pass this style to IE 4 through 6 */
* html .slideshow.details .slide-caption
{
	top: 7px;
}

.slideshow.details .slide-rental
{
	width: 120px;
}

/* --------------------------------------- */

#main-content
{
	background: #161616;
	padding: 10px 25px 30px 25px;
}

#main-content h2
{
	font-size: 15px;
	margin: 20px 0 20px 0;
}

#main-content h3
{
	font-size: 13px;
	color: #ccc;
}

#main-content .item.left
{
	float: left;
	width: 292px;
}

#main-content .item.right
{
	float: right;
	width: 292px;
}

#main-content p
{
	margin: 10px 0;
}

/* --------------------------------------- */

#fleet-includes img
{
	display: block;
	margin-bottom: 20px;
}

/* --------------------------------------- */

#available-rental
{
	background: #292929 url('images/back-fleets-top.png') repeat-x;
	padding: 14px 20px 15px 20px;
	width: 630px;
}

#available-rental span
{
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 6px;
}

#available-rental img
{
	display: block;
	float: right;
}

#fleets-header
{
	
}

#fleets-header h2
{
	float: left;
}

#fleets-header form
{
	margin-top: 15px;
	float: right;
}

#fleets-header form .input
{
	display: inline-block;
	vertical-align: top;
	background: url('images/back-search.png') no-repeat;
	width: 119px;
	height: 22px;
}

#fleets-header form input
{
	vertical-align: top;
	background: none;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #b1b0b0;
	width: 90px;
	height: 15px;
	top: 3px;
	left: 8px;
	font-size: 12px;
	position: relative;
}

/* Pass this style to IE 4 through 6 */
* html #fleets-header form input
{
	margin-top: -1px;
}

/* Pass this style to IE 7 only */
*:first-child+html #fleets-header form input
{
	margin-top: -1px;
}


div.pagination
{
	margin-top: 0px;
}

/* Pass this style to IE 4 through 6 */
* html div.pagination
{
	margin-top: 20px;
}

/* Pass this style to IE 7 only */
*:first-child+html div.pagination
{
	margin-top: 20px;
}

div.pagination form
{
	float: right;
	margin-top: -2px;
}

/* Pass this style to IE 4 through 6 */
* html div.pagination form
{
	margin-top: 0;
}

/* Pass this style to IE 7 only */
*:first-child+html div.pagination form
{
	margin-top: 0;
}

div.pagination form .input
{
	display: inline-block;
	vertical-align: top;
	background: url('images/back-page.png') no-repeat;
	width: 44px;
	height: 22px;
}

div.pagination form input
{
	background: none;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	vertical-align: top;
	color: #b1b0b0;
	width: 20px;
	height: 18px;
	font-size: 12px;
	position: relative;
	top: 3px;
	left: 17px;
}

/* --------------------------------------- */

div.fleets-item
{
	background: url('images/back-fleets-item.png') repeat-y;
	width: 613px;
	margin: 15px 0;
}

div.fleets-item div.photo
{
	float: left;
	width: 170px;
	margin-left: 13px;
	margin-top: 20px;
}

/* Pass this style to IE 4 through 6 */
* html div.fleets-item div.photo
{
	margin-left: 7px;
}

div.fleets-item .photo a, div.fleets-item .photo a img
{
	display: block;
	margin: 10px auto 0 auto;
	border: none;
}

div.fleets-item a.photo img
{
	border: 4px solid #fff;
}

div.fleets-item div.details
{
	background: url('images/back-fleets-item-rounded.png') left top no-repeat;
	padding-left: 195px;
	padding-top: 20px;
}

#main-content div.fleets-item div.details h2
{
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0;
}

#main-content div.fleets-item div.details h2 a span
{
	color: #ccc;
}

table.price
{
	margin: 0;
	width: 400px;
	font-size: 12px;
	border-collapse: collapse;
}

table.price tr th
{
	padding: 0 0 5px 0;
	border-bottom: 1px solid #1e1e1e;
}

table.price tr td
{
	padding: 3px;
	text-align: right;
	font-weight: bold;
	color: #ccc;
	border-bottom: 1px solid #1e1e1e;
}

table.price tr td del
{
	color: #666;
}

table.price tr td strong
{
	color: #c40009;
	font-weight: bold;
}

div.fleets-item div.clear
{
	clear: left;
	padding: 10px 0;
	background: url('images/back-fleets-item-rounded.png') right bottom no-repeat;
}

#main-content p.footnote
{
	margin: 20px 0 0 0;
	font-size: 11px;
}

/* --------------------------------------- */

div.fleets-details table.price
{
	width: 375px;
}

div.fleets-details table.price th
{
	color: #848485;
}

div.fleets-details .column-one
{
	width: 375px;
	float: left;
}

div.fleets-details .column-two
{
	float: right;
	width: 220px;
	font-size: 11px;
}

div.fleets-details h3
{
	color: #ccc;
	margin: 20px 0 10px 0;
	font-size: 13px;
}

div.fleets-details div.column-two h3
{
	font-size: 11px;
	text-transform: uppercase;
	color: #a2a2a2;
}

div.fleets-details div.column-two div.photos a
{
	border: 3px solid #0a0a0a;
	display: block;
	float: left;
	margin: 3px 3px 3px 0;
}

div.fleets-details div.column-two div.photos a img
{
	display: block;
}

table.stats
{
	width: 220px;
}

table.stats tr th
{
	width: 75px;
	padding: 1px 0;
	color: #605b5b;
}

/* --------------------------------------- */

div.two-column-container .column-one
{
	width: 380px;
	float: left;
}

div.two-column-container .column-two
{
	width: 220px;
	float: right;
}

/* --------------------------------------- */

#news-header h2
{
	display: block;
	float: left;
}

#news-header a
{
	margin-top: 15px;
	display: block;
	float: right;
}

.news-item
{
	margin-bottom: 30px;
	border-bottom: 1px solid #333;
}

/* Pass this style to IE 4 through 6 */
* html .news-item
{
	margin-top: 20px;
}

/* Pass this style to IE 7 only */
*:first-child+html .news-item
{
	margin-top: 20px;
}

#main-content .news-item h3
{
	font-size: 15px;
}

#main-content .news-item p.post-meta
{
	margin: 3px 0 0 0;
}

/* --------------------------------------- */

.xotic-form
{
	margin: 20px 0;
}

.xotic-form p
{
	clear: left;
}

.xotic-form label
{
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 20px;
	color: #999;
}

.xotic-form input.input,
.xotic-form textarea
{
	background: #454545;
	border: none;
	color: #ccc;
	padding: 3px;
}

.xotic-form input.input,
.xotic-form select
{
	width: 150px;
}

.xotic-form select.auto
{
	width: auto;
}

.xotic-form input.input.disabled
{
	background: #1d1d1d;
}

.xotic-form input.input.address
{
	width: 240px;
}

.xotic-form input.input.time
{
	width: 30px;
}

.xotic-form select.time
{
	width: 50px;
}

.xotic-form select.car
{
	width: 240px;
}

.xotic-form textarea
{
	width: 240px;
	height: 150px;
}

/* Pass this style to IE 4 through 6 */
* html .xotic-form textarea
{
	width: 230px;
	height: 150px;
}

.xotic-form .checkbox
{
	margin-left: 120px !important;
	margin-right: 20px;
}

.xotic-form .checkbox label
{
	display: inline;
	float: none;
	width: 200px;
	text-align: left;
}

.xotic-form button
{
	cursor: pointer;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

.xotic-form fieldset
{
	margin-bottom: 20px;
	border-top: 1px solid #333;
}

.xotic-form fieldset p
{
	color: #333;
}

.xotic-form legend
{
	font-size: 13px;
	padding-right: 5px;
	color: #333;
}

#main-content p.phone
{
	margin: 20px 0;
}

#main-content p.phone strong
{
	display: block;
	font-size: 16px;
	margin: 4px 0;
	font-weight: bold;
	color: #d2d2d3;
}

/* --------------------------------------- */

#footer
{
	background: #050505 url('images/footer-background.png') repeat-x;
	padding: 20px;
}

#footer h2
{
	float: left;
}

#footer ul
{
	float: right;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-top: 8px;
	width: 450px;
}

#footer ul li
{
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 6px;
	background: none;
}

#footer ul li a
{
	color: #a3a3a2;
}

#footer ul li a strong
{
	color: #de000a;
}

/* --------------------------------------- */

#footer-links
{
	padding: 20px;
	font-size: 10px;
	text-transform: uppercase;
}

#footer-links ul
{
	float: left;
	margin: 0;
	padding: 0;
}

#footer-links ul li
{
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}

#footer-links ul li a
{
	color: #656565;
}

#footer-links ul#social-networking
{
	float: right;
}

#footer-links ul#social-networking li
{
	margin-left: 10px;
}

#footer-links p
{
	clear: both;
}

/* --------------------------------------- */

.red
{
	color: #c40009 !important;
}

#main-content p.number-horizontal
{
	font-size: 15px;
	margin: 20px 0;
}

p.discounts strong
{
	font-weight: bold;
	display: inline-block;
	width: 70px;
	text-align: right;
	margin-right: 10px;
}

.center
{
	text-align: center;
}

.gilder-levin
{
	font-size: 12px;
	display: block;
	position: relative;
	overflow: hidden;
}

.gilder-levin span
{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.clearfix:after
{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 


/* --------------- (DatePicker Styles) ----------------- */

#datepick-div
{
	background: #282727;
	padding: 5px;
	width: 145px;
	font-size: 11px;
}

#datepick-div table.datepick
{
	width: 100%;
}

#datepick-div table.datepick th
{
	text-align: center;
}

#datepick-div table.datepick td
{
	text-align: center;
	cursor: pointer;
	padding: 2px 0;
	border-bottom: 1px solid #333;
}

#datepick-div table.datepick td.datepick-days-cell-over
{
	background: #333;
}

#datepick-div table.datepick td.datepick-days-cell-over a
{
	text-decoration: none;
	color: #fff;
}

#datepick-div table.datepick td.datepick-days-cell-over a
{
	
}

#datepick-div table.datepick td.datepick-current-day
{
	font-weight: bold;
}

#datepick-div table.datepick td.datepick-current-day a
{
	color: #fff;
}

#datepick-div .datepick-header
{
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ccc;
}

#datepick-div .datepick-control
{
	padding: 5px 0;
}

#datepick-div .datepick-clear
{
	float: left;
}

#datepick-div .datepick-close
{
	float: right;
}

#datepick-div .datepick-links
{
	clear: both;
}

#datepick-div .datepick-prev
{
	float: left;
}

#datepick-div .datepick-current
{
	float: left;
	margin-left: 37px;
}

#datepick-div .datepick-next
{
	float: right;
}

#datepick-div .datepick-one-month
{
	clear: left;
}

#datepick-div .datepick-header
{
	padding: 5px 0;
}

/* --------------------------------------- */

#drive-your-dream
{
	position: absolute;
	left: 697px;
	top: 60px;
}