@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th, li, ul, p { font-family:Helvetica, Arial, sans-serif; font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
#omniture, #top { position: absolute; top: 0; }
header, footer, section, aside, nav, article {display: block;}

/*Body*/
body { margin: 0 auto; background-color: transparent; }
header { width:100%; background:url(../gfx/header-bg.png) repeat-x #056f00; height:55px; }
h2 a#logo { width:940px; margin:50px auto; height:52px; position:relative; background:url(../gfx/da-tyre-auto-pontefract.png) no-repeat #FFF; text-indent:-9999em; display:block;}
#main { width: 960px; margin:50px auto; background:url(../gfx/tyres.jpg) no-repeat left top; overflow:hidden;}
#main #content { width:646px; float:right; margin:20px 0px 0 0;}
#main #content #home { width:646px; background:url(../gfx/tyres-home.jpg) no-repeat right; height:270px;}
#main #content #other { width:620px; min-height:280px; margin:0 10px 0 0; float:right;}
#main #services { width: 940px; margin:50px 6px 0; height:114px; float:right;}
#main #services .box { width:266px; height:74px; padding:20px; float:left; background:url(../gfx/services-bg.png) no-repeat;}
#main #services .box-margin { margin:0 11px;}
#main #welcome { width: 940px; margin:50px 6px 0; float:right;}
#main #welcome #l { width:488px; border-right:2px solid #056e00; padding:0 20px 0 0; float:left;}
#main #welcome #r { width:390px; float:left; padding:0 0 0 40px;}
#main #welcome #r ul { float:left; padding:0 10px 0 0px; margin:10px 10px 0 10px; width:90px; line-height:2em;}
#main #welcome #r ul li { padding:0 0 0 18px; background:url(../gfx/services-list.png) no-repeat 0px 9px; color:#7f7f7f;}
nav { height:43px; width:646px; background:url(../gfx/menu-bg.png) no-repeat #056f00; margin:0 6px 0 0; float:right; }
nav ul { padding:12px 0 0 0; text-align:center;}
nav ul li { display:inline; margin:0; padding:0 21px 0 20px; background:url(../gfx/menu-divider.png) no-repeat right center;}
nav ul li a { color:#fff; font-size:1em; text-decoration:none; text-shadow:1px 1px 10px #333;}
nav ul li a:hover { text-decoration:underline;}
nav ul li a.current { text-decoration:underline;}
#other ul { margin:10px 0 0 20px; color:#7F7F7F; font-size:0.9em;}
#other ul li { margin:10px 0 0 0; line-height:1.6em;}
#other ul li a { color:#7F7F7F; text-decoration:underline;}
#other ul li a:hover { text-decoration:none;}

footer { width:100%; background:url(../gfx/header-bg.png) repeat-x #056f00; height:55px; margin:50px 0 20px 0; }
footer #holder {width: 940px; margin:0 auto; }
footer #holder #left, footer #holder #right {width: 470px; height:55px; }
footer #holder #left { float:left;}
footer #holder #right { float:right;}
#copyright { width:940px; margin:auto; margin:0 auto 20px auto; overflow:hidden;} 
#copyright #address, #copyright #trade {width: 470px; }
#copyright #address { float:left;}
#copyright #trade { float:right; text-align:right;}

/*Forms*/
form { margin:20px 0 0px 0; padding:10px 40px; float:left; width:500px;}
fieldset { border:1px solid #7f7f7f; padding:0 20px 20px;}
.no-margin { margin:0;}
form input, form textarea { padding:10px; margin:20px 0 0; font-family:Helvetica, Arial, sans-serif; font-size:0.9em; color:#7f7f7f; border:1px solid; width:436px;}
#other form p { margin:10px 0 0 0;}
input#submit {float:right; width:192px; height:42px; padding:0; border:0;}
textarea { height:100px;}

/*Type*/
header h1 {color:#fff; display:block; width:940px; margin:0 auto; padding:16px 0 0 0; font-size:0.9em;}
#services h3 { font-size:1.4em; font-style:italic; background:url(../gfx/services-tick.png) no-repeat right; padding-right:20px; color:#fff; text-shadow:1px 1px 10px #333333;}
#main #services .box p { color:#fff; font-size:0.9em; padding:0 0 0 4px; margin:10px 0 0 0;}
#main #services .box p a { color:#fff; text-decoration:underline;}
#main #services .box p a:hover { text-decoration:none;}
#main #welcome h4 { font-size:1.6em; color:#056f00; font-style:italic;}
#main #welcome p { color:#7f7f7f; line-height:1.6em; font-size:0.9em; margin:10px 0 0 0;}
footer p { color:#fff; font-size:0.8em; margin:4px 0;}
footer p a { color:#fff; font-size:1em; text-decoration:none;}
footer p a:hover { text-decoration: underline;}
#main #welcome #r ul li a { color:#7f7f7f; text-decoration:underline; font-size:0.9em;}
#main #welcome #r ul li a:hover { text-decoration: none;}
#other h3 { font-size:1.4em; font-style:italic; padding-right:20px; color:#056f00;}
#other p { color:#7f7f7f; line-height:1.6em; font-size:0.9em; margin:10px 10px 0 20px;}
#copyright #address p, #copyright #trade p {font-size:0.7em; color:#7F7F7F;}
#welcome p a { text-decoration: underline; color:#7F7F7F;}
#welcome p a:hover { text-decoration:none;}

/*Classes*/
.float-left { float:left;}
.float-right { float:right;}
.text-r { text-align:right;}
.footer-margin { margin:12px 0 0 0;}
.end-nav { background: none;}