/*
Theme Name: J&J Luxury Transportation
Theme URI: http://wordpress.org/
Description: Custom theme for J&J Luxury Transportation
Version: 1.0
Author: Altitude Marketing
Author URI: http://www.altitudemarketing.com
Tags: j&j luxury transportation, luxury, transportation
*/

/* Begin Wordpress Default Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

a { color:#5C205A }
a:hover { color:#313131 }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

p.related-news-item { margin:0 0 2px 0 !important; padding:0 !important }
.post.related-news { padding:15px !important }
p.related-news-item a:hover { text-decoration:underline }


body { behavior:url("js/csshover.htc"); }

blockquote { background:#E6E5E5 url('images/blockquote_top.gif') top left no-repeat; width:218px; padding:10px 10px 10px 57px; font-size:12px; color:#803D76 !important; display:block; float:right; margin:5px 0 5px 20px }
blockquote p { margin:0 !important; padding:0 !important; color:#803D76 !important }

.img .post {
	width:450px;
}

h1,h2,h3,p,fieldset,form{
	margin:0;
	padding:0;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
} 
fieldset{
	border:none;
	overflow:hidden;
}
img{
	border:none;
	display:block;
}
a,li{
	text-decoration: none;
}
/*div { position:relative; }*/
body{
	font: 13px "Trebuchet MS", Arial, Verdana;
	padding:0;
	margin:0;
	background:#000;
	background:url(images/bg-page.jpg) repeat 0 0;
}

.left table { margin-bottom:20px; }

#news a { font-weight:bold; color:#5C205A }
#news a:hover { color:#000; text-decoration:none }
#news h2 { margin:0 0 5px 0 }
.date { color:#7F3573; font-weight:bold; font-size:12px; margin:0; font-style:italic }

#page{
	margin:0 auto;
	
	width:1000px;
	min-height:596px;
	overflow:hidden;
	padding:0 0 23px 0;
}
#main{
	overflow:hidden;
	margin:15px auto 0 auto;
	background:#fff;
	width:808px;
}
#header{
	background:url(images/bg-header.jpg) no-repeat 0 0;
	width:100%;
	float:left;
	position:relative;
	z-index:50;
	height:123px;
}
#header h1{
display:none;
	text-indent:-9999px;
	overflow:hidden;
}
#home_link {
	width:516px;
	height:85px;
	display:block;
	margin:18px 0 0 16px;
	text-indent:-9999px;
}
#header .navigation{
	float:left;
	margin:3px 0 0 20px;
	display:inline;
	padding:0 0 0 0;
}
#header .navigation li{
	text-transform:uppercase;
	float:left;
	font:bold 10px/10px  Arial, sans-serif, Tahoma;
	padding:0 0 0 0;
	position:relative;
}
#header .navigation li a{
	color:#fff;
	float:left;
	padding:4px 10px 3px 10px;
}
#header .navigation li a:hover{
	background:#e7e7e8;
	color:#601f57;
}
#header .navigation .current_page_item{
	padding-right:0;
	margin-right:0;
}
#header .navigation .current_page_item a{
	background:#e7e7e8;
	color:#601f57;
}
#header .navigation li ul {
	width:150px;
	position:absolute;
	top:17px;
	left:0;
	border-top:7px solid #e7e7e8;
	display:none;
	background:url(images/drop.png) repeat-y 0 0;
	float:none;
}
#header .navigation li ul li{
	width:100%;
	float:left;
	font:bold 12px/28px "Trebuchet MS", Arial, sans-serif, Tahoma;
	padding:0;
}
#header .navigation li ul li a{
	color:#fff;
	float:left;
	width:139px;
	padding:0 0 0 11px;
	background:none;
}
#header .navigation li ul li a:hover{
	color:#581c55;
	background:url(images/drop-hover.png) repeat-y 0 0;
}
#header .navigation li:hover ul,
#header .navigation li.hover ul {
	display:block;
}
#bottom-header {
	float:left;
	width:100%;
	border-bottom:2px solid #ececec;
}

.vehicle-list {
	height:126px;
	border-bottom:1px solid #FFF !important;
	border-top:1px solid #DAC4D9 !important;
}

#bottom-header .border {
	background:#E7E7E8;
	width:100%;
	font-size:1px;
	line-height:1px;
	height:7px !important;
	position:relative;
	z-index:40;
}

#bottom-header .img{
	float:left;
	width:100%;
	margin:0;
	position:relative;
	z-index:1;
	top:0px;
}

.vehicles-top {
	padding:20px;
	width:768px;
	background:url('images/bg_vehicles_top.jpg') no-repeat }

#bottom-header .img .post{
	position:absolute;
	top:19px;
	left:18px;
}

#bottom-header .img .vehicle-list-item{
	top:0 !important;
	left:0 !important;
	height:107px;
	width:420px;
	padding:20px 0 0 20px
}
.blog #bottom-header .img .vehicle-list-item{
	width:auto;
	padding:20px;
}

.vehicles-top p {
	font-size:13px !important;
	color:#313131 !important;
	font-weight:normal !important
}

#bottom-header.vehicle-list .vehicle-list-item { cursor:pointer !important }
#bottom-header.vehicle-list .img:hover { cursor:pointer !important; }
#bottom-header .img:hover .vehicle-list-item { background:url('images/bg_vehicle_hover.jpg') repeat-x top }
.vehicle-list-item h2 a, .vehicle-list-item h2 { color:#5C205A !important }
#bottom-header .img:hover .vehicle-list-item h2 a { color:#000 }

#bottom-header .post h2 {
	font:32px/32px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#fdd6f4;
	padding:0 0 11px 0;
}
#bottom-header .post p {
	font:bold 16px/18px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#fff;
	padding:0 0 8px 0;
}

h2.vehicle-title { color:#fdd6f4 !important }


#content{
	width:100%;
	float:left;
	background:#e6e5e5;
	padding:0 0 15px 0;
}
#content .left{
	margin:14px 0 0 22px;
	float:left;
	width:505px;
	display:inline;
}
#content p{
	font:13px/18px "Trebuchet MS", Arial, sans-serif, Tahoma !important;
	color:#313131;
}
#content .left h3{
	margin:20px 0 0 0;
	padding:0 0 4px 0;
}
#content .left .title{
	font:bold 15px/15px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#5c205a;
}
#content .right{
	width:249px;
	float:right;
	margin:13px 15px 0 0;
	display:inline;
}
#content .right h3{
	background:#803d76;
	font:bold 16px/34px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#fff;
	padding:0 0 0 10px;
}
#content .right .post{
	border:3px solid #bbb;
	border-top:none;
	background:#fff;
	overflow:hidden;
}
#content .right .post p{
	padding:11px 0 11px 15px;
	margin:0 0 0 0;
	width:213px;
	text-align:left;
}
#content .right .post span{
	font:bold 13px/18px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#313131;
	width:220px;
	display:block;
	padding:0 0 0 15px;
	margin:19px 0 0 0;
}
#content .right .post .btn{
	width:215px;
	overflow:hidden;
	margin:9px 0 0 15px;
	padding:0 0 14px 0;
}
#content .right .post .btn a{
	background:url(images/btn.jpg) no-repeat 0 0;
	display:block;
	width:101px;
	float:left;
	font:bold 12px/32px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#fff;
	text-align:center;
	margin:0 0 0 0;
	display:inline;
}
#content .right .post .btn .last{
	margin:0 0 0 10px;
}
#footer{
	width:100%;
	background:url(images/bg-footer.gif) repeat-x 0 0;
	float:left;
	height:27px;
}
#footer .border{
	width:793px;
	margin:5px auto 0 auto;
	border-top:6px solid #9d4994;
}
#footer .border p{
	float:left;
	font:8px/9px Arial, sans-serif, Tahoma;
	text-transform:uppercase;
	color:#e9dbe6;
	margin:0 2px 0 0;
}
#footer ul{
	float:left;
	overflow:hidden;
}
#footer ul li{
	text-transform:uppercase;
	float:left;
	font:bold 8px/9px Arial, sans-serif, Tahoma;
	padding:0 4px 1px 4px;
	background:url(images/footer-selector.gif) no-repeat 0 1px;
	margin:0 0 0 -1px;
}
#footer ul li a{
	color:#e9dbe6;
	float:left;
}
#footer ul li a:hover{
	text-decoration:underline;
}
/*vehicle_page*/
#vehicle-page .img .post h2{
	font:32px/32px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#5c205a;
}
#vehicle-page .img .post p, .blog #bottom-header .img .post p{
	color:#313131;
}
#content-vehicle{
	width:100%;
	float:left;
	background:#ececec url(images/bg-grad.jpg) no-repeat 0 0;
	padding:0 0 57px 0;
}
#content-vehicle  p{
	font:13px/18px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#313131;
	margin:16px 0 0 22px;
}
#vehicle-page #bottom-header{
	border:none;
}

.trigger span { border:none !important; text-decoration:none !important }

#content-vehicle .list ul { list-style:none !important }

#content-vehicle .list{
	width:808px;
	margin:11px 0 0 0;
	background:url(images/shodow-top.gif) no-repeat 0 0;
	float:left;
	min-height:86px;
}
#content-vehicle .list .lists{
	float:left;
	background:url(images/selectors-list.gif) repeat-y 91px 0;
	margin:8px 0 0 34px;
	padding:0 0 0 0;
	display:inline;
	padding:0 0 3px 0;
}
#content-vehicle .list .lists li{
	float:left;
	margin:10px 0 0 0;
}
#content-vehicle .list .lists .first,#content-vehicle .list .lists .first h3,#content-vehicle .list .lists .first p{
	width:105px;
}
#content-vehicle .list .lists .second,#content-vehicle .list .lists .second h3,#content-vehicle .list .lists .second p{
	width:300px;
}
#content-vehicle .list .lists .third,#content-vehicle .list .lists .third h3,#content-vehicle .list .lists .third p{
	width:310px;
}
#content-vehicle .list .lists .second{
	margin:10px 22px 0 1px;
}
#content-vehicle .list .lists li h3{
float:left;
	font:bold 15px/15px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#5c205a;
	padding: 0 0 3px 0;
}
#content-vehicle .list .lists li p{
	float:left;
	margin:0;
	padding:0;
	font:13px/18px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#313131;
}

#content-vehicle .images{
	list-style:none !important;
	float:left;
	width:780px;
	overflow:hidden;
	margin:20px 0 0 10px;
	display:inline;
}
#content-vehicle .images li{
	float:left;
	margin:0 9px 0 0;
}
#content-vehicle .images li .img{
	border:2px solid #86427c;
	position:relative;
}
#content-vehicle .images li .img .border{
	background:url(images/border-img.gif) no-repeat 0 0;
	position:absolute;
	top:-2px;
	line-height:1px;
	font-size:1px;
	right:-2px;
	width:28px;
	height:28px;
}
/*default_state_rd4.psd*/
#default #bottom-header .border{
	background:#E7E7E8;
	width:100%;
	height:7px;
	font-size:1px;
	line-height:1px;
	position:relative;
	z-index:40;
}
#default{
	position:relative;
	width:808px;
	float:left;
	overflow:hidden;
}
#default #bottom-header  .images{
	width:808px;
	margin:0;
	display:block;
	position:relative;
	z-index:1;
	top:0px;
}
#default #bottom-header .images li{
	margin:0;
	padding:0;
}
#default #bottom-header .images li .img{
	margin:0;
	padding:0;
	width:auto;
}

#default #bottom-header .images li .img img {
	display:block;
	margin:0 }

#default #content-default{
	width:100%;
	float:left;
	background:#ececec;
	overflow:hidden;
}
#default #content-default .border{
	background:#E7E7E8;
	width:100%;
	height:7px;
	font-size:1px;
	line-height:1px;
	position:relative;
	z-index:40;
}
#content-default .left{
	width:485px;
	float:left;
	margin:14px 0 0 0;
}
#content-default .left h2 {
	font:32px/32px "Trebuchet MS", Arial, sans-serif, Tahoma;
	color:#5c205a;
	padding:0 0 17px 0;
	margin:0 0 0 24px;
}

#content .left h2 {
	font:22px "Trebuchet MS", Arial, sans-serif, Tahoma;
	font-weight:bold; color:#5c205a;
	border-bottom:1px solid #5c205a;
	padding:0 0 3px 0;
	margin:0 0 15px 0;
}

#content-default .left p {
	width:455px;
	font:13px/18px "Trebuchet MS", Arial, sans-serif, Tahoma;
	line-height:21px;
	color:#313131;
	margin:0 0 15px 28px;
}

.lists h3, .lists p { margin:0 !important; }

#content .left p, #content-vehicle p { margin:0 0 15px 0; font-size:13px; line-height:18px; }

#content-vehicle p { font-family: "Trebuchet MS", Arial, sans-serif, Tahoma; color:#313131; margin:0 0 15px 22px;  }

#content .left h3 {
	color:#6A2A64;
	margin:0 0 10px 0;
	padding:0 }
	
#content .left h4, #content-vehicle h4 {
	color:#6A2A64;
	font-size:14px;
	font-style:italic;
	margin:0 0 10px 0;
	padding:8px 0 0 0 }
	
#content-vehicle h3 { padding:0; color:#6A2A64; margin: 20px 0 15px 22px }
#content-vehicle h4 { margin:0 0 15px 22px }
	
#content .left ul, #content-vehicle ul {
	font:13px "Trebuchet MS", Arial, sans-serif, Tahoma; line-height:20px;
	list-style:outside;
	color:#313131;
	margin:0 0 15px 15px; padding:0 0 0 10px }
	
.vehicle-info ul { margin:0 0 15px 37px !important; padding:0 0 0 10px !important; }

#content-default .left p a {
	width:13px;
	height:13px;
	margin:0 0 0 9px;
}
#content-default .left p a img{
	display:inline;
	vertical-align:middle;
}
.right{
	width:300px;
	float:right;
	margin:20px 18px 0 0;
	display:inline;
}
.right .buy{
	width:244px;
	float:right;
}
.right .buy li{
	width:237px;
	float:left;
	font:22px "Myriad Pro", Arial, sans-serif, Tahoma;
	padding:5px 0 13px 0;
	list-style:none
}

#content-default .right .buy{
	width:267px;
	float:right;
}
#content-default .right .buy li{
	width:260px;
	float:left;
	font:24px/34px "Myriad Pro", Arial, sans-serif, Tahoma;
	padding:0 0 13px 0;
}

.right .buy li a, .right .buy li span {
	float:left;
	color:#5c205a;
	margin:0 0 0 42px;
	display:inline;
}
.right .buy li a {
	float:left;
}
.right .buy li a:hover {
	text-decoration:underline;
}

.right .buy .nation {
	background:url(images/nation.gif) no-repeat 0 0;
}

.right .buy .nation span, .right .buy .fon span { color:#231F20; }

.right .buy .fon {
	background:url(images/fon.gif) no-repeat 0 0;
	color:#231F20;
}

.right .buy .mouse{
	background:url(images/mouse.gif) no-repeat 0 -1px;
	padding:5px 0 15px 0;
}
.right .buy .dol{
	background:url(images/dol.gif) no-repeat 0 -1px;
}


/*

#content-default .slider .back{
	float:left;
	position:absolute;
	top:4px;
	left:6px;
	background:url(images/back.gif) no-repeat 0 0;
	width:15px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#content-default .slider .forward{
	float:left;
	position:absolute;
	top:4px;
	right:5px;
	width:15px;
	height:25px;
	background:url(images/forward.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#content-default .slider .bottom{
	overflow:hidden;
	width:750px;
	margin:0 0 0 51px;
}
#content-default .slider .bottom li{
	float:left;
	padding:0 13px 0 0;
}
#content-default .slider .bottom li a{
	float:left;
}
*/
#content-default .slider{
	width:100%;
	height:85px;
	float:left;
	position:relative;
}
	/*
	#scn { position:absolute;overflow:hidden;width:810px;top:0px;left:0px;padding-top:200px; }
	*/
	

	
	#b, #b li { position:relative;border:0px; }
	
	/*
	#c a { background:#ececec url(/wp-content/themes/jjtransportation/images/ibg.jpg) no-repeat 0 0; }
	#c a span { background:transparent url(/wp-content/themes/jjtransportation/images/ibg2.jpg) no-repeat top right; }
	#c a { display:block;height:62px;background:transparent; }
	#c a span { display:block;width:100%;height:62px;background:transparent;padding:6px 0px 0px 0px; }
	#c a:hover { background:transparent url(/wp-content/themes/jjtransportation/images/ibg.jpg) no-repeat 0 0; }
	#c a:hover span { background:transparent url(/wp-content/themes/jjtransportation/images/ibg2.jpg) no-repeat top right; }
	*/
	#c a { display:block;height:62px; }
	#c a span { display:block; }
	#c a:hover span { border-bottom:2px solid #8e2a8d; }
	
	#c img { height:65px;border:0px;margin:6px 10px 0px 10px; }
	
	#b .prev, #b .next { width:32px;height:62px;border:0px; }
	#b .prev { background:#ececec url(images/la.jpg) no-repeat center center; }
	#b .next { background:#ececec url(images/ra.jpg) no-repeat center center; }
	
	.popup { display:block; width:240px; height:221px; background:url('images/tooltip_bg.gif') no-repeat; padding:20px; position:absolute; z-index:50; }
	.popup h3 { color:#5C205A; font-size:22px; font-weight:bold; margin:10px 0 25px 0; padding:0 }
	.popup table { width:240px; border-collapse:collapse; font-size:12px; line-height:16px; color:#555; }
	.popup th { text-align:right; text-transform:lowercase; vertical-align:top; }
	.popup td { text-align:left; padding-bottom:10px; }
	
	.dv { display:none; }