@charset "utf-8";

body {
	margin:0;
	padding:0;
	width:100%;
	background:#ffffff url(../images/header_line_bg.gif) repeat-x top;
	text-align: left;
}
html { padding:0; margin:0;}

/*.main { margin:0 auto; padding:0; background:url(http://lyonsautobody.com/images/header_bg2.jpg) center 126px no-repeat;}*/
.main { margin:0 auto; padding:0;}

/********** header **********/
.header { padding:0; margin:0 auto; width:962px;}

/********** logo **********/
.logo {
	padding:0;
	margin:0;
	width:383px;
	float:left;
}

/********** Top Line **********/
.top_line {
	width:960px;
	height:50px;
	color:#999999;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.top_line .support { float:left; padding:8px 0; line-height:19px;}
.top_line .support span { font-weight:bold; color:#e8f5f9;}
.top_line .hours { float:right; padding:8px 0; line-height:19px;}
.top_line .hours span { font-weight:bold; color:#e8f5f9;}
.top_line .icons { float:right; padding:8px 0px 2px 20px; line-height:19px;}
.top_line .icons li{ display:inline;}
.top_line .feebback img { float:left; padding:0 2px;}

/********** menu **********/	
* {margin: 0px; padding:  0px;}

#content {
	width: 100%;
	height: 70px;
}

#nav {
	background: url(../images/navi.png);
	height: 39px;
	width: 566px;
	margin: 0px auto;
	position: relative;
	float: right;
	top: 2px;
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 38px;
	display: block;
}

#nav span {display: none;}

#list1 { width: 70px; }
#list2 { width: 81px; }
#list3 { width: 70px; }
#list4 { width: 93px; }
#list5 { width: 70px; }
#list6 { width: 80px; }
#list7 { width: 99px; }

#list1 a:hover {
      background: url(../images/navi.png) 0px -38px no-repeat;
}

#list2 a:hover {
      background: url(../images/navi.png) -70px -38px no-repeat;
}

#list3 a:hover {
      background: url(../images/navi.png) -151px -38px no-repeat;
}

#list4 a:hover {
      background: url(../images/navi.png) -221px -38px no-repeat;
}

#list5 a:hover {
      background: url(../images/navi.png) -314px -38px no-repeat;
}
#list6 a:hover {
      background: url(../images/navi.png) -384px -38px no-repeat;
}
#list7 a:hover {
      background: url(../images/navi.png) -464px -38px no-repeat;
}

/* Banner */
.itemContainer {
	margin: 5px auto 0px auto ;
	width: 960px;
	height: 350px;	
}

/* body */
.body {
	width:960px;
	padding:0;
	margin:0 auto;
	background-color: #FFF;
}

.body h2 {
	color:#666;
	padding:15px 5px 0 0;
	margin:0 0 5px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.body h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0;}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#848484;
	line-height:1.8em;
	padding:5px 0;
	margin:0 0 0 5px;
	-webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: none;
}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a {
	color:#F00;
	text-decoration:underline;
}
.body ul.list { padding:0; margin:0; list-style:none;}
.body ul.list li { float:left; width:50%; padding:3px 0;}
.body img { margin:5px auto; padding:5px; background:#FFF; border:1px solid #d4d4d4;}
.body img.noborder { border:0; padding:0; margin:10px 10px 0 0;}
.body img.none { float:none; margin:5px 5px 5px 0; padding:0; border:none; background:none;}
.body img.gall { float:none; margin:0; padding:0; border:none; background:none;}
.body img.f_left { float:left;}
.right {
	width:280px;
	margin:5px15px 0 0;
	padding:0 40px 0 0;
	float:right;
}
.list {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#848484;
	line-height:1.4em;
	padding:5px 0;
	margin:0 0 0 15px;
	-webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: none;
}	
.left {
	width:605px;
	margin:10px 0px;
	padding:0 15px 0 15px;
	float:left;
}
.gallery {
	width:930px;
	margin:10px 0px;
	padding:0 15px 0 15px;
	float:left;
}
.photo { display:block; padding:0px 0px 0px 0px; margin:10px;}

.port {
	width:280px;
	margin:10px 0 0 5px;
	padding:0 15px 0 15px;
	float:left;
}
.portwide {
	width:600px;
	margin:10px 0 0 5px;
	padding:0 15px 0 15px;
	float:left;
}
.portwide2 {
	width:240px;
	margin:10px 0 0 5px;
	padding:0 15px 0 15px;
	float:left;
}
.last {
	padding:0 10px 0 10px;
}
.port ul { list-style:none; margin:10px 0; padding:0;}
.port li { color:#1d2024; font: normal 12px Arial, Helvetica, sans-serif; padding:5px 0 5px 15px; background:url(http://lyonsautobody.com/images/ul_li.gif) left no-repeat; margin:0; border-bottom:1px solid #e8e8e8;}


/*************footer**********/
.mainfooter {
	width:100%;
	background-color: #000;
}	
.footer {
	width:960px;
	padding: 20px 0px;
	margin:0 auto;
	background-color: #000;
}
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#707070;}
.footer a {
	color:#F00;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.footer p.right { 
	text-align:right; 
	width:350px; 
	margin:0; 
	padding:10px 0px; 
	float:right;
} 
.footer p.left {
	text-align:left;
	width:400px;
	margin:0;
	padding:10px 10px;
	float:left;
}

p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	background:color
:#00000;}
.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}

/**********Slider**********/
#slider {
	width:960px;
	padding:0px 0 46px;
	margin:0 auto;
}
#slider .flash_slider { width:960px; height:359px; margin:0; overflow:hidden;}

.column1 {
	float:left;
	width:540px;
	margin:0px;
	padding: 10px 45px;
}

.column2 {
	float:left;
	width:300px;
	padding: 5px 5px;
	margin: 0;
}

.nivoSlider {
    position:relative;
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}