/* 
   -- -- -- -- --
   Dash Delivery - v1 CSS, Last Edit: 4/8/07 HTML/CSS by Cy Klassen
   -- -- -- -- --
   
   Version History:
   4/4 - CSS v1 created CK
   4/6 - Template CSS CK
   
*/

@import "reset.css";

/* ALL */
html{ height:100%;} 
body{ background:white url('../images/bg.png') repeat-x bottom fixed; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:10px; text-align:left;}

#service-list{ position:absolute; z-index:-1; top:0px }
#service-list ul{  }
#service-list ul li{ font-size:14px; letter-spacing:3px; text-transform:uppercase; color:#C4C4C4; padding:9px 0; cursor: default;}

#container{ position:relative; z-index:10; width:768px; margin:0 auto; text-align: left; }
#container #contact-phone{ display:block; background:transparent url('../images/contact-phone.png') no-repeat top left; width:241px; height:48px; text-indent:-9999px; margin:10% 15px 0 auto;}

h1{ background:transparent url('../images/dashdeliv-logo-t.png') no-repeat top left; width:193px; height:124px; text-indent:-9999px; float:left; }
h1{ _background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dashdeliv-logo-t.png');} /* IE 6 PNG*/
#container #landing h1 { margin:50px 0; }
h3 { font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:22px; color:gray; text-align:right; padding:0 15px; }

#menu{  }
#menu ul{ padding:27px 15px 0 0; }
#menu ul li:hover{ background:transparent url('../images/menu-arrow.gif') no-repeat left; }
#menu ul li a{ position:relative; left:26px; display:block; width:220px; height:31px; text-indent:-999px;}
#menu ul li#menuAbout a{ background-image:url('../images/menu-about.png'); }
#menu ul li#menuAbout a:hover{ background-image:url('../images/menu-about-b.png'); }
#menu ul li#menuServices a{ background-image:url('../images/menu-services.png'); }
#menu ul li#menuServices a:hover{ background-image:url('../images/menu-services-b.png'); }
#menu ul li#menuScheduleAndRates a{ background-image:url('../images/menu-schedule.png'); }
#menu ul li#menuScheduleAndRates a:hover{ background-image:url('../images/menu-schedule-b.png'); }
#menu ul li#menuSave a{ background-image:url('../images/menu-save.png'); }
#menu ul li#menuSave a:hover{ background-image:url('../images/menu-save-b.png'); }
#menu ul li#menuTrack a{ background-image:url('../images/menu-track.png'); }
#menu ul li#menuTrack a:hover{ background-image:url('../images/menu-track-b.png'); }
#menu ul li#menuContact a{ background-image:url('../images/menu-contact.png'); }
#menu ul li#menuContact a:hover{ background-image:url('../images/menu-contact-b.png'); }

#footer{ clear:both; background: transparent url('../images/footer-bg.png') repeat-x top; text-align:right; position:relative; z-index:8; top:-70px; padding:66px 0 0;}
#footer ul{ clear:both; }
#footer ul li{ height:1%; /* IE bug */ display:inline; text-transform: uppercase; padding:0 15px; color:white; position:relative; z-index: 999;}
#footer ul li.copyright{ font-weight:bold;}
#footer ul li a{ color:white; text-decoration:none;}
#footer ul li a:hover{ border-bottom:solid 2px black;}

.clearit{ clear:both; }

/* HOME */
#welcome-text{ width:240px; float:left; margin:0 17px;}
#container #landing #welcome-text{ margin:20px; }
#welcome-text p{ font-size:11px; padding:0 0 10px; }
#welcome-text p strong{ color:#BD0000;  }

#container #landing{ position:relative; z-index:15; background:transparent url('../images/landing-bg.png') no-repeat top left; margin:0 0 0; height:239px; overflow:hidden; padding:0 30px;}
#container #landing #menu{ float:left; position:relative; left:-10px; }


/* TEMPLATE */

#container.template { width:800px; height:auto;}
#container.template #service-list{ display:none; } /* Didn't look right */
#container.template h1 { background-image:url('../images/dashdeliv-logo-b.png'); width:267px; height:123px; float:none; position:relative; left:50px;}
#container.template h1{ _background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dashdeliv-logo-b.png');} /* IE 6 PNG*/
#container.template #contact-phone { margin-top:10px; margin-right:25px; }
#footer.template{ background-image:url('../images/template-footer-bg.png'); top:-35px; }
#container.template #template { background:transparent url('../images/template-mid-bg.png') repeat-y 34px 0px; }
#container.template #template .heading-top{ background:transparent url('../images/template-head-bg.png') no-repeat top center; height:12px }
#container.template #template .footer-bottom{ background:transparent url('../images/template-foot-bg.png') no-repeat center; height:35px }
#container.template #template #menu{ width:255px; position: relative; left:14px; }
#container.template #template #left{ float:left;  width:300px;}
#container.template #template #right{ float:left; width:460px;}

/* BASIC FORMATTING */
#container.template #template #right a{color:#BD0000; text-decoration:none;}
#container.template #template #right a:hover{border-bottom:solid 2px black; }
#container.template #template #right p{ font-size:14px; padding:10px; color:#323232;}
#container.template #template #right td{ font-size:14px; color:#323232;}
.5em; padding:10px; color:#323232;}
#container.template #template #right p q{ color:#BD0000; font-weight:normal;}
#container.template #template #right ul{ padding:0 0 0 50px;}
#container.template #template #right ul li{ font-size:14px; text-transform:uppercase; font-style:italic; padding:5px 0; font-weight:bold;}

/* H2: SERVICES WE OFFER */
h2.services{ background:transparent url('../images/h2-services.png') no-repeat top right; height:30px; text-indent:-3000px; margin:10px 0; }