/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* --------- Styles for ITAL Coachworks Website ------------ */

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, font, 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 {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*-- end reset --*/
.cntr{text-align: center;}
.fltleft{float: left;}
.fltright{float: right;}
.nobrdr{border-left: none; border-right: none;}
.alleft{text-align: left;}
.alright{text-align: right;}
.brdrleft{border-left: 1px solid #eee; padding: 10px 0 10px 20px;}

/*------------------------------------*\
MAIN
\*------------------------------------*/

html { font: normal 14px/24px 'OpenSansRegular', Arial, Helvetica, 'san-serif'; color: #bbb; min-width: 100%;}
body { background: #000 url(../images/topbg.gif) repeat-x; margin: 0 auto; min-width: 100%; color: #bbb;}

/*  fonts
---------------------------------------------------------------------------------------------------*/
@font-face {
font-family: 'OpenSansRegular';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'OpenSansLight';
src: url('fonts/OpenSans-Light-webfont.eot');
src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'OpenSansItalic';
src: url('fonts/OpenSans-Italic-webfont.eot');
src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'OpenSansBold';
src: url('fonts/OpenSans-Bold-webfont.eot');
src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('fonts/OpenSans-CondLight-webfont.eot');
    src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('fonts/OpenSans-CondBold-webfont.eot');
    src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
p strong, li strong{font-family: 'OpenSansBold', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal;}
li em, p em {font-family: "OpenSansItalic"; font-style: normal;}

/* `headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family: 'OpenSansCondensedBold', Arial, 'san-serif'; font-weight: normal;}
h1 {font-size: 48px; }
h1 strong{ display: none; }
h2{font-size: 36px; color: #00deff; margin-top: 30px; text-transform: uppercase; text-align: center; font-weight: normal;}
h3{font-size: 24px; text-transform: uppercase;  }
h3.wbg{text-align: center; background: url(../images/h3bg1.png) top center no-repeat; height: 52px; padding-top: 15px; color: #fff; margin-bottom: 30px;;}
h4{font-size: 21px; color: #990100; text-transform: uppercase; color: #d5c41b;}
h5{font-size: 16px;}
h6{font-size: 16px;}

/* PARAGRAPHS
---------------------------------------------------------------------------------------------------*/
p.intro{font-size: 18px; line-height: 26px;}
p.norm { font-size: 14px; line-height: 22px;}
p.col{font-size: 13px; line-height: 20px;}
p.big{font-size: 16px; line-height: 22px; font-family: 'OpenSansCondensedBold', Arial, 'san-serif'; text-transform: uppercase; }
    p.big strong{color: #0cdeff; font-weight: normal;}
p.address{ font-size: 16px; line-height: 26px;}
p.rht{text-align: right;}
p.cntr{text-align: center;}
p.vbig{font-size: 24px; font-family: 'Chivo', Arial, 'san-serif'; font-weight: 900; text-transform: uppercase; letter-spacing: -1px;}

/* Divs & Ids
------------------------------------------------------------------------------------------------------*/
.wht{color: #fff;}

#topdiv{height: 28px; background-color: #111; border-bottom: 1px solid #222; margin-bottom: 18px; padding-top: 12px;}
#header{width: 100%; height: 160px; background: transparent url(../images/topbg1.gif) repeat-x;}
#header p.col { text-transform: uppercase;  color: #999;}
	#header p.col, #header p.col strong{ font-family: "OpenSansCondensedBold"; font-size: 15px;}
    #header p.col strong{color: #ccc;}
	#header p.cntr{padding-top: 15px; font-size: 18px; color: #999;}

#callout{margin-bottom: 30px;}
#ptitle{margin-bottom: 60px;}
.orngdiv{}
    .orngdiv h3{font-size: 21px; color: #fff;}
.orngdiv p.norm{color: #000;}
.orngdiv ul.smllist li{color: #fff; font-weight: bold; background-image: url(../images/bluedisc.png);}
#logos{width: 396px; height: 144px; background: url("../images/logos1.gif") top center no-repeat; margin-top: 30px;}
#footer{ background: transparent url("../images/footerbg.jpg") top center no-repeat; margin-top: 50px; padding-top: 70px; 
        height: 250px; border-top: 1px solid #222;}
	#footer h5{color: #f68608; text-transform: uppercase; margin-bottom: 15px;}
    #footer .llist{text-align: left; list-style-type: none; font-size: 14px; margin-bottom: 30px;}
		#footer .llist li{text-align: left; margin: 0 0 8px 0px; list-style-type: none; list-style: none; padding: 0;}
		#footer .llist li a{text-decoration: none; color: #eee; font-size: 13px; }
		#footer .llist li a:hover{text-decoration: underline; }
#footer p.col{font-size: 12px; line-height: 18px;}
    #footer p.big{margin-bottom: 30px; }
#footer p.big strong{line-height: 16px; }

    #footer p.col{margin-top: 10px; color: #ccc;}

/*--carousel
-------------------------------------------------------------------------------------------------------*/
.carousel { position:relative; margin: 0 auto; min-height: 20px; height:auto !important; height: 20px; }
	.carousel .next{ display:none; width:27px; height:55px; position:absolute; bottom:70px; right:5px; margin-top:-28px; z-index:9999; cursor:pointer; background:url(../images/next.png) 0 0 no-repeat; }
	.carousel .prev { display:none; width:27px; height:55px; position:absolute; bottom:70px; left:5px; margin-top:-28px; z-index:9999; cursor:pointer; background:url(../images/prev.png) 0 0 no-repeat; }
	.carousel li { display:none;  }
	.carousel li img { }
	.paging { position:absolute; z-index:9998; }
	.paging > a { display:block; cursor:pointer; width:40px; height:40px; float:left; background:url(../images/dots.png) 0px -40px no-repeat; }
	.paging > a:hover,
	.paging > a.current { background:url(images/dots.png) 0px 0px no-repeat;  }

/*logo carousel-----------------------------------	*/
.carousel1 { position:relative; margin: 0 auto; min-height: 20px; height:auto !important; height: 20px; }


/*--lists
-------------------------------------------------------------------------------------------------------*/
ul.smllist{ list-style-type: none; font-size: 14px; line-height: 19px; color: #777; }
ul.smllist li{ text-align: left; margin: 0 0 10px 0; list-style-type: none; background-repeat: no-repeat; background-image: url("../images/reddisc.png");
				background-position: -2px 2px ; padding: 0px 0 0px 16px; }
ul.biglist{ list-style-type: none; font-size: 14px; line-height: 22px; }
ul.biglist li{ text-align: left; margin: 0 0 14px 0; list-style-type: none; background-repeat: no-repeat; background-image: url("../images/reddisc.png");
				background-position: -4px 3px ; padding: 0 0 0 16px; border-bottom: 1px solid #222; }

/* Buttons
---------------------------------------------------------------------------------------------------*/
.gbutton { display: inline-block; font-size: 12px; text-transform: uppercase; text-align: center; outline: none; text-decoration: none; }
.gbutton:hover { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.4s ease; }
.whbtn{ color: #fff; border: 1px solid #fff;}
.orbtn{ color: #f68608; border: 1px solid #f68608;}

/* Image Replacement
---------------------------------------------------------------------------------------------------*/
#logo{  z-index: 1; background-image:url(../images/ital-logo.gif); background-repeat:no-repeat; background-position:center;
text-indent: 0px; text-align: center; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo a{display: block; width: 138px; height: 71px;}

/*--header nav
-------------------------------------------------------------------------------------------------------*/
ul.topnav { list-style:none; float: right;}
ul.topnav li { list-style-type:none; float: left; color:#ccc; display:block; padding:3px 8px 1px; border-right: 1px solid #555; }
ul.topnav li.last{border-right: none;}
ul.topnav li a { font-family: "OpenSansCondensedBold"; font-size: 16px; color:#b46102; text-decoration: none; text-transform: uppercase;}
ul.topnav li a:hover{color: #f68608;}

/*--main nav
-------------------------------------------------------------------------------------------------------*/
.nav1 ul{ float:left; }
.nav2 ul{ float:right; }
.nav1 ul, .nav2 ul {margin-top: 20px;}
.nav1 ul li, .nav2 ul li {float: left; font-family: "OpenSansCondensedBold"; font-size: 20px; color: #666; text-align: center; }
.nav1 ul li a, .nav2 ul li a{text-decoration: none; color: #f68608; text-transform: uppercase; display: block; padding: 12px 7px 10px; border-top: 1px solid #555; border-bottom: 1px solid #555; } 
.nav1 ul li a{margin-right: 8px;}
.nav2 ul li a{margin-left: 8px;}
.nav1 li a:hover, .nav2 li a:hover{ color:#ffaf55; border-top: 1px solid #777; border-bottom: 1px solid #777;}
.nav1 li a.selected, .nav2 li a.selected {color: #f57812; }

/*----------------------------------------Forms--------------------------------------*/
form { width: 980px; margin: 0 auto; margin-bottom: 30px; color: #ccc; font-size: 15px;}
form fieldset { width: 100%; margin-bottom: 30px;  }
form legend{color: #e17903; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
form label { width: 70px; float: left; text-align: right; color:222; margin: 0 5px 30px 0; padding-top: 4px; font-size: 15px;}
form input { float: left; border: 1px solid #333; padding: 8px 4px; margin: 0 20px 15px 0; background-color: #111;  text-align: left; width: 460px;}
form textarea { float: left; width:460px; height:190px; border:1px solid #333; padding-left:0.4em ; overflow:auto;  margin:0 20px 20px 0;
    background-color: #111;  text-align: left; font-size: 14px;}
form input, textarea{font-family: "OpenSansRegular"; color: #ccc;}
.formcapt{color: #999;  font-size: 85%;text-align: left; padding-bottom: 20px; }
form #button1 { height: 33px; width: 470px; margin: 0 0 10px 0; background-color: #ccc; color: #000; border: none; text-align: center; cursor: pointer; text-transform: uppercase; }
	#conp form #button1 {width:460px; }
form #button1:hover{background-color: #eee; }
form br{clear: both;}
form .addr{ width:0px; visibility:hidden;}
form input.fll{float: left; margin-right: 20px;}
/* Home
---------------------------------------------------------------------------------------------------*/
.sshow { margin: 0 auto; width: 974px; height: 505px; margin-bottom: 30px; position: relative; overflow: auto; }
#homp .spacer1{height: 50px;}
#homp .spacer2{height: 100px;}
#homp .spacer3{height: 20px;}
#homp h3{font-size: 28px;}
#homp .whbtn, #homp .orbtn{width: 120px; padding: 1px 4px;}
#homp .whbtn:hover {border: 1px solid #fff; background-color: #f57812; color: #fff;}
#homp #callout {background: transparent url("../images/orangebg1.jpg") center top no-repeat; height: 635px; }
#homp #callout h3{margin:0 0 20px;} 
#homp #callout h4{margin:0 0 30px;}
#homp #callout h4{border-right: 6px solid #f68608;}
#homp p.norm{padding-bottom: 20px;}
#homp #callout p.col{padding: 0 50px 0 0;}
#gal img{border: 1px solid #777;}

/* Accident Repairs
---------------------------------------------------------------------------------------------------*/
#acrp #ptitle{height: 270px; background: transparent url("../images/carbg1.jpg") top center no-repeat;}
#acrp #callout{height: 322px; background: #e17903 url("../images/blackbg2.png") top center no-repeat; margin-bottom: 80px;}
#acrp #callout p.norm{padding-top: 35px;}

/* Smart Repairs
---------------------------------------------------------------------------------------------------*/
#smrp #ptitle{height: 270px; background: transparent url("../images/carbg1.jpg") top center no-repeat;}
#smrp #callout{height: 322px; background: #e17903 url("../images/blackbg2.png") top center no-repeat; margin-bottom: 80px;}
#smrp #callout p.norm{padding-top: 25px;}
#smrp #callout h4{padding-top: 40px;}
#smrp .biglist li{border-bottom: none; margin-top: 15px;}

/* Estimate
---------------------------------------------------------------------------------------------------*/
#estp p.cntr{line-height: 24px; padding-bottom: 30px;}
#estp form#estimate #button1{margin-top: 20px;}

/* Customisation
---------------------------------------------------------------------------------------------------*/
#cstp #ptitle{height: 270px; background: transparent url("../images/carbg1.jpg") top center no-repeat;}
#cstp #callout{height: 322px; background: #e17903 url("../images/blackbg2.png") top center no-repeat; margin-bottom: 80px;}
#cstp #callout p.norm{padding-top: 25px;}
#cstp #callout h4{padding-top: 40px;}
#cstp ul.biglist{padding-top: 30px;}
#cstp .spacer1{height: 60px;}

/* Testimonial -Why Ital
---------------------------------------------------------------------------------------------------*/
#tstp  #ptitle{height: 300px; background: transparent url("../images/carbg2.jpg") bottom center no-repeat;}
#tstp .brdrleft{border-left: 1px solid #333;}
#tstp h3{text-align: center; margin-bottom: 30px;}
#tstp p.norm{font-size: 13px; line-height: 23px; padding-right: 15px; padding-bottom: 10px; color: #f68608; }
	#tstp p.norm strong, #tstp p.norm em{color: #aaa; font-size: 14px;}
#tstp .spacer2{height: 20px; padding: 5px 0 5px 20px;}

/* About Us
---------------------------------------------------------------------------------------------------*/
#abtp  #ptitle{ background: transparent url("../images/carbg.jpg") bottom center no-repeat;}
#abtp h3{margin-bottom: 20px;}
#abtp p.cntr{padding-bottom: 30px; line-height: 24px;}
#abtp p.norm{padding: 0 30px 20px 0;}
#abtp h4{margin-bottom: 5px; font-size: 18px;}
#abtp .spacer1{height: 40px;}
#abtp .spacer2{height: 45px;}
#abtp .orngdiv{height: 386px; background: transparent url("../images/orangebg1.png") top center no-repeat;}
#abtp .orngdiv h3{margin-bottom: 10px;}
#abtp .orngdiv p.norm{padding-bottom: 10px; font-size: 14px; line-height: 22px;}
#abtp .orngdiv .smllist li{margin-bottom: 7px;}

/* Gallery
---------------------------------------------------------------------------------------------------*/
#galp .galdiv{margin: 0 auto; max-width:960px;}
#galp .galdiv h3{text-align: center; padding: 10px 0 7px; color: #fff; background-color: #1a1a1a; margin-bottom: 15px;}

/* Contact
---------------------------------------------------------------------------------------------------*/
#conp #callout{margin-bottom: 60px;}
#conp form input, #conp form textarea{width: 290px;}
#conp form #button1{width: 300px; margin-top: 15px;}
#conp #contact textarea{height: 100px;}
#conp .brdrleft{padding-top: 0; border-left: 6px solid #333; }
#conp h3{margin-bottom: 30px;}
#conp p.norm{padding: 0 30px 30px 0;}
#conp p.address{padding-bottom: 30px;}
#conp h4{margin-bottom: 10px; color: #e17903;}