/*
Theme Name: LA Van Rentals
Theme URI: http://nathanielthomas.net/
Description: Theme created for Tyler Moore & Los Angeles Van Rentals by Nathaniel Thomas
Version: 2.0
*/
body {
    background: url("images/background.jpg") repeat scroll center center transparent;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
#wrapper {
    background-repeat: repeat-y;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 944px;
    position:relative;
}

#main_image {
	width: 942px;
	height: 530px;
	background-image:url(images/main-image.jpg);	
}

#page_header {
	width: 942px;
	height: 100px;
	
}


#header {
    display: block;
    padding: 15px 0 0 10px;
    position: relative;
    width: 942px;
    z-index: 3;
}
#top_links {
    background-color: #000000;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    opacity: 0.75;
    padding-right: 10px;
    padding-top: 5px;
    position: relative;
    text-align: right;
    z-index: 2;
}

#top_links a {
	color: #ffffff;
	text-decoration:none;
	font-size:12px; 
}

#top_links a:hover {
	color: #ffffff;
	text-decoration:none;
	font-size:12px; 
}

#top_links a:active {
	color: #ffffff;
	text-decoration:none;
	font-size:12px; 
}



#navigation {
background: url("http://www.losangelesvanrentals.com/wp-content/uploads/2011/09/transparent.png") repeat scroll 0 0 transparent;
height: 50px;
}
#reserve_now {
    background: url("http://www.losangelesvanrentals.com/wp-content/uploads/2011/09/transparent.png") repeat scroll 0 0 transparent;
    height: 360px;
    left: 50px;
    padding: 7px 0 0 6px;
    position: relative;
    top: 17px;
    width: 320px;
    z-index: 3;
}
#reserve_now h1 {
	display: block;
	background-color: #f9d900;	
	margin: 0px;
	font-size: 14px;
	font-style:italic;
	padding: 3px;
}

#promotion {
	position: relative;
	left: -50px;
	top: -345px;
	text-align: right;
        z-index:2;
}

#promotion h1 {
	font-size: 52px;	
	color: #ffffff;
	font-style: italic;
	margin: 0px;
}

#promotion h2 {
	font-size: 22px;	
	color: #ffffff;
	font-style: italic;
	margin: 0px;
}

#promotion h3 {
	display: block;
	background-color: #fbe451;
	padding: 3px;
	font-size: 16px;	
	color: #393939;
	font-style: italic;
	width: 150px;
	padding-right: 30px;
	margin-left: 760px;
	letter-spacing: 1px;
}

#promotion h3 a {
	
	font-size: 16px;	
	color: #393939;
	font-style: italic;
	
	letter-spacing: 1px;
}

#logo {
   
    float: left;
    height: 50px;
    margin: 0;
    padding-left: 0;
    width: 223px;
    position:relative;
}
#logo h1 {
	color: #393939;
	margin: 0px;
	font-size: 28px;
	font-style:italic;
		
}
#logo h1 a {
	color: #393939;
	margin: 0px;
	font-size: 28px;
	font-style:italic;
		
}
#logo h2 {
	color: #636363;
	margin: 0px;
	font-size: 14px;
	font-style:italic;	
	letter-spacing: 1px;
}

#logo h2 a {
	color: #636363;
	margin: 0px;
	font-size: 14px;
	font-style:italic;	
	letter-spacing: 1px;
}

.clear { clear:both; }

.col1 {
	width: 300px;
	float:left;	
	padding: 5px;
}

.col1 h1 {
	margin: 0px;
	font-weight:bold;
	font-style:italic;
	font-size: 12px;
}

.col2 { 
	width: 300px;
	float:left;
	padding: 5px; 
	padding-top: 32px;
}

.col3 { 
	width: 300px;
	float:left;
	padding: 5px; 
}

#images_wrapper {
    margin-left: 3px;
    margin-right: auto;
    padding-top: 75px;
    width: 935px;
}

.image1 {
	background-image:url(images/15-passenger-vans.jpg);
	width: 305px;
	height: 141px;	
	float: left;
	margin-left: 5px;
	padding-top: 0px;
	background-repeat:no-repeat;
}

.image1 p {
	margin: 0px;
	margin-top: 120px;
	font-weight: bolder;
	color:#FFF;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;
}

.image1 p a {
	margin: 0px;
	margin-top: 120px;
	font-weight: bolder;
	color:#FFF;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;
}

.image2 p {
	margin: 0px;
	margin-top: 120px;
	font-weight: bolder;
	color:#FFF;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;
}

.image2 p a {
	margin: 0px;
	margin-top: 120px;
	font-weight: bolder;
	color:#FFF;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;
}

.image3 p {
	margin: 0px;
	margin-top: 120px;
	font-weight: bolder;
	color:#FFF;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;
}

.image3 p a {
	margin: 0px;
	margin-top: 120px;
	font-weight: bolder;
	color:#FFF;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;
}

.image2 {
	background-image:url(images/12-passenger-vans.jpg);
	width: 305px;
	height: 141px;	
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.image3 {
	background-image:url(images/mini-vans.jpg);
	width: 305px;
	height: 141px;
	float: left;	
	margin-right: 5px;
}



.col1_inner {
	width: 50%;
	float:left;	
}

.col1_inner h1 {
	font-size: 12px;
	margin: 0px;	
	font-style: italic;
}

.col1_inner ul {
	list-style: none;	
	margin-left: -42px;
	margin-top: 10px;
}
.col2_inner ul {
	list-style: none;	
	margin-left: -42px;
	margin-top: 10px;
}

.col2_inner h1 {
	font-size: 12px;	
	margin: 0px;
	font-style: italic;
}

.col2_inner {
	width: 50%;
	float:left;	
}

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

a:hover {
	color: #000000;	
	text-decoration:none;
}
a:active {
	color: #e6b43c;
	text-decoration:none;
}

#content {
	margin-left: 10px;
	margin-top: 20px;	
}
.gradient {
	background-image:url(images/gradient.png);
	height: 23px;
	width: 942px;	
}
#footer {
	text-align: center;
	width: 945px;
}

/* The container wrapping ul.dropdown */
#navwrap {
   background: url("http://www.losangelesvanrentals.com/wp-content/uploads/2011/09/navbar.png")  repeat;
   display:  inline-block;
   float: left;
   height: 42px;
   margin-left: 5px;
   margin-top: 0;
   padding-bottom: 3px;
   padding-top: 5px;
   width: 683px;

}
 
/* Top level Unordered list */
ul.dropdown {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
    padding: 0 10px;
    width: 653px;
}
 
ul.dropdown  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
}
 
ul.dropdown a {
    color: #393939;
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 15px 18px;
    text-decoration: none;
}

 
/* Style the link hover */
ul.dropdown li:hover a {
background:#f9d900;
/*
border-top:1px solid #777;
border-bottom: 1px solid #000;
border-right:1px solid #666;
*/
}
 
/* Displays the link as blocks. */
ul.dropdown li ul a {
    background: none repeat scroll 0 0 #FCE762;
    border-top: 1px solid #FFFFFF;
    display: block;
    font-size: 12px;
}
 
/* sub menus!!  */
 
ul.dropdown ul {
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width:250px; /* specify the width. */
position:absolute; /* needed */
z-index:500; /* specify the order */
}
 
ul.dropdown li ul {
top:32px; /* Positioning:Calc with top level horz list height */
-moz-box-shadow:0 2px 10px #000; /* CSS 3 */
}
 
ul.dropdown ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
ul.dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
 
ul.dropdown li * a:hover {
/* Change color of links when hovered */
background: #fcea72;
/*
background: -moz-linear-gradient( top, #200, #400); */
border-top:1px solid #ffffff;
}

ul.sub-menu li a {
    padding-top: 5px;
    padding-bottom: 4px;
}


div.nivoSlider {
    background: url("loading.gif") no-repeat scroll 50% 50% #202834;
    box-shadow: 0 0 10px #333333;
    margin: 0 0 60px;
    position: relative;
    left: -11px !important;
}

.nivo-caption {
    background: none repeat scroll 0 0 #000000;
    top: 0px;
    color: #FCF657 !important;
    right: 125px !important;
    opacity: 1 !important;
    position: absolute;
    z-index: 8;
    font-size: 24px !important;
    width:100% !important;
    font-style:italic;
    bottom:none !important;
}

#social {
    padding-left: 24px;
}
#social img {
    padding-right: 13px;
}
#phone {
    font-size: 16px;
    line-height: 1.4em;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 18px;
}


.one-half {
    width: 440px !important;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

#homeimages {
    left: 11px;
    position: absolute;
    top: 0;
    z-index: 0;
}



#main_image2 {
	width: 942px;
	height: 530px;
}


.nivo-controlNav {
    bottom: 10px !important;
    left: 83% !important;
    position: absolute !important;
}

.nivo-controlNav a {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 0 none !important;
    display: block !important;
    float: left !important;
    font-size: 14px !important;
    height: 14px !important;
    margin-right: 6px !important;
    text-align: center !important;
    text-indent: 0 !important;
    width: 11px !important;
    padding: 2px;
    color: #000;
}

.nivo-controlNav a.active {
    font-weight: bold;
    padding: 4px;
    top: -2px;
}

#reserve_now3 {
    background: url("http://www.losangelesvanrentals.com/wp-content/uploads/2011/09/transparent.png") repeat scroll 0 0 transparent;
    border: 1px solid #FEFFD7;
    height: 370px;
    left: 97px;
    position: relative;
    top: 10px;
    width: 741px;
    z-index: 1;
}

#logo a{
color:transparent;
position:absolute;
top:0px;
left:0px;
}

#logo a:hover{
color:transparent;
}

#logo img{
color:transparent;
position:absolute;
top:0px;
left:0px;
}

.nivo-slice{
z-index:1 !important;
}


#homeimages .nivo-caption {
    display: none !important;
}

#reserve_now4 {
    background: url("http://www.losangelesvanrentals.com/wp-content/uploads/2011/09/transparent.png") repeat scroll 0 0 transparent;
    height: 360px;
    left: 50px;
    padding: 7px 0 0 6px;
    position: relative;
    top: 90px;
    width: 320px;
    z-index: 3;
}

#reserve_now4 h1 {
    background-color: #F9D900;
    display: block;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 3px;
}