body
{font: normal 12px arial;
color:#403e3e;
background:#e9e9e9 url(../images/bg.gif) repeat-x left top;
}

/*Reset Styles!*/
body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
margin: 0;
padding: 0;
border: 0;
}

h1, h2, h3, h4, h5, h6 {
color:#000000;
}

h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.left
{
float:left;
}

.right
{
float:right;
}

.clear
{
clear:both;
}

a:link, a:visited, a:active {
color:#147e9f;
text-decoration:underline;
}

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

}


ul {
list-style-position: inside;}

li {
font:normal 12px arial;
padding:0;
}

/*wrapper*/

#wrapper	{
	width:920px;
	margin:0 auto;
	overflow:auto;
	padding:0 3px;
	background:#FFF;
	}

#header	{
	margin:0 auto;
	width:960px;
	clear:both;
	}

/*top*/
#top	{
	width:920px;
	float:left;
	}

#top h2	{	
	float:left;
	color:#02b6ea;
	font:normal 36px "Trebuchet MS";
	padding:0px 40px 0 5px;
	margin:14px 0 0 13px;
	text-align:left;
	/*background:url(../images/logo.gif) no-repeat left 10px;*/
	}
	
#top h2 span	{	
	font:normal 14px arial;
	color:#666666;
	padding:0 0 0 5px;
	}

.callus	{
	float:right;
	padding:5px 10px 0 0;
	font:normal 12px tahoma;
	text-align:left;
	}


.callus strong{
	font:normal 18px tahoma;
	color:#2ec3f3}
	
.callus span{
	font:normal 26px tahoma;
	color:#e10601}
	
	
/*Navigation*/

.nav	{
	width:920px;
	float:left;
	padding:25px 0 0 0;
	}
.nav ul {
	float:right;
	list-style-type:none;
	padding:0;
	border-top:#e10601 1px  dotted;
	}

.nav li {
	float:left;
	color:#04a9e7;
	padding:5px 20px;
	text-transform:uppercase;
	text-align:center;
	font: bold 14px "Trebuchet MS";
	background:none;
	}
	
.nav li a:link, .nav li a:visited, .nav li a:active {
	color:#04a9e7;
	text-decoration:none;}	
	
.nav li a:hover{
	color:#e10601;
	text-decoration:none;}		
	
.nav li.active {
	float:left;
	color:#e10601;
	padding:5px 10px;
	text-transform:uppercase;
	font:bold 14px "Trebuchet MS";
	background:#26d6fe;
	}	
	
.nav li.active a:link, .nav li.active a:visited, .nav li.active a:active {
	color:#000;
	text-decoration:none;
	}		
	
.nav li.active a:hover{
	color:#959595;
	text-decoration:none;
	}		
		
	
#top img.header	{
	float:left;
	margin:5px 0 0 0;
	}
/*Content*/

#main-content	{
	width:920px;
	float:left;
	padding:7px 0 0 0;
	}
	
#left-content	{
	width:251px;
	float:left;
	}


.services	{
	width:251px;
	float:left;
	background:#f1f1f1;
	}

.services h3	{
	width:219px;
	padding:8px 10px 8px 22px;
	float:left;
	background:#06abd7;
	text-transform:uppercase;
	color:#e10601;
	font: normal 18px "Trebuchet MS";
	margin-top:10px;
	}
	
.services ul	{
	width:183px;
	float:left;
	padding:15px 0 0 24px;
	list-style-type:none;
	}
	
.services li	{
	width:173px;
	float:left;
	text-transform:uppercase;
	color:#15b4df;
	font-weight:bold;
	background: url(../images/services-bul.gif) no-repeat left 7px;
	}
	
.services li a:link, .services li a:visited, .services li a:active 	{
	width:173px;
	float:left;
	padding:4px 0 8px 10px;
	color:#15b4df;
	background:url(../images/seprator-nav.gif) no-repeat 10px bottom;
	text-decoration:none;
	}	
	
.services li a:hover	{
	text-decoration:none;
	color:#e10601
	}				


.contact-us	{
	width:251px;
	float:left;
	padding:0 0 5px 0;
	background:#f1f1f1;
	}


.contact-us h4	{
	width:229px;
	padding:8px 0 8px 22px;
	float:left;
	background:#959595;
	text-transform:uppercase;
	color:#e10601;
	font: normal 18px "Trebuchet MS";
	}

.contact-us form	{
	width:230px;
	float:left;
	padding:5px 0 0 10px;
	margin-bottom:10px;
	}
	

.contact-us form label, .right form label	{
	float:left;
	width:220px;
	padding:5px 0 0 0;
	margin:0;
	clear:both;
	}
	
div.yodlecms_contactform label
	{padding:0!important;margin:0!important;margin-top:5px!important;}
	
.contact-us form label.auto	{
	padding:0;
	margin:0;
	width: auto;
	}		
	
.contact-us form input, .right form input	{
	float:left;
	margin:5px 0 0 0;
	padding:0;
	width:220px;
	background:#FFF;
	border:#cdcdcd 1px solid;
	clear:both;
	}
	
.contact-us form textarea, .right form textarea	{
	float:left;
	margin:5px 0 10px 0;
	width:220px;
	overflow:auto;
	background:#FFF;
	border:#a3afb2 1px solid;
	clear:both;
	}
	
.contact-us form button.btn {
	float:right;
	margin:15px 25px 0 0;
	width:62px;
	background:#a3afb2;
	border: none;
	}					

 .right form button.btn	{
	float:left;
	width:62px;
	background:#a3afb2;
	border: none;
	clear:both;
	}					
	
	
div.yodlecms_contactform input[type=submit],input[type=button],button {
	margin:0!important;
	padding:0!important;
	}

/*Right*/
.right	{
	width:652px;
	float:right;
	margin:0px 0px 5px 0px;
	}
	
.right td {
	width:150px;
	}
	
	
.right h1	{
	font:normal 20px "Trebuchet MS";
	padding:8px 0 8px 13px;
	width:639px;
	background:#06abd7;
	color:#FFF;
	text-transform:uppercase;
	}
	
.right p	{
	padding:10px 0 0 2px;
	}
	
.right p img.welcome	{
	float:right;
	margin:0 10px 0 0;
	}
	
.right img.seprator	{
	float:left;
	margin:10px 0 0 20px;
	}		
.brands{
	margin: 8px 0px 0px 0px;
}		
.action{
	float:left;
	color:#000;
	font:normal 20px tahoma;
	border-top:#089bc2 1px dashed;
	margin:5px 0 0 10px;
	padding:10px 0 0 20px;
	width:620px;
	}
	
.action strong{
	font:bold 20px tahoma;
	color:#e10601;
	}
			
.whyus {
	float:left;
	margin-left:10px;
	width:400px;
	}

.whyus h5	{
	font:normal 18px "Trebuchet MS";
	padding:10px 0 0 0;
	text-transform:uppercase;
	}		
	
.whyus ul{
	float:left; 
	list-style-type:none;
	padding:10px 0 0 0;
	}
	
	
.whyus li{
	color:#089bc2;
	padding:0 0 6px 10px;
	background:url(../images/bul-why.gif) no-repeat left 5px;
	}		
	
.calltoaction	{
	width:223px;
	float:right;
	margin:10px 10px 0 0;
	background:#fae2b9 url(../images/contact-bg.gif) no-repeat left top;
	}
	
.calltoaction p	{
	clear:left;
	padding:10px 10px;
	}	
	
.calltoaction h6	{
	float:left;
	border-bottom:#e10601 1px solid;
	color:#e10601;
	padding:0 0 6px 0px;
	margin:10px 0 0 10px;
	}			
	
/*Footer starts*/

#footer	{	
	width:920px;
	float:left;
	margin:10px 0 0 0;
	background:#f0f0f0 url(../images/footer-rpt.gif) repeat-x left top;;
	padding:10px 0 0 0;
	}	

#footer p	{
	margin:0 auto;
	padding:0 0 15px 0;
	width:800px;
	clear:both;
	color:#02a8d5;
	text-align:center;
	}
	
#footer p.grey	{
color:#7c7c7c;
}



#footer	ul{
	padding:15px 0 10px 2px;
	list-style-type:none;
	text-align:center;
	width:900px;
}

#footer	ul li{
	padding:0 11px 0 11px;
	display:inline;
	border-right: #999999 1px solid;
}
#footer	ul li a{
	color:#7c7c7c;
	text-decoration:none;
	padding:0;
	background:none;
}
#footer	ul li a:link,a:active,a:visited{
	color:#7c7c7c;
	text-decoration:none;
	padding:0;
	background:none;
}
#footer	ul li a:hover{
	color:#0d98be;
	text-decoration:underline;
	padding:0;
	background:none;
}
#footer	ul li.last{
	padding:0 11px 0 11px;
	border-right:none;
}

#footer	ul li.first{
	padding:0 11px 0 0;
	
}

/* form validation error */
.yodlecms_formErrorDiv { margin:5px 0; font-size:12px; color:red;}    
.yodlecms_formError {border:1px solid red!important;}


/* business hours */
.hours {padding: 5px;}
.hours table {font-size: 11px; border: 1px solid #ccc; font-weight: bold; margin:0 auto;}
.hours table td {padding: 3px 10px;}

.service-detail img {padding:6px;}