html { margin: 0px; } 

html>body {
height: 100%;
}

body { 
background: url('images/bg.jpg');
text-align: left; 
margin: 0px; 
padding: 0px; 
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;

}

/*******************divs *******************/

#header { 
background: url(images/header.png) repeat-x;
height: 10px; 
margin: 0px 0px 10px 0px; 
padding: 0px; 
} 

#logo { 
background: url(images/logo.jpg) no-repeat;
height: 221px; 
width: 490px;
display: block;
margin: 0px auto; 
padding: 0px; 
} 

#wrapper{ 
 margin: 0px auto;  /* to fix centering in Mozilla */ 
 text-align: left; 
 width: 960px;    
 voice-family: "\"}\""; 
 voice-family:inherit; 
} 
 html>body #wrapper { width: 960px; }
 
#navigation{
background: url(images/navigation.png)  no-repeat;
height: 82px;
width: 822px;
margin: 20px auto;
padding: 0px ;
}  

.slider-wrapper {
background:url(images/slider-container.png) no-repeat;
width:612px;
height:312px;
margin:0px auto;
padding: 26px 0px 0px 0px ;
    
}

#slider {
width:560px;
height:260px;
margin: 0px 0px 0px 26px;
}

#slider img {
width: 560px;
height: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#tagline{
background: url(images/tagline.png)  no-repeat;
height: 193px;
width: 960px;
margin: 0px auto;
padding: 0px ;
} 

#about-heading{
background: url(images/about-us-tab.png)  no-repeat;
height: 79px;
width: 960px;
margin: 20px auto;
padding: 0px ;
} 

#about{
float: left;
width: 445px;
margin: 60px 0px 0px 0px; 
padding: 0px;

} 

#insurance{
background: url(images/insurance.png)  no-repeat;
float: left;
width: 405px;
height: 123px;
margin: 0px 0px 0px 0px; 
padding: 0px;

} 

#why{
float: right;
width: 405px;
margin: 60px 0px 0px 0px; 
padding: 0px;

} 

.page-break { 
background: url(images/page-break.png) repeat-x;
height: 2px; 
margin: 40px 0px 40px 0px; 
padding: 0px 0px 0px 0px; 
} 

#footer { 
background: url(images/footer.jpg) repeat-x;
height: 266px; 
margin: 80px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

#footer a{
color: #019440;
text-decoration: none;
}

#footer a:hover{
color: #f5f5f5; 
text-decoration: none;
}

#footer-wrapper{ 
 margin: 0px auto;  
 padding: 20px 0px 0px 0px;
 text-align: left; 
 width: 960px;    
 voice-family: "\"}\""; 
 voice-family:inherit; 
} 
 html>body #footer-wrapper { width: 960px; }
 
.footer-page-break { 
background: url(images/footer-line.png) repeat-x;
height: 2px; 
margin: 20px 0px 20px 0px; 
padding: 0px 0px 0px 0px; 
} 

#footer-seo {
text-align: center;

}


#tracker {
text-align: center;

}


#contact{
float: left;
width: 425px;
margin: 60px 0px 0px 0px; 
padding: 0px;
} 


tr{
color: #494949;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
letter-spacing:0.1px;
 
}

#contact-heading{
background: url(images/contact-us-tab.png)  no-repeat;
height: 79px;
width: 960px;
margin: 20px auto;
padding: 0px ;
} 

#contact-details{
float: left;
width: 397px;
margin: 60px 0px 0px 136px; 
padding: 0px;

}

#mail-details{
float: left;
width: 397px;
margin: 20px 0px 0px 136px; 
padding: 0px;

}


.phone{
background: url(images/phone-bg.png)  no-repeat;
width: 397px;
height: 98px;
float: left;
margin: 0px 0px 0px 0px; 
padding: 0px;

}

.mail-ad{
background: url(images/mail-bg.png)  no-repeat;
width: 397px;
height: 98px;
float: left;
margin: 0px 0px 0px 0px; 
padding: 0px;

}

#construction { 
display: block;
margin: 45px auto; 
padding: 0px 0px 0px 50px; 
} 

#colours{
float: left;
width: 960px;
margin: 60px 0px 0px 0px; 
padding: 0px;

} 

#col1{
float: left;
width: 213px;
margin: 20px 35px 0px 0px; 
padding: 0px; 
}


#col2{
float: left;
width: 213px;
margin: 20px 35px 0px 0px; 
padding: 0px; 
} 

#col3{
float: left;
width: 213px;
margin: 20px 35px 0px 0px; 
padding: 0px; 
} 

#col4{
float: left;
width: 213px;
margin: 20px 0px 0px 0px; 
padding: 0px; 
} 

#colours-heading{
background: url(images/colours-tab.png)  no-repeat;
height: 79px;
width: 960px;
margin: 20px auto;
padding: 0px ;
} 

.col-bg{
background: url(images/col-bg.png)  no-repeat;
float: left;
height: 250px;
width: 213px;
margin: 20px 0px 40px 0px; 
padding: 0px; 
}

#col-info{
float: left;
width: 425px;
margin: 60px 110px 0px 0px; 
padding: 0px;

}

#col-info-right{
float: right;
width: 425px;
margin: 60px 0px 0px 0px; 
padding: 0px;

}


#patterns-heading{
background: url(images/patterns-tab.png)  no-repeat;
height: 79px;
width: 960px;
margin: 20px auto;
padding: 0px ;
} 

#patterns{
float: left;
width: 960px;
margin: 60px 0px 0px 0px; 
padding: 0px;
} 

#pat1{
float: left;
width: 181px;
margin: 20px 76px 0px 0px; 
padding: 0px; 
}

#pat2{
float: left;
width: 181px;
margin: 20px 76px 0px 0px; 
padding: 0px; 
}

#pat3{
float: left;
width: 181px;
margin: 20px 76px 0px 0px; 
padding: 0px; 
}

#pat4{
float: left;
width: 181px;
margin: 20px 0px 0px 0px; 
padding: 0px; 
}

#pat5{
float: left;
width: 181px;
margin: 20px 35px 0px 0px; 
padding: 0px; 
}

#gallery-heading{
background: url(images/gallery-tab.png)  no-repeat;
height: 79px;
width: 960px;
margin: 20px auto;
padding: 0px ;
} 

#process-heading{
background: url(images/process-tab.png)  no-repeat;
height: 79px;
width: 960px;
margin: 20px auto;
padding: 0px ;
} 

#pro{
float: left;
width: 960px;
margin: 60px 0px 0px 0px; 
padding: 0px;
} 

#survey-right{
float: right;
width: 418px;
margin: 0px 0px 0px 0px; 
padding: 200px 0px 600px 0px;
} 

#prep-right{
float: right;
width: 418px;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
} 


#formulation-right{
float: right;
width: 418px;
margin: 0px 0px 0px 0px; 
padding: 270px 0px 0px 0px;
} 

#wash-right{
float: right;
width: 418px;
margin: 0px 0px 0px 0px; 
padding: 60px 0px 0px 0px;
} 

#gallery{
float: left;
width: 960px;
margin: 60px 0px 0px 0px; 
padding: 0px;
}

.clear { clear: both; }

/*******************divs *******************/

/*******************lists *******************/

/*******************navigation *******************/
ul#nav{  
font: bold 1.2em 'Trebuchet MS', arial, verdana, georgia, times, serif ;
width:822px;  
height: 82px;  
margin: 0px auto; 
padding: 30px 0px 0px 0px; 
list-style: none;  
}  

ul#nav li{  
display: inline;  
}  

ul#nav a{
color: #494949;
margin: 16px; 
padding: 10px 0px 10px 20px;
text-decoration: none;
}

ul#nav a:hover{
color: #fff; 
text-decoration: none;
}

ul#nav #current a{ 
color: #fff;  
text-decoration: none;    
}
/*******************navigation *******************/

/*******************qualities*******************/
ul#qualities{ 
background: url(images/why-choose.png)  no-repeat; 
font: bold 1em 'Trebuchet MS', arial, verdana, georgia, times, serif ;
color:#fff;
width:405px;  
height: 692px;  
margin: 0px auto; 
padding: 0px 0px 0px 0px; 
list-style: none;  
}

ul#qualities li {
font: bold 'Trebuchet MS', arial, verdana, georgia, times, serif ;
font-style: italic;
margin: 0px auto; 

}

li#quality1{
font-size:1em;
padding: 20px 5px 30px 100px;  
}

li#quality2{  
font-size:1em;
padding: 25px 5px 30px 100px;  
}

li#quality3{ 
font-size:0.9em;
padding: 20px 5px 30px 100px;   
}

li#quality4{
font-size:1em;
padding: 5px 5px 30px 100px;    
}

li#quality5{
font-size:1em;
padding: 15px 5px 30px 100px;    
}

li#quality6{
font-size:1em;
padding: 20px 5px 30px 100px;    
}

li#quality7{ 
font-size:1em;
padding: 25px 5px 30px 100px;   
}

li#quality8{ 
font-size:1em;
padding: 25px 5px 30px 100px;   
}

 

/*******************qualities*******************/

/*******************footer-navigation*******************/
ul#footer_nav{  
list-style: none;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} 

ul#footer_nav li { 
font: 'Trebuchet MS', arial, verdana, georgia, times, serif ;
font-size: 0.9em;
display: inline;
width: 960px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} 

#footer_nav a{
color: #019440;
margin: 0px 15px 0px 0px; 
padding: 0px ;
text-decoration: none;
}

#footer_nav a:hover{
color: #f5f5f5; 
text-decoration: none;
}

#footer_nav #selected a{ 
color: #494949;  
text-decoration: none;    
}



/*******************footer-navigation*******************/

ul#colour{  
font: 1em 'Trebuchet MS', arial, verdana, georgia, times, serif ;
font-style: italic;
color:#494949;
width:425px;  
margin: 10px 0px 0px 40px; 
padding: 0px 0px 10px 0px; 
list-style-image: url(images/list-tick.png);
}  

ul#colour li{  
margin: 0px 0px 0px 0px; 
padding: 8px 0px 0px 0px; 
  
} 


/*******************lists *******************/

/*******************text *******************/

 h1.about {
background: url('images/welcome-to-dee-print-driveways.png') no-repeat; 
width: 405px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 0px;
}

 h1.contact {
background: url('images/get-in-touch.png') no-repeat; 
width: 405px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 0px;
}

 h1.colours {
background: url('images/colours.png') no-repeat; 
width: 405px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 0px;
}


 h1.patterns {
background: url('images/patterns.png') no-repeat; 
width: 405px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 0px;
}

 h1.gallery {
background: url('images/gallery-heading.png') no-repeat; 
width: 405px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 45px 0px;
margin: 0px;
}

 h1.process {
background: url('images/process-heading.png') no-repeat; 
width: 502px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 0px;
}

 h1.keywords {
color: #494949;
font-size:0.8em; 
padding: 0px 0px 20px 0px;
margin: 0px;
}

 h2.why {
background: url('images/why-choose-dee-print-driveways.png') no-repeat; 
width: 370px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 45px 0px;
margin: 0px;
}

 h2.insured {
background: url('images/fully-insured.png') no-repeat; 
width: 370px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 45px 0px;
margin: 0px;
}

 h2.col-info {
background: url('images/colour-info.png') no-repeat; 
width: 370px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 0px;
}


 h2.call{
background: url('images/give-us-a-call.png') no-repeat; 
width: 370px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 45px 0px;
margin: 0px;
}

 h2.mail {
background: url('images/love-to-hear.png') no-repeat; 
width: 370px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 45px 0px;
margin: 0px;
}

 h2.survey {
background: url('images/survey.png') no-repeat; 
width: 90px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 20px 0px 0px 0px;
}

 h3.preparation {
background: url('images/preparation-heading.png') no-repeat; 
width: 187px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 50px 0px 0px 0px;
}

 h3.formulation{
background: url('images/formulation-heading.png') no-repeat; 
width: 210px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 50px 0px 0px 0px;
}

 h3.wash{
background: url('images/wash-heading.png') no-repeat; 
width: 232px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 20px 0px;
margin: 50px 0px 0px 0px;
}

 h3.what {
background: url('images/what-is-it.png') no-repeat; 
width: 130px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 14px 0px;
margin: 30px 0px 0px 0px;
}

 h3.advantages {
background: url('images/advantages.png') no-repeat; 
width: 130px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 14px 0px;
margin: 80px 0px 0px 0px;
}

 h3.composition {
background: url('images/composition.png') no-repeat; 
width: 130px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 14px 0px;
margin: 30px 0px 0px 0px;
}

 h3.benefits {
background: url('images/benefits.png') no-repeat; 
width: 130px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 14px 0px;
margin: 30px 0px 0px 0px;
}

 h3.technical-data {
background: url('images/technical-data.png') no-repeat; 
width: 130px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 14px 0px;
margin: 30px 0px 0px 0px;
}

 h3.e-mail {
background: url('images/our-e-mail.png') no-repeat; 
width: 187px;
height: 30px;
color: #019440;
font-size:1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent:-9999em;
padding: 0px 0px 30px 0px;
margin: 30px 0px 0px 0px;
}

p {
color:#494949;
padding: 0px 0px 10px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1em;
}

p.pro {
color:#494949;
margin: 10px 100px 10px 0px;
padding: 0px 400px 10px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1em;
}

p.bold{
color:#494949;
margin: 20px 0px 30px 130px;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1.1em;
font-weight: bold;
font-style: italic;
}

p.copyright  {
color:#494949;
text-align: center;
margin: 0px;
padding: 10px 0px 40px 0px;
letter-spacing:0.1px;
line-height: 2em;
font-size:0.8em;
}

p.contacts{
color:#494949;
margin: 30px 0px 0px 75px;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1.2em;
font-weight: bold;
font-style: italic;
}

p.error{
color:#dc1616;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1.2em;
font-weight: bold;
font-style: italic;
}

p.thankyou{
color:#019440 ;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1.2em;
font-weight: bold;
font-style: italic;
}

p.col {
color:#fff;
margin: 20px 0px 60px 0px;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1.2em;
font-weight: bold;
text-align: center;
}

p.pat {
color:#fff;
margin: 18px 0px 60px 0px;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 1.7em;
font-size:1em;
font-weight: bold;
text-align: center;
}

p.seo {
color:#494949;
text-align: center;
padding: 0px 0px 0px 0px;
letter-spacing:0.1px;
line-height: 2em;
font-size:0.8em;
}

/*******************text *******************/

/*******************images *******************/
.align-left { float:left; margin-right: 2em; }

.align-right { float:right; margin-left: 2em; clear: right;}

.col-bg img {
margin: 19px 0px 0px 29px;
padding: 0px;
}

.pat-bg img {
margin: 19px 0px 0px 30px;
padding: 0px;
}

#gallery img {
margin: 30px 0px 0px 30px;
padding: 0px;
}

img {
border-style: none;
}

.thumb-bg{
background: url(images/thumb1.png)  no-repeat;
float: left;
height: 220px;
width: 220px;
margin: 20px 26px 40px 0px; 
padding: 0px; 
}

.thumb-bg2{
background: url(images/thumb1.png)  no-repeat;
float: left;
height: 220px;
width: 220px;
margin: 20px 0px 40px 0px; 
padding: 0px; 
}

.pat-bg{
background: url(images/pat-bg.png)  no-repeat;
float: left;
height: 182px;
width: 181px;
margin: 20px 0px 40px 0px; 
padding: 0px; 
}



/*******************images *******************/

/*******************links *******************/
a {
color: #019440;
text-decoration: none;
}

a:hover{
color: #469abd; 
text-decoration: none;
}



/*******************links *******************/