/* CSS Document */
* {
padding: 0;
margin: 0;
}
body {
background-color: #66CCFF;
background-image: url(images/outerbody_bg.jpg);
background-repeat: repeat-x;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

span.b {
font-weight: bold;
color: #C4FF15;
}

/*......Form on Contact Page.......*/
form {
font-size: 80%;
margin: 10px 0 20px 110px;
color: #C4FF15;
}

/*....colored text on Testimonial Page...*/
#copy p.testim {
color: #FEC33B;
margin-bottom: 10px;
margin-top: 10px;
}

/*......address on Contact Page......*/
#copy p.addy {
margin-left: 190px;
margin-bottom: 10px;
margin-top: 10px;
}

/*...colored text on Index/Services Page....*/
#copy p.spesh {
color: #ff3399;
font-size: 100%;
}

/*.......service blocks on services page.....*/

div.services {
background-color: #FC7D16;
background-image: url(images/servicebox_bg.jpg);
background-repeat: repeat-y;
background-position: top left;
color: #18130F;
border:3px outset #E1DFE0;
/*text-align: center;*/
padding: 2px 0 3px 15px;
margin: 10px 0 15px 0;
height: 100%;
}

ul.service_list {
color: #FFF;
font-size: 75%;
font-weight: bold;
/*list-style-type: none;*/
list-style-type: none;
/*height: 1px;*/
width: 530px;
padding: 0 0 0 0;
/*border: 1px solid #000;*/
}

ul.service_list li {
float: left;
background-image: url(images/service_bullet.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 10px 3px 15px;

}


/*///////////////////////////
......WRAPPER
///////////////////////////*/

#wrapper {
width: 800px;
text-align: left;
margin: 10px auto 0;
background-color: #1E1915;
}

/*////////////////////////////
......HEADER
////////////////////////////*/

#header {
width: 800px;
height: 166px;
background-image: url(images/header.jpg);
background-repeat:no-repeat;
background-color: #FEC33B;
}

#bott_header {
width: 800px;
background-image: url(images/bott_header.jpg);
background-repeat: no-repeat;
background-color: #1E1915;
height: 126px;
}

/*.......both below to right of header......*/

p.tel {
color: #B4FF02;
font-size: 80%;
font-weight: bold;
padding: 0 0 0 40px;
}

p.ensign {
color: #FFF;
font-size: 75%;
padding: 12px 0 0 40px;
}


/*//////////////////////////////
.......MENU
//////////////////////////////*/

#menu {
float: left;
display: inline;
width: 171px;
margin: 0 0 0 25px;
background-color: #18130F;
}
ul.menu_list {
list-style-type: none;
font-size: 80%;
font-weight: bold;
/*border:1px solid #990000;*/
}


ul.menu_list a {
width: 151px;
height: 38px;
display: block;
background-image: url(images/off.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 8px 0 0 20px;
text-decoration: none;
color: #000;
}


ul.menu_list a:hover {
/*color: #0000FF;*/
background-image: url(images/hover.jpg);
background-repeat: no-repeat;
background-position: top left;
}

ul.menu_list a:active {
background-image: url(images/on.jpg);
background-repeat: no-repeat;
background-position: top left;
}


ul.menu_list a.current  {
background-image: url(images/on.jpg) !important;
background-repeat: no-repeat;
background-position: top left;
}



/*/////////////////////////////
..........INNER
////////////////////////////*/
#inner {
background-image: url(images/body_bg.gif);
background-repeat: repeat-y;

}


/*///////////////////////////
.....COPY
///////////////////////////*/

#copy {
float: right;
width: 580px;
padding: 0 5px 0 0;
/*background-color: #CCFF99;*/

}

#copy p {
font-size: 80%;
line-height: 1.3em;
color: #FFF;
padding-bottom: 5px;
}


#copy h4 {
color: #B4FF02;
padding: 0 0 5px 0;
}
#copy img.links_pic {
border: none;
padding: 10px 0 10px 0;
}

/*....flash banner.....*/

#flash {
width: 540px;
height: 135px;
border: 1px solid #C5F815;
margin: 5px 0 0 15px;
}


/*........in services blocks on service page......*/
#copy h6.services {
color: #1E1915;
padding: 0 0 0 10px;
}
#copy h6 {
color: #B4FF02;
padding: 5px 0 5px 0;
font-size: 90%;
}


/*//////////////////////
.....CLEARONE
//////////////////////*/
#clearone {
clear: both;
height: 12px;
background-color: #1E1915;
background-image: url(images/clear_it.gif);
background-repeat: no-repeat;
}
/*.....keeps service box open...*/
#clearone2 {
clear: both;
height: 1px;
}

/*//////////////////////////
.....FOOTER
//////////////////////////*/
 
#footer {
clear: both;
background-color: #1E1915;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
height: 38px;
border-top: 3px solid #C4FF15;
text-align: center; 
}

#footer p {
padding: 7px 0 5px 0;
font-size: 75%;
color: #FFF;
}

#footer a {
color: #FFF;
text-decoration: none;
padding: 0 5px 0 5px;
} 
#footer a:hover {
color: #B4FF02;
} 

body p {
font-size: 80%;
padding: 3px 0 3px 0;
}

body a {
color: #FFF;
text-decoration: none;
}

/*.....image replacement headers on services page.....*/

h5 {
width: 575px;
height: 90px;
margin: 0 auto 0;
position: relative;
}

h5 span {
background-image: url(images/heading_log.jpg);
background-repeat: no-repeat;
width: 575px;
height: 85px;
position: absolute;
top: 0;
left: 0;
/*border: 1px solid #FF0000;*/
}

h5.two span {
background-image: url(images/heading_vehic.jpg);
background-repeat: no-repeat;
width: 575px;
height: 85px;
position: absolute;
top: 0;
left: 0;
/*border: 1px solid #FF0000;*/
}

h5.three span {
background-image: url(images/heading_sign.jpg);
background-repeat: no-repeat;
width: 575px;
height: 85px;
position: absolute;
top: 0;
left: 0;
/*border: 1px solid #FF0000;*/
}

h5.four span {
background-image: url(images/heading_digi.jpg);
background-repeat: no-repeat;
width: 575px;
height: 85px;
position: absolute;
top: 0;
left: 0;
/*border: 1px solid #FF0000;*/
}