html {font-size: 75%}
body {margin:0;width:100%;background-color:#000;font-family:Trebuchet MS,Arial;color:#fff;}
input, textarea {font-family:Trebuchet MS,Arial;}
a img {border:0;}
a {color:#fff;text-decoration:none;}
p, h2 {margin:0;}
div {outline: none;}

.floatleft {float:left;}
.floatright {float:right;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.caps {text-transform:capitalize;}
.yellow {color:yellow;}
.text-center {
	text-align: center;
}

.top {background:url(../i/bg-top.jpg) left top repeat-x;}
.center {width:876px !important;margin: 0 auto;}

.copyright {height:100px;font-size:14px;text-align:center;}
.header {
	padding: 5px 0;
}
.logo {
	margin-left: 40px;
}
.logo h1 {
	color: #fff;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	margin: 5px 0;
}
.phone {
	padding-top: 20px;
}

.menu {margin-bottom:25px;padding:0;}
.menu a {color:#000;font-size:18px;font-weight:bold;}
/*.menu .btn {float:left;height:41px;margin:0;padding:18px 13px 0 12px;text-align:center;background:url(../i/bg-menu-center.gif) left top repeat-x;}*/
.menu .btn {float:left;height:41px;margin:0;padding-top:18px;text-align:center;background:url(../i/bg-menu-center.gif) left top repeat-x;}
.menu .selected {color:#db1d1d;}

.border {border:3px solid #fff;}
.comment {color:#000;font-size:11px;}
.slogan {margin:10px 0;padding-top:15px;height:51px;color:#000;font-size:16px;font-weight:bold;text-align:center;background:url(../i/bg-bottom.gif) left top repeat-x;}
.hide {position:absolute;top:-1000px;left:-1000px;}
.title {margin-bottom:20px;color:yellow;font-size:24px;background:url(../i/underline.gif) left bottom no-repeat;}
.padtop {padding-top:25px;}

.rotatorIndex, .rotatorAbout, .servicePicture, .serviceCategoryImage, .serviceImage, .GalleryCategoryImage, #GalleryBigImage, .GalleryImage, .contactimg {
  border: 2px solid #ffb901;
   border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior:url(border-radius.htc);
}

.rotatorIndex {
  float:left;
  margin:0;
  width: 462px;
  height: 215px;
}

.rotatorAbout {
  float:left;
  margin:0 40px 20px 40px;
  width: 336px;
  height: 196px;
}

.serviceIndex {
  float:left;
  margin:10px 9px 10px 0;
  width: 206px;
  text-align:center;
  font-weight:bold;
}
.serviceIndex a {
  font-size:16px;
}
.servicePicture {
  width: 206px;
  height: 138px;
  cursor: pointer;
}

.service {
  margin:10px 0;
  width: 876px;
}
.service a, .service span {font-size:16px;color:yellow;text-decoration:underline;}

.serviceCategoryImage {
  margin:0 80px 10px 10px;
  width: 255px;
  height: 160px;
  cursor: pointer;
  float: right;
}
.serviceImage {
  float:left;
  margin:0 10px 10px 0;
  width: 255px;
  height: 160px;
}

.GalleryCategoryImage {
  margin:0 30px 20px 0;
  width: 255px;
  height: 160px;
  cursor: pointer;
  float: left;
}
#GalleryBigImage {
  float:left;
  margin:0;
  width: 632px;
  height: 332px;
}
.Gallery {
  margin:0 110px;
}
.GalleryImage {
  float:left;
  margin:10px 5px 10px 0;
  width:119px;
  height:82px;
  cursor: pointer;
}
.GalleryCategoryLink {
  float:left;
  margin:10px 10px 10px 0;
  width:202px;
  font-size:18px;
}
.GalleryCategoryLink a {
  color:yellow;
  text-decoration:underline;
}

.GalleryCategoryName {font-size:24px;font-weight:bold;color:yellow;padding-top:60px;text-align:center;}
.GalleryCategoryName a {color:yellow;}

.suppliers {margin-bottom:40px;padding-left:30px;text-align:center;}
.suppliers div {width:125px;height:80px;margin-bottom:15px;}

#PaneIndex {
  width: 405px;
  height: 219px;
  float: left;
  margin-left: 10px;
  display: none;
}

#PaneWho {
  width: 876px;
/*  height: 219px;
  display: none;*/
}

.info, .infopdf {float:left;margin-bottom:10px;}
.info {width:500px;}
.info a, .infopdf a {color:yellow;font-size:16px;}
.infopdf {text-align:center;}

.testimonial {margin-bottom:30px;}
.testimonial span {color:yellow;font-style:italic;font-size:18px;}

#ftestimony {margin:0;padding:0;}
#ftestimony .txtfld, #ftestimony .txtarea {margin-bottom:5px;padding:5px;width:400px;border:0;font-size:12px;}
#ftestimony .txtfld {height:20px;}
#ftestimony .txtarea {height:150px;}

.contacttxt {float:left;width:344px;}
.contactright {float:right;width:490px;}
.contactimg{margin-bottom:20px;width:490px;height:286px;background:url(../i/WhenYourAsphalt-Lg.jpg) center top no-repeat;}

#fcontact {width:436px;height:269px;padding:10px 20px 20px 20px;background:url(../i/bg-contact-center.gif) left top repeat-x;text-align:center;}
#fcontact .txtfld, #fcontact .txtarea {margin-bottom:5px;padding:5px;width:200px;border:1px solid #000;font-size:12px;}
#fcontact .txtfld {height:20px;}
#fcontact .txtarea {height:50px;}

.client {float:left;margin:0px 30px 20px 0;width:125px;height:80px;}

