body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Abel', sans-serif;
	font-size:10pt;
	color:#606060;
	min-height:100%;
}

#top {
	float:left;
	width:100%;
	height:126px;
	background-color:#315990;
}
.top-content {
    width:1200px;
    left:-600px;
    margin-left:50%;
    float:left;
    position:relative;
	transform:skew(-20deg);
	background:#214576;
	height:126px;
}
.top-logo{
	float:left;
	transform:skew(20deg);
	margin-top:40px;
	margin-left:80px;
}

ul {
	margin:0em;
	padding:0px;
	list-style: none;
}

li {
	float:left;
}

.top-menu{
	float:right;
	margin-right:-2px;
	padding-right:0px;
	margin-top:68px;
	font-family: 'Abel', sans-serif;
	font-size:1.1rem;
}

.top-menu a {
	margin-right:2px;
	color:white;
	padding:1em 2.5em;
	display: block;
	position: relative;
	text-decoration: none;
	transform:skew(20deg);
}

.top-menu a::after {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	background:#183761;
	z-index:-1;
	transform:skew(-20deg);
}

/* Radio Button */
.radiobtn input[type="radio"], .radiobtn input[type="checkbox"]{
	display:none;
}
.radiobtn label{
	background-image:URL('images/dot-off.png');
	width:27px;
	height:27px;
	display:inline-block;
	cursor:pointer;
}
.radiobtn input[type="radio"]:checked + label, .radiobtn input[type="checkbox"]:checked + label{
	background-image:URL('images/dot-on.png');
}

a:hover::after {	
	background:#1e1e1e;
}

#main{
	float:left;
	width:100%;
}
.main-bgpic{
	float:left;
	width:100%;
	height:1075px;
	background-image:URL('images/bg-car1.jpg');
}
.main-content {
    width:1200px;
    left:-600px;
    margin-left:50%;
    float:left;
    position:relative;
}
.main-box{
	float:right;
	width:463px;
	background:rgba(35,35,35,0.9);
	margin-right:23px;
	color:#ffffff;
	font-size:1.2rem;
}
.main-box-content{
	float:left;
	margin-top:30px;
	margin-left:30px;
	width:400px;
}
.main-box-title{
	float:left;
	padding-top:10px;
}
.main-box-value{
	float:right;
	background:rgba(35,35,35,0.9);
	border-radius:10px;
	padding:10px;
	width:120px;
	text-align:right;
	margin-bottom:15px;
	font-size:1.4rem;
}
/* Slider */
.main-box-slider{
	float:left;
	margin-bottom:15px;
	width:100%;
	position:relative;
}
.main-box-slider *{
	box-sizing:border-box;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slider-empty{
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	right:0;
	height:4px;
	top:0px;
	width:100%;
}
.slider-full{
	background-color:rgba(255,255,255,1);
	position:absolute;
	left:0;
	height:4px;
	top:0px;
	width:0;
}
.slider-handle{
	background-color:rgba(255,255,255,1);
	position:absolute;
	width:20px;
	height:20px;
	border-radius:10px;
	cursor:pointer;
	top:-10px;
}


.main-box-resultbtn{
	float:left;
	width:100%;
	height:70px;
	background: #465d17; /* Old browsers */
	background: -moz-linear-gradient(top,  #465d17 13%, #344412 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #465d17 13%,#344412 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #465d17 13%,#344412 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465d17', endColorstr='#344412',GradientType=0 ); /* IE6-9 */

}
.main-box-resultbtn-content{
	float:left;
	width:100%;
	margin-top:20px;
	font-size:1.3rem;
	color:#ffffff;
}
	
.main-teaser1{
	float:left;
	font-size:2rem;
	color:#ffffff;
	margin-left:100px;
	margin-top:100px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.68);
}
.main-teaser2{
	float:left;
	margin-left:150px;
	margin-top:-10px;
	font-size:3rem;
	color:#ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.68);
}

#content{
	float:left;
	width:100%;
	background-color:#e2e2e2;
}
#content a{
	color:#367490;
	font-size:0.8rem;
	text-decoration:none;
}
#content a:hover{
	color:#71c7ed;
	font-size:0.8rem;
	text-decoration:none;
}
.car-box{
	float:left;
	width:320px;
	height:300px;
	background:grey;
	margin-bottom:60px;
	background:#ffffff;
	padding:20px;
	border:5px inset rgba(0,0,0,0);
}
.car-box:hover{
	border:5px inset rgba(51,153,0,0.65);
	cursor:pointer;
}
.car-box-name{
	float:left;
	font-size:1.2rem;
	width:300px;
}
.car-box-price{
	float:left;
	width:140px;
	height:30px;
	background:#315990;
	color:#ffffff;
	font-size:1.4rem;
	padding:10px;
	padding-left:20px;
}
.car-box-rates{
	float:left;
	width:120px;
	height:26px;
	background:#214576;
	color:#ffffff;
	font-size:1.1rem;
	padding:10px;
	padding-left:20px;
	padding-top:14px;
}

.car-info{
	float:left;
	width:610px;
	background:grey;
	margin-bottom:60px;
	background:#ffffff;
	padding:40px;
	border:5px inset rgba(0,0,0,0);
}
.car-sideinfo{
	float:left;
	width:400px;
	background:grey;
	margin-bottom:20px;
	background:#ffffff;
	padding:20px;
	border:5px inset rgba(0,0,0,0);
	font-size:1.1rem;
	line-height:1.8rem;
}

.td-border-bottom{
	border-bottom:1px solid #d2d2d2;
}
.td-border-bg{
	background-color:#f5f5f5;
}

#bottom{
	float:left;
	width:100%;
	height:200px;
	background-color:#132641;
	color:#ffffff;
}

.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

hr{
	padding-top:0px;
	margin-bottom:40px;
}

h1{
	color:#414141;
	font-size:2.2rem;
	font-weight:300;
	margin-top:50px;
	margin-bottom:20px;
}
h2{
	color:#606060;
	font-size:1.4rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h3{
	color:#606060;
	font-size:1.2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h4{
	color:#49656a;
	font-size:1.1rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	padding-bottom:5px;
	margin:0px;
}

.bold{
	font-weight:600;
}