﻿@charset "utf-8";
/* CSS Document */

html {
font-size:100%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
background:url(/imgs/bg.png) repeat-x #fff; 
color: #333; 
font-size: 12px;
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
}

.main {
position:relative;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p {
max-width:none;
}

#bg {
background:url(/imgs/bg-2.png) no-repeat center top;
}

.header {
background:url(/imgs/header-bg.png) no-repeat;
height:189px;
position:relative;
z-index:1;
}

.header .lang {
color:#666;
float:none;
font-size:10px;
right:205px;
padding:7px;
position:absolute;
text-transform:uppercase;
}

.header .lang a {
padding-left:23px;
color:#666;
}

.header a.logo {
background:url(/imgs/logo.png) no-repeat;
height:153px;
position:absolute;
width:303px;
}

.header #telephone {
color:#666666;
font-size:20px;
font-weight:bold;
height:29px;
left:390px;
line-height:25px;
position:absolute;
text-align:right;
top:30px;
}

.content .title {
background:url(/imgs/title-bg.png) repeat-x;
color:#FFFFFF;
font-weight:normal;
text-transform:capitalize;
}

.content .buttons {
text-align:left;
}

body.default .content,
body.rent-default .content
{
padding:0;
}

.content {
background:url(/imgs/content-bg.png) no-repeat #fff top right;
}

body.default div#primary.col
{
width:660px;
}

body.default div#secondary.col
{
width:260px;
padding:65px 20px 20px;
background:url(/imgs/side-bg.png) no-repeat #eee;
}

.footer * {
background:none;
}

.footer {
background:url(/imgs/fppter-bg.png) no-repeat;
width:960px;
height:174px;
padding-top:40px;
color:#fff;
}

.footer .copyright {
color:#fff;
}

.footer .powered {
display:block;
background:url(/imgs/powered.png) no-repeat;
width:93px;
height:54px;
text-indent:-9999px;
margin:16px auto 0;
}


.secondary-menu a {
color:#fff;
text-decoration:none;
}

.secondary-menu {
color:#fff;
}

.secondary-menu li,
.secondary-menu li li:first-child
{
border-color:#fff;
}

body.default div#featured.col {
border-bottom:medium none;
float:left;
padding:25px 0;
width:200px;
background:url(/imgs/featured-bg.png) repeat-y top right;
}

body.default div#featured.col img {
border:3px solid #333;
}

body.default div#featured.col .name {
border:3px solid #333;
margin:0 auto 20px;
width:120px;
background:#333;
}

body.default div#featured.col .featured-list td a {
color:#fff;
}



.content .fleet td {
width:33.3%;
}

/*
body.default table.fleet td {
padding:0 0 10px;
}

body.default .content .fleet .name,
body.default .content .fleet .rates,
body.default .content .fleet .info
{
width:128px;
margin:0 auto;
color:#333;
text-align:left;
float:right;
text-decoration:none;
padding:0 5px;
}

body.default .content .fleet .name a {
text-decoration:none;
color:#333;
width:100%;
display:block;
}

body.default .content .fleet .pic {
border:3px solid #ccc;
float:left;
width:75px;
}
*/


/*-------------------------------------------NAVIGATION-------------------------------------------------------*/
.primary-menu {
background:transparent none repeat scroll 0 0;
height:39px;
left:5px;
margin:0;
padding:0;
position:absolute;
top:150px;
z-index:9999;
}

.primary-menu a {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:14px;
height:28px;
margin:0 2px;
padding:10px 10px 0;
text-decoration:none;
text-transform:uppercase;
}

.primary-menu a:hover,
body.default .primary-menu li.home a,
body.faq .primary-menu li.faq a,
body.contact-default .primary-menu li.contact a,
body.rent-default .primary-menu li.homepage a,
body.sale-default .primary-menu li.sale a,
.primary-menu li:hover a
{
background:#fff;
color:#333;
}

.primary-menu li {
float: left;
}

.primary-menu li ul {
position: absolute;
width: 150px;
left: -999em;
}

.primary-menu li:hover ul {
left: auto;
}

.primary-menu li:hover ul a{
width:150px;
background:#fff;
color:#333;
border-left:1px solid #333;
border-right:1px solid #333;
text-align:left;
}

.primary-menu li:hover ul a:hover{
background:#ccc;
color:#333;
text-decoration:none;
}
