@charset "utf-8";
@font-face {
 font-family: 'DroidSansRegular';
 src: url('../fonts/DroidSans.eot');
 src: local('☺'), url('../fonts/DroidSans.woff') format('woff'), url('../fonts/DroidSans.ttf') format('truetype'), url('../fonts/DroidSans.svg#webfont5EOLgSDg') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'DroidSansBold';
 src: url('../fonts/DroidSans-Bold.eot');
 src: local('☺'), url('../fonts/DroidSans-Bold.woff') format('woff'), url('../fonts/DroidSans-Bold.ttf') format('truetype'), url('../fonts/DroidSans-Bold.svg#webfontB6mZoCOc') format('svg');
 font-weight: normal;
 font-style: normal;
}
body, input, textarea, button, #call-us {
	font-family: 'DroidSansRegular';
	font-weight: normal;
	font-style: normal;
}
#call-us strong {
	font-family: 'DroidSansBold';
}
button::-moz-focus-inner { padding:0; border:0;} /* FF Fix */
button { -webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */
button, .button {
	overflow:visible;
	width:auto;
	border:0;
	padding:0;
	margin:0;
	background-color: transparent;
	cursor:pointer;
	display:inline-block;
}
button span, .button span {
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	color:#fff;
}
.input-box, .button>span, button > span, .link-button {
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#wrapper {
	width:100%;
	overflow:hidden;
}
#top {
	padding: 50px 0 55px;
}
#logo {
	font-size:60px;
	line-height:1;
	margin:0;
}
#logo a {
	color:#f0f0f0;
}
#call-us {
	color:#bebebe;
	font-size:24px;
	line-height:1;
	padding-top:16px;
	margin:0;
}
#call-us strong {
	color:#fff;
}
#feature-areas {
	background: url(../images/bg-feature-content.png) no-repeat left bottom;
	padding-right: 138px;
	margin-right:-138px;
	width:100%;
	position:relative;
	margin-bottom: -60px;
	padding-bottom:4px;
}
#tabs {
	padding-top:45px;
}
#tabs li {
	width:100%;
	padding-right: 12px;
	margin-right: -12px;
	height:81px;
	line-height:80px;
	font-size:18px;
	margin-bottom:5px;
	background: url(../images/bg-shadow.png) repeat-y right top;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	box-shadow: 0 -1px 1px rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3),  0 -1px 1px rgba(255,255,255,0.1);
	-webkit-box-shadow:  0 -1px 1px rgba(255,255,255,0.1);
}
#tabs li:hover { opacity:0.85; filter: alpha(opacity=85);}
#tabs li.active {
	background: #fff!important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#tabs li.active a {
	color:#838383;
}
#tabs li.tab-video-tour a {
	background: url(../images/i_video-gray.png) no-repeat 22px -77px;
}
#tabs li.tab-gallery a {
	background: url(../images/i_gallery-gray.png) no-repeat 22px -76px;
}
#tabs li.tab-features a {
	background: url(../images/i_list-gray.png) no-repeat 22px -76px;
}
#tabs li.tab-video-tour.active a {
	background-position: 22px 20px!important;
}
#tabs li.tab-gallery.active a {
	background-position: 22px 21px!important;
}
#tabs li.tab-features.active a {
	background-position: 22px 21px!important;
}
#tabs a {
	display:block;
	padding-left:95px;
}
#tabs-content {
	width:100%;
	padding:9px; min-height:380px;
	margin-left:-9px;
	background: #fff;
	position:relative;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

.feature {
	width:295px;
	font-size:14px;
	float:left;
	color:#404040;
	padding: 25px 15px 0 0;
}
.feature p strong {
	background: url(../images/brush.png) no-repeat center center;
	display: inline-block;
	color:#41606c;
}
.slider ul li {
	width: 620px;
	height:350px;
	overflow:hidden;
}
.slider #controls {
	text-align: center;
	padding: 15px 0 5px;
	margin:0;
}
.slider #controls li {
	display: inline;
}
.slider #controls li a {
	display: inline-block;
	font-size:0;
	width:15px;
	height:0;
	padding-top:15px;
	overflow:hidden;
	background: url(../images/dot.png) no-repeat left top;
}
.slider #controls li.current a, #slider #controls li a:hover {
	background-position: right top;
}
#container {
	background:url(../images/bg-container.jpg);
}
#container > div {
	background: url(../images/bg-container-tp.jpg) repeat-x left top;
	min-height:180px;
	padding:60px 0;
}
#tryform h2 {
	font-size:72px;
	padding-right:180px;
	background: url(../images/arrow.png) no-repeat right bottom;
	margin-right:-80px;
	padding-top:25px;
	padding-bottom:25px;float:right;
	margin-bottom:-10px; position:relative;
}
#tryform h3 {
	font-size:36px;
}
#tryform .input-box {
	border: solid 1px #dadada;
	background:#e3e3e3 url(../images/line.gif) repeat-x left top;
	padding:5px 4px 4px;
	width:290px;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#tryform .input-box input[type=text] {
	font-size:20px;
	padding:10px 14px;
	width:260px;
	background: #fff;
	border: solid 1px;
	border-color: #adadad #d8d8d8 #d8d8d8;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	text-align:left;
}
#tryform .input-box.full-width {
	width: 610px;
}
#tryform .input-box.full-width input[type=text] {
	width: 580px;
}
#tryform button > span {
	background: url(../images/bg-btn.png) repeat-x left top;
	font-size:36px;
	line-height:80px;
	padding:0 100px;
}
#tryform .link-button {
	background-position: 0% 0%;
	display: inline-block;
	border: solid 1px #ccc;
	font-size:14px;
	padding:7px 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e9e9e9)";
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
	background-color: #e9e9e9;
	background-repeat: repeat;
	background-attachment: scroll;
}
#tryform .link-button:hover {
	background-position: 0% 0%;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f2f2f2)";
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background-color: #e9e9e9;
	background-repeat: repeat;
	background-attachment: scroll;
}
#footer {
	padding: 30px 0;
	font-size:14px;
	color:#888;
	line-height:32px;
}
#footer #footer-links a {
	color:#fff;
	margin: 0 10px;
}
#footer #social-links a {
	display:inline-block;
	margin:0 2px;
	vertical-align:text-bottom;
}
/* `default skin
----------------------------------------------------------------------------------------------------*/
a {
	color:#007aac;
}
body {
background: url(../images/asphalt_on_chan.jpg);
}
#tabs li { 
    background-color:#293d45;
}
#header {
	background: url(../images/asphalt_on_chan.jpg);
	background-size: 100%;
}
#tabs a {
	color:#81a3b1;
}
.default #tabs li.tab-video-tour a {
	background: url(../images/i_video.png) no-repeat 22px -77px;
}
.default #tabs li.tab-gallery a {
	background: url(../images/i_gallery.png) no-repeat 22px -76px;
}
.default #tabs li.tab-features a {
	background: url(../images/i_list.png) no-repeat 22px -76px;
}
#tryform h2, #tryform h3 {
	color:#41606c;
}
#tryform input[type=text] {
	color: #257697;
}
#tryform button > span {
	background-color: #3d758b;
	border: solid 1px #366678;
}
#tryform button:hover > span {
	background-color:#468097;
}
/* `purple skin
----------------------------------------------------------------------------------------------------*/
.purple {
	background-color:#3a232d;
}
.purple #header {
	background-color:#733a51;
}
.purple a {
	color:#a3315f;
}
.purple #tabs a {
	color:#ac8896;
}
.purple #tabs li {
	background-color:#462a35;
}
.purple #tryform h2, .purple #tryform h3 {
	color:#6c4152;
}
.purple #tryform h2 {
	background-image: url(../images/arrow-purple.png);
}
.purple #tryform input[type=text] {
	color: #733a51;
}
.purple #tryform button > span {
	background-color: #a02858;
	border: solid 1px #982654;
}
.purple #tryform button:hover > span {
	background-color:#a63260;
}
/* `olive skin
----------------------------------------------------------------------------------------------------*/
.olive {
	background-color:#313a23;
}
.olive #header {
	background-color:#5b6f3e;
}
.olive a {
	color:#729b3a;
}
.olive #tabs a {
	color:#959d89;
}
.olive #tabs li {
	background-color:#3d492c;
}
.olive #tryform h2, .olive #tryform h3 {
	color:#5b733a;
}
.olive #tryform h2 {
	background-image: url(../images/arrow-olive.png);
}
.olive #tryform input[type=text] {
	color: #72973e;
}
.olive #tryform button > span {
	background-color: #6c9335;
	border: solid 1px #678c33;
}
.olive #tryform button:hover > span {
	background-color:#7aa63c;
}
/* `blue skin
----------------------------------------------------------------------------------------------------*/
.blue {
	background-color:#182f45;
}
.blue #header {
	background-color:#1e578f;
}
.blue a {
	color:#1c6dbf;
}
.blue #tabs a {
	color:#769abe;
}
.blue #tabs li {
	background-color:#1b3856;
}
.blue #tryform h2, .blue #tryform h3 {
	color:#10569d;
}
.blue #tryform h2 {
	background-image: url(../images/arrow-blue.png);
}
.blue #tryform input[type=text] {
	color: #1c6dbf;
}
.blue #tryform button > span {
	background-color: #1c6dbf;
	border: solid 1px #1962ac;
}
.blue #tryform button:hover > span {
	background-color:#1f75cc;
}
/* `rust skin
----------------------------------------------------------------------------------------------------*/
.rust {
	background-color:#3a2f23;
}
.rust #header {
	background-color:#91500f;
}
.rust a {
	color:#9c5f20;
}
.rust #tabs a {
	color:#c8a785;
}
.rust #tabs li {
	background-color:#65421f;
}
.rust #tryform h2, .rust #tryform h3 {
	color:#995816;
}
.rust #tryform h2 {
	background-image: url(../images/arrow-rust.png);
}
.rust #tryform input[type=text] {
	color: #995816;
}
.rust #tryform button > span {
	background-color: #995816;
	border: solid 1px #925416;
}
.rust #tryform button:hover > span {
	background-color:#a65f19;
}
/* `grey 
----------------------------------------------------------------------------------------------------*/
.grey {
	background-color:#2f2f2f;
}
.grey #header, .grey #tryform button > span {
	background-color:#505050;
}
.grey a, .grey #tryform h2, .grey #tryform h3 {
	color:#505050;
}
.grey #tabs a {
	color:#c6c6c6;
}
.grey #tabs li {
	background-color:#434343;
}
.grey #tryform h2 {
	background-image: url(../images/arrow-grey.png);
}
.grey #tryform input[type=text] {
	color: #929292;
}
.grey #tryform button > span {
	border: solid 1px #4c4c4c;
}
.grey #tryform button:hover > span {
	background-color:#5e5e5e;
}