/*
Theme Name:Appliance repair
Theme URI:
Version: 1.0
Description: 2 Column theme 
Author: Webdesigncut
Author URI: http://www.webdesigncut.com 
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
	line-height: 20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color:#8d8d8d;
   background: #f9f9f9 url(../img/body_bg.jpg) repeat-x;
 }
 
 @media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
 body {
 background: red;
 }
}
 body.inner_bg {
	line-height: 20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color:#8d8d8d;
   background: #f9f9f9 url(../img/body_bg2.jpg) repeat-x;
 }
 a { text-decoration: none;color:#000;}
a:hover { text-decoration: underline; }
.right{float:right;}
.left{float:left;}
.clear { clear: both; }

*:focus   
{   
    outline: none;   
}   
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.container {
	width: 990px;
    margin:0 auto;
	text-align: left;
	
}
#top-header { 
	background:none;
	height:120px;
	width:100%;
	margin:0;
	padding:0;
 }
 .logo{
	width:321px;
	height:81px;
	display:block;
	float:left;
	margin: 20px 0 0 0px;
	padding:0;
	background:url(../img/logo.png)  center  left no-repeat;
}
.logo a{
	width:321px;
	height:81px;
	display:block;
	}
	
	.top_head_rght{
float:right;
width:320px;
margin:0px 0 0  10px;
height:110px;
background:none;
padding:22px  0 0 0;
}
p.phone{font-family:"museo sans",arial,helvetica,sans-seriff;font-size:18px;color:#87c631;float:right;margin:10px 0 0 0;}
}
span.grey{font-family:"museo sans",arial,helvetica,sans-seriff;font-size:18px;color:#616161;}
p.app{float:right;color:#214a82;font-size:18px;}

.content{
	margin:0;
	padding:0;
	background:none;
     width:100%;
	
}

.one_third{
	width:288px;
	margin:30px   2px 0  20px;
	padding:5px;
	float:left;
	height:280px;
	background:none;
}
.rght_con{
	width:288px;
	margin:80px   2px 30px  20px;
	padding:5px;
	float:left;
	background:none;
}
.left_con{
	width:610px;
	margin:80px   2px 0  20px;
	padding:5px;
	float:left;
	background:none;
}
h2.inner_hd{font-size:18px;color:#fff;margin:15px 0  0  25px;text-transform:uppercase;float:left;}
img.inn_img{float:right;margin:0 0px 10px  8px;}
.one_col_home{width:100%;margin:0;padding:25px;height:200px;background:none;margin:115px 0 0 0;}
.third_img{margin:30px 0 0 -4px;height:140px;width:298px;}
/*topnav*/
.nav{background:url(../img/nav.png)  center  left no-repeat;margin:0px auto;width:971px;height:58px;display:block;}

h4.thrd_hd{font-family: "Trebuchet MS", sans-serif;font-size:16px;padding:0 10px 0 0;color:#84c02c;font-weight:700;}
.shadow{width:615px;height:45px;background:url(../img/shadow.jpg)  no-repeat;margin:0px auto;}

a.more {
	
	color:#043a69; display:block; 
	padding-right:6px; 
	text-decoration:none; 
	height: 35px; line-height: 35px; 
	font-size:11px;
    margin:-9px 0 0 0;
	 text-align: center;
	 float:right;
	 font-weight:700;
 }
	a.more:hover { color:#000; }
  /*=======================================================
			Css Style For Navigation
=======================================================*/
#tabs8 {
	padding:5px 0px 2px 40px;
	float:left;
	font-family:"trebuchet MS";
	font-size:16px;
	line-height:44px;
}
#tabs8 ul {
	margin:-6px 0 0 0;
	padding:0px;
	list-style:none;
}
#tabs8 li {
	margin:0px;
	padding:0px;
	display:inline;
	line-height:34px;
	color:#000000;
}
#tabs8 a {
	margin:0;
	float:left;
	font-size:14px; color:#ffffff;
	line-height:34px;
	padding:0px 10px 0px 6px;
}
#tabs8 a span{
	padding:11px 15px 0px 10px;
	float:left;
	display:block;
	line-height:23px;
	color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span{
	float:none; 	
	line-height:23px;
	height:23px;
}
/* End IE5-Mac hack */
#tabs8 a:hover span{
	color:#591333;
	line-height:23px;
	font-size:14px; 
	color:#ffffff;
	height:23px;
}
#tabs8 a:hover{
	background:url(../img/navileft.png) no-repeat left center;
	line-height:34px;
	font-size:14px; 
	color:#ffffff;
	text-decoration:none;
}
#tabs8 a:hover span{
	background: url(../img/navirigh.png) no-repeat right center;
	line-height:23px;
}
#tabs8 #current a{
	background:url(../img/navileft.png) no-repeat left center;
	line-height:34px;
	font-size:14px; 
	color:#ffffff;
}
#tabs8 #current a span{
	background:url(../img/navirigh.png) no-repeat right center;
	line-height:23px;
	font-size:14px;
	color:#ffffff;
}
/*list*/
ul.list_1{width:285px;margin:0 0 0 10px;}
.list_1 li {
	background:url(../images/list_1-marker.gif) left 12px no-repeat;
	padding:0px 0 0px 15px;
	line-height:2.5em;
	font-family: "Trebuchet MS", sans-serif;font-size:14px;
	font-weight:700;
}

	.list_1 li a {
		color:#27669e;
		text-decoration:none;
	}
	.list_1 li a:hover {
		text-decoration:none;
		color:#000;
	}
		.list_1 li ul {
			padding-left:16px;
			padding-top:0px;
		}
			.list_1 li ul li {
				background:url(../images/list_1-marker1.gif) left 6px no-repeat;
				padding:0 0 0 14px;
				font-size:1em;
				line-height:1.428em;
				margin:0;
			}
	.list_1 li ul	li.li_hd{color:#84c02c;font-size:16px;font-weight:700;}	
	
	
	
ul.chos li {
list-style:disc;
}
.testi{margin:0 0 25px 0;}
.test_auth{float:left;font-weight:700;color:#000;}
.qote1{font-size:34px;float:left;}
.qote2{font-size:34px;float:right;}
/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/
.featured_container{
	width:1000px;
	height:309px;
	margin:0px auto;
	 background: url(../img/fet_bg.png) no-repeat  top center; 
}
/*svideo slider*/
div#nav{
	position:absolute;
	margin:340px 0 0  850px;

	width:200px;
	height:30px;
	z-index:999999;
}
div#nav a.activeSlide{
	width:14px;
	height:24px;
	padding:0 5px  0   5px;
	background:url(../images/slider_nav.png) -2px   -4px  no-repeat;
	text-indent:-9999px;
	color:#fff;
		display:block;
		float:left;
}
div#nav a{
	width:18px;
	height:24px;
	padding:0 5px  0   5px;
	background:url(../images/slider_nav.png)  -25px   -4px  no-repeat;
		display:block;
		float:left;
	text-indent:-9999px;
}
ul.slide {
position: relative;
width: 961px;
height: 285px;
margin: 15px 0 0 17px;
display: block;
overflow: hidden;
padding: 0 0 0 0px;
}
.sl_img{margin:5px 0 0 0;}

/* Examples - Tiny Carousel */
h4.car_hd{font-size:16px;font-weight:700;color:#214a82;margin:0 0 20px 8px;}
#slider2 { height: 1%; overflow:hidden; position: relative; padding: 0 0 10px;   }
#slider2 .viewport { float: left; width: 880px; height: 125px; overflow: hidden; position: relative;margin:0px 0px 0px 30px; }
#slider2 .buttons { background:orange url ("../img/buttons0.png") no-repeat scroll 0 0 transparent; display: block; margin: 50px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }

#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}
#slider2  a.prev { background:url(../img/left.png)  0px   0px  no-repeat;display:block;width:25px;height:25px; }
#slider2  a.next { background:url(../img/left.png)  0px   -24px  no-repeat;display:block;width:25px;height:25px; }

/*------------------------------------------------*/
/*---------------------[CONTACT FORM]-------------------*/
/*------------------------------------------------*/	
	#contact-wrapper2 {
	width:288px;
	margin:30px   2px 0  20px;
	padding:5px;
	float:left;
	height:280px;
	background:none;
	
}
#contact-wrapper2 div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper2 label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
	color:#27669e;
	font-weight:700;
}
form#contactform2 input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform2 textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}



#contact-wrapper3 {
	width:288px;
	margin:0px   2px 0  20px;
	padding:5px;
	float:left;
	background:none;
	
}
#contact-wrapper3 div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper3 label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform3 input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform3 textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}


#contact-wrapper {
	width:435px;
	padding:20px;
	margin:0 0  100px 0;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer{
	height:86px;
	width:100%;
	background:none;
	margin:0px  0 0  0;
	padding:0;
	color:#000;
}
.foo_left{
float:left;
width:256px;
height:86px;
background:url(../img/foo_logo.png)   no-repeat;
margin:35px 0 0 0;
}
.foo_rght{
float:right;
margin:35px 0 0 0;
color:#fff;
width:602px;
height:86px;
background:none;
}
p.copy{float:right;margin:10px 10px 0 0;color:#8d8d8d;}
span.sep{padding:0  0px  0  10px;}
ul.foo_lower {
	float:right;
	margin:-55px 0 0 0;
	padding:0;
}
	p.web{float:right;color:grey;font-size:10px;}
		p.web a{color:grey;font-size:10px;text-decoration:none;}
ul.foo_lower li {
float:left;
	margin:0px;
	padding:0;
}
ul.foo_lower li a {
    background:url(../images/sep.png) no-repeat 0px 8px;
	height:38px;
	display:block;
	margin:60px 1px 0 0;

	padding:0px 10px 0 10px;
	color:#8d8d8d;
	font-size:12px;
	line-height:30px;
	
	
}
ul.foo_lower li a:hover {
    background:url(../images/sep.png) no-repeat 0px 8px;
	height:38px;
	display:block;
	margin:60px 1px 0 0;
	
	padding:0px 10px 0 10px;
	color:#000;
	font-size:12px;
	line-height:30px;
	
	text-decoration:none;
	
	}
	ul.foo_lower li a.first {
    background:url(../images/sep.png) no-repeat 0px -100px;
	height:38px;
	display:block;
	margin:60px 1px 0 0;

	padding:0px 10px 0 10px;
	color:#fff;
	font-size:12px;
	line-height:30px;
	
	
}
	ul.foo_lower li a.first:hover {
    color:#fff;
	}