body {
 min-width: 900px;
 margin: 0;
 padding: 0;
 text-align: center;
 color: #000000;
 font-family: "Trebuchet MS", sans-serif, Arial, Helvetica;
 font-size: 16px;
}

#main-frame {
 margin: 0;
 padding: 0;
 text-align: left;
 background: #ffffff;
}

#top-bar {
 float: none;
min-width: 1000px;
 height: 152px;
 margin: 0;
 padding: 0;
 background: #ffffff;
 background-image: url(kesgrave-aggregates-graphics/left-bar.gif);
 background-position: left top;
 background-repeat: repeat-y;
 text-align: left;
 color: #000000;
}


#blip {
 position: absolute;
 top: 0%;
 left: 229px;
}
#top-bar h1 {
 margin: 0 0 0 450px;
 padding: 10px 20px 0px 20px;
 background: #ffffff;
 font-size: 130%;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
 color: #f29700;
}
#top-bar h2 {
 margin: 0 0 0 450px;
 padding: 5px 20px 0px 20px;
 background: #ffffff;
 font-size: 120%;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
 color: #679344;
}
#top-bar p {
 margin: 0 0 0 450px;
 padding: 10px 20px 5px 20px;
 background: #ffffff;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
}
#top-bar-logo {
 float: left;
 background: #ffffff;
 background-image: url(kesgrave-aggregates-graphics/left-bar.gif);
 background-position: left top;
 background-repeat: repeat-y;
 margin: 0;
 padding: 0;
}




#main-body {
float: left;
width: 100%;
 margin: 0;
 padding: 0;
 background-image: url(kesgrave-aggregates-graphics/left-bar.gif);
 background-position: left top;
 background-repeat: repeat-y;
}

#left-bar {
min-height: 500px;
 width: 229px;
 float: left;
clear: left;
 margin: 0;
 padding: 0;
 text-align: center;
 color: #ffffff;
 background: #2b4870;
 background-image: url(kesgrave-aggregates-graphics/left-bar.gif);
 background-position: left top;
 background-repeat: repeat-y;
}

#left-bar a {
 color: #ffffff;
}

.left-nav-box {
 float: left;
 width: 229px;
 min-height: 20px;
 margin: 5px 0 15px 0;
 padding: 5px 0 5px 0;
 color: #ffffff;
 text-align: center;
 font: small Arial, Helvetica, Verdana, sans-serif;
}

.left-nav-box ul {
 float: left;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.left-nav-box ul li {
 float: left;
 width: 219px;
 margin: 0;
 padding: 0;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
}

.left-nav-box ul li a {
 display: block;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 padding: 0 15px;
line-height: 2;
}

.left-nav-box ul li a:hover {
 background: #123456;
 background-image: url(kesgrave-aggregates-graphics/button-backdrop.jpg);
 background-position: center;
 background-repeat: repeat-y;
}



.blarb {
min-height: 600px;
  border: 0px solid #000000;
 margin: 0 169px 0 229px;
 padding: 10px 20px 10px 20px;
 background: #ffffff;
 border-top: 4px solid #2b4870;
}

.right-mini-bar {
  border: 1px solid #000000;
 float: right;
 clear: none;
width: 158px;
 margin: 0;
padding: 5px 5px 5px 5px;
 border-top: 4px solid #2b4870;
 background: #ffffff;
 text-align: center;
}

.right-mini-bar h4 {
 font-size: 90%;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
color: #2b4870;
 margin: 5px 0 0 0;
 padding: 5px 0 5px 0;
 background: #ffffff;
}












.blarb h1 {
 font-size: 130%;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
 color: #000000;
 margin: 5px 0 0 0;
 padding: 5px 0 5px 0;
 background: #ffffff;
text-align: left;
}
.blarb h2 {
 font-size: 120%;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
 color: #000000;
 margin: 5px 0 0 0;
 padding: 5px 0 5px 0;
 background: #ffffff;
text-align: left;
}
.blarb h3 {
 font-size: 110%;
 font-weight: bold;
 font-family: georgia, Times, "Times New Roman", serif;
color: #679344;
 margin: 5px 0 0 0;
 padding: 5px 0 5px 0;
 background: #ffffff;
text-align: left;
}
.blarb p {
 font-family: georgia, Times, "Times New Roman", serif;
 color: #000000;
 margin: 5px 0 0 0;
 padding: 5px 0 5px 0;
 background: #ffffff;
text-align: left;
}
.blarb a {
color: #f29700;
}
.blarb ul {
border: 1px solid #000000;
}


.border {
 border: 4px solid #2b4870;
margin: 20px 0 0 0;
 padding: 0 5px 5px 10px;
}





#contact {
 width: 229px;
height: 330px;
 float: left;
clear: left;
margin: -280px 0 0 0;
 padding: 0;
 text-align: center;
 color: #ffffff;
 background: #2b4870;
 background-image: url(kesgrave-aggregates-graphics/left-bar.gif);
 background-position: left top;
 background-repeat: repeat-y;

}



table.notice {
width: 100%;
border: 0px solid #000000;
text-align: center;
}
table.notice td {
border: 0px solid #000000;
}



#bottom-bar {
float: left;
clear: left;
width: 100%;
  border: 0px solid #000000;
 margin: 0 0 0 0px;
 padding: 0;
background: #ffffff;
height: 50px;
 background-image: url(kesgrave-aggregates-graphics/backdrop.jpg);
 background-position: left bottom;
 background-repeat: repeat-x;
}





















.right-nav-box {
 float: left;
 width: 158px;
 min-height: 20px;
 margin: 5px 0 15px 0;
 padding: 5px 0 5px 0;
 color: #ffffff;
 background: #2b4870;
 text-align: center;
 font: small Arial, Helvetica, Verdana, sans-serif;
}

.right-nav-box h4 {
 background: #2b4870;
 color: #ffffff;
}

.right-nav-box p {
 margin: 0;
 padding: 0 0 3px 5px;
}

.right-nav-box ul {
 float: left;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.right-nav-box ul li {
 float: left;
width: 158px;
 margin: 0;
 padding: 0;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
text-align: left;
}

.right-nav-box ul ul li {
text-align: right;
font-style: italic;
}

.right-nav-box ul li a {
 display: block;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 padding: 0 15px;
line-height: 2;
}

.right-nav-box ul li a:hover {
 background: #123456;
 background-image: url(kesgrave-aggregates-graphics/button-backdrop.jpg);
 background-position: center;
 background-repeat: repeat-y;
}








table.products {
width: 100%;
margin: 0;
padding: 0px;
}

table.products td.photo {
margin: 0;
padding: 0;
width: 200px;
}

table.products td.descr {
margin: 0;
padding: 0 0 0 10px;
}






.right-mini-bar-picbox {
width: 158px;
}

.right-mini-bar-picbox img {
width: 158px;
border: none;
}


.websites {
 border: 1px solid #000000;
 height: 75px;
 margin: 10px 0 10px 0;
}
.websites a {
 color: #000000;
}
.websites p {
 width: 50%;
 float: left;
 padding: 10px 0 0 10px;
}
.websites img {
border: none;
max-width: 250px;
 float: right;
 clear: none;
}



.bar-nav {
 border: 1px solid #000000;
 height: 75px;
 margin: 10px 0 10px 0;
}
.bar-nav a {
 color: #000000;
}
.bar-nav p {
 width: 50%;
 float: left;
 padding: 10px 0 0 10px;
}
.bar-nav img {
border: none;
max-width: 250px;
 float: right;
 clear: none;
}



table.botb {
width: 100%;
}
table.botb h3 {
text-align: left;
}
table.botb p {
text-align: left;
}
table.botb img {
height: 100px;
border: none;
}

table.sct {
 border: 1px solid #000000;
 margin: 0 20px 20px 0;
 width: 45%;
 height: 100px;
 float: left;
 clear: none;
}
table.sct h3 {
height: 50px;
 text-align: center;
}
table.sct p {
 text-align: center;
}
table.sct img {
float: left;
margin: 0;
padding: 0;
height: 100px;
border: none;
}

table.products-short {
width: 100%;
}
table.products-short img {
height: 100px;
border: none;
}

.products-long {
width: 100%;
}
.products-long h3 {
width: auto;
}
.products-long img {
width: 200px;
float: right;
}




#equipment {
width: 45%;
float: left;
margin: 0 20px 0 0;
}
#equipment h3 {
text-align: center;
}


#hire {
width: 45%;
float: left;
clear: none;
}
#hire a {
width: 100%;
}
#hire img {
float: left;
clear: left;
}
#hire h3 {
text-align: center;
}
#hire p {
height: 75px;
text-align: right;
padding: 20px 0 0 0;
}


#start {
clear: left;
}





fieldset.contact {
 margin: 20px 0 0 0;
 padding: 0;
 border: 2px solid #2b4870;
}
.contact legend {
 margin: 0 0 0 10px;
 color: #000000;
 font-weight: bold;
}
fieldset.contact ol {
 padding: 5px 5px 0 5px;
 list-style: none;
}
fieldset.contact li {
 padding: 0 0 5px 0;
}
fieldset.submit {
float: none;
width: auto;
margin: 20px 0 0 0;
border: none;
background-color: transparent;
background-image: none;
}
fieldset.contact label {
 float: left;
 width: 100px;
 margin: 0 10px 0 0;
 font-weight: bold;
}
fieldset.contact input {
 width: 60%;
border: 1px solid #2b4870;
}
fieldset.contact textarea {
 width: 60%;
border: 1px solid #2b4870;
}



.left-pix {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
}
.left-pix img {
 float: left;
 margin: 20px 10px 0 0;
}
.left-pix p {
 float: none;
 clear: none;
 margin: 20px 0 0 0;
width: 100%;
}


.right-pix {
 float: left;
 width: 100%;
 margin: 0 0 10px 0;
}
.right-pix p {
 float: left;
 clear: none;
 margin: 10px;
 width: 70%;
}
.right-pix img {
 float: right;
 clear: none;
 margin: 10px 0 0 0;
}









.botb tr {
 padding: 0;
 margin: 0;
 background-image: url(kesgrave-aggregates-graphics/backdrop-fade.jpg);
 background-position: left bottom;
 background-repeat: repeat-x;
}
.botb tr td {
 margin: 0;
 padding: 30px 10px 50px 10px;
 border-bottom: 2px solid #2b4870;
}
.products-short tr {
 padding: 0;
 margin: 0;
 background-image: url(kesgrave-aggregates-graphics/backdrop-fade.jpg);
 background-position: left bottom;
 background-repeat: repeat-x;
}
.products-short tr td {
 margin: 0;
 padding: 30px 10px 50px 10px;
 border-bottom: 2px solid #2b4870;
}