/* Tell the browser to render HTML 5 elements as block */ 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {  
    margin: 0 auto;  
	padding: 0; 
	width:100%;
	background:url(../images/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#847f7c;
}
#wrapper {
	width:1000px;
	margin:0 auto;
}
header {
	margin:0;
	padding:0;
	line-height:0;
}
#side_nav {
	float:left;
	width:344px;
}
nav {
	float:right;
	width:656px;
	height:53px;
	background:#0a0b0c;
	
}
#image_slider {
	margin:0;
	padding:0;
	line-height:0;
}
article {
	background:#ffffff;
	margin: 0 auto;
	padding: 0;
	width:100%;
}
#contact {
	background:#3f3b3a;
	color:#CCC;
	font-size:16px;
	padding: 5px 15px 10px 15px;
	margin: 0 30px 10px 30px;
}
#contact h2 {
	color:#fff;
}
#contact p {
	color:#CCC;
}
#map {
	padding: 0;
	margin: 0 30px 10px 30px;
}
#images {
	padding: 0;
	margin: 0 30px 10px 30px;
}
footer {
	background:#f3f2f0;
	margin:0;
	padding:10px;
	text-align:center;
}
footer p {
	text-align:center;
}

input, textarea, select, file {
	border: 1px solid #CCC;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	text-align:left;
	line-height:20px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:40px;
	color:#bb3535;
	text-align:left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#45413f;
	font-size:24px;
	line-height:32px;
	text-align:left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:28px;
	color:#000;
	text-align:left;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#a2a2a2;
	text-align:left;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#7f7a77;
	text-align:left;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#7f7a77;
	text-align:left;
}
p {
	color:#7f7a77;
	text-align:left;
	line-height:26px;
}
.quote {
	font-size:20px;
	text-align:center;
	color:#8f8f8f;
	line-height:24px;
	font-weight:bold;
	padding-top:10px;
}
.moto {
	font-size:12px;
	text-align:center;
	color:#8f8f8f;
	font-style:italic;
}
/* ROUNDED CORNERS
#rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../border-radius.htc);
	
	position:relative;
	display:block;
	zoom: 1;
}
*/

a.fadebutton {
  background: #0068b8;
 
  -webkit-transition:  background-color 0.8s;
  -moz-transition:     background-color 0.8s;
  -o-transition:       background-color 0.8s;
  transition:          background-color 0.8s;
}
 
a.fadefadebutton:hover, a.fadebutton:active {
  background-color: #05406d;
}

/* Menu */
nav ul {
	line-height:0;
	padding:0;
	margin:0;
	float:right;
}
nav ul li {
	list-style:none;
	position:relative;
	float:left;
}
nav ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:53px;
	padding:0 30px 0 30px;
}
nav ul li a:hover {
	text-decoration:none;
	color:#fff;
}
nav ul li:hover {
	background-color: #d80000;
	background-image: -moz-linear-gradient(top, #d80000, #960000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d80000), to(#960000));
	background-image: -webkit-linear-gradient(top, #d80000, #960000);
	background-image: -o-linear-gradient(top, #d80000, #960000);
	background-image: linear-gradient(to bottom, #d80000, #960000);
}

nav ul li ul {
	position:absolute;
	z-index:100;
	visibility:hidden;
	left:0;
	background-color: #0a0b0c;
	background-image: -moz-linear-gradient(top, #191919, #000000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#191919), to(#000000));
	background-image: -webkit-linear-gradient(top, #191919, #000000);
	background-image: -o-linear-gradient(top, #191919, #000000);
	background-image: linear-gradient(to bottom, #191919, #000000);
	width:220px;
}
nav ul li ul li {
	width:160px;
	padding:10px 30px 10px 30px;
}
nav ul li ul li a {
	font-size:14px;
	line-height:20px;
	padding:0;
}
nav ul li:hover ul {
	visibility: visible;
}


/* Image Slider */

#featured{ 
	position:relative;
	height:380px;
	overflow:hidden;
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:0; 
	list-style:none; 
	padding:0; margin:0; 
	width:330px;
	height:380px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:0; padding-right:0;  
	font-size:20px; 
	color:#fff; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	color:#fff;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
	font-style:italic;
	font-weight:bold;

}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:50px;
	padding:20px 25px 25px 20px;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	background:url(../images/side-2.gif); 
	line-height:24px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:url(../images/side-1.gif);
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url(../images/selected-item.gif) top right no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:url(../images/side-1.gif);
}
#featured .ui-tabs-panel{ 
	width:670px;
	height:380px;
	position:relative;
	left:330px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0;
	left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png');
	padding-bottom:10px;
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h3{ 
	padding:7px 7px 7px 5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.phone-number p {
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    top: -4px;
    left: 41%;
    float: left;
}

.phone-number p a {
    color: #7f7a77;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    text-decoration: none;
}

.phone-number a:hover {
    color: white;
}