@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
html { font-size:62.5% }
body { background:#ffe07b url(../images/bg.gif) top repeat-y; font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif }
/* /////////////////////////////////////////////////////////////////////////////////////////////// LAYOUT   */

#banner { margin:auto; width:943px; padding: 0 20px; height:95px; background:#FFF url(../images/call-base-concrete-today.gif) bottom right no-repeat }
#nav { margin:auto; width:973px; padding:0 0 0 10px; height:72px; background:#FFF }
#flash { margin:auto; width:941px; height:296px; clear:both; background:#FFF; padding: 0 21px }
#wrapper { margin:auto; width:983px; background:#FFF; overflow:hidden }
#leftCont { float:left; display:inline; width:720px; color:#212426 }
#content { float:left; display:inline;padding: 20px 15px; width:680px}
#colOne, #colTwo { float:left; display:inline; padding:10px 15px }
#colOne { width:360px }
#colTwo { width:270px }
#rightCont { float:right; display:inline; background:#FFF; width:220px; padding: 0 10px 0 10px; margin-right:11px }
#wrapper2 { margin:auto; width:983px }
#footCont { margin:30px 0 0 0; width:983px; background:#FFF; overflow:hidden; font-size:0.9em }
.footer { width:940px; padding: 20px 21px 5px; color:#727476; clear:both; text-align:right }
#copyright { float:right; display:inline; width:220px; }
#footLinks { float:left; display:inline; width:700px }
.sidebar { background:#eceef0 url(../images/bg-sidebar.gif) bottom no-repeat; padding:20px; margin:0 0 20px }
#linkbox { background:#ffe07b; padding:10px; display:block; margin: 0 0 15px; font-family:Verdana, Geneva, sans-serif; font-size:0.9em}
img.right {float:right; display:inline}
/* /////////////////////////////////////////////////////////////////////////////////////////////// TYPOGRAPHY   */

h1 { color:#034694; font-style:italic; font-size:1.3em; margin:0 0 10px 0 }
h2 { color:#636567; font-size:1.2em; margin:5px 0 }
.heading2 { color:#636567; font-size:1.2em; margin:10px 0 }
h2 span {font-size:0.9em; font-style:italic}
#colTwo p, #colOne p, #content p { padding:0 0 10px }
#footCont p { padding:10px 0 5px }
#footCont a, #footCont a:hover { text-decoration:none; font-style:italic; color:#727476 }
#footCont a:hover { border-bottom: #727476 1px dashed }
#leftCont a, #leftCont a:hover, #content a, #content a:hover { text-decoration:none; color:#034694; font-style:italic }
#leftCont a:hover { border-bottom: #034694 1px dashed }
a.imgLink, a:hover.imgLink { margin: 10px 0; border-bottom:none !important; display:block }
.sidebar a, .sidebar a:hover { color:#636567; font-style:italic; text-decoration:none}
.sidebar a:hover {border-bottom:#636567 1px dashed}
#leftCont ul li {margin:10px}
#footCont ul li { list-style:none; margin-right:15px; display:inline }
ul#delivery { margin: 0 0 50px}
ul#delivery li, ul#gen li { margin: 10px 0; background:url(../images/tick.gif) 0 0 no-repeat; padding:0 0 0 25px }
ul#delivery li { width:40% }
.subTitle { text-transform:uppercase; font-weight:800; color:#034694}

.pad {padding: 10px 5px}
.clear { clear:both }
/* /////////////////////////////////////////////////////////////////////////////////////////////// FORM STYLING   */

#rightCont label {display:inline;float:left;margin:5px 10px 5px 0;width:100px; font-size:1em}
#rightCont .input {width:50px; border:#a1a3a4 1px solid; margin:5px 10px 5px 0; display:inline; float:left}
.req {color:#900}
.sent {color:#060}

.submit, .submit2 { background: #eceef0 url(../images/btn-submit.gif) 0 0 no-repeat; text-indent:-9999px; width:76px; height:33px; border:0; margin: 0 0 5px 0 }
.submit2 { margin:10px 0 15px 155px; display:block  }
.searchBtn { background: #eceef0 url(../images/btn-search.gif) 0 0 no-repeat; text-indent:-9999px; width:76px; height:33px; border:0; margin: 0 0 5px 0  }
/* /////////////////////////////////////////////////////////// MINI FORM   */

#enquiry { clear:both; width:700px; background:#eceef0 url(../images/bg-enquiry.gif) bottom no-repeat; padding-bottom:20px; height: 40px; margin:0 0 0 20px }
.miniForm { display:inline; float:right; margin: 10px }
.topPad { padding:12px 0 0 10px; display:inline; float:left; }
.form1 { background:#FFF; border:#a1a3a4 1px solid; width:90px; height: 18px; margin: 0 20px 0 0; padding:7px 5px; }

.calc-entry { display:block; width:200px }

/* /////////////////////////////////////////////////////////// CONTACT US   */
#pref { margin: 0 0 30px }
input, textarea, legend { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
label { float:left; width:150px; display:inline; margin: 5px 5px 5px 0; clear:right; font-weight: bold; color: #000; font-size:115% }
label span.below { color:#C90; font-weight:100; font-style:italic; font-size:0.8em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
fieldset { border: 1px dashed #dddddd; width: 320px; padding:10px; margin:5px 0 }
legend { font-size:1.3em; font-weight:bold; color: #C60; background: #fff; border: 0; line-height:1.2; }
.form2, .form2b, .indent, textarea { background: #fff; width:150px; padding: 3px 5px; display:block; color:#000; margin-bottom:30px; border:#333366 1px solid }
textarea { font-size:1em }
.indent { margin:10px 0 15px 155px; display:block }
.form2:focus, .form2b:focus, .indent:focus { background:#fff; color:#333366; border:#99ccff 1px solid }

/* /////////////////////////////////////////////////////////// CONCRETE CALCULATOR   */

.calculate {background: #eceef0 url(../images/btn-calculate-load.gif) 0 0 no-repeat; text-indent:-9999px; width:128px; height:33px; border:0; margin: 0 0 5px 0}

.left {float:left; display:inline}

/* ///////////////////////////////////////////////////////////////////////////////////////////////  SIDEBAR NAVIGATION */
.sidebar ul#news { }
.sidebar ul#news li { list-style:none; margin: 5px 0 }
.sidebar ul#testimonials { }
.sidebar ul#testimonials li { list-style:none; margin: 5px 0; padding: 5px 0 20px 45px; background:transparent url(../images/speech-marks.gif) top left no-repeat }
/* ///////////////////////////////////////////////////////////////////////////////////////////////  NAVIGATION */
	#nav ul { list-style:none; margin:0; padding:0; }
#nav ul#menu { margin:0 auto; width:960px; display:block; padding:0 10px; }
#nav li { float:left; height:72px; margin:0; padding:0; text-align:center; }
#nav li a { display:inline-block; padding:0; height:100%; color:#333; text-decoration:none; outline:none; }
#menu a:hover, a:focus, a:active { background:url(../images/bg-nav.gif) repeat-x -72px -72px; }
#menu a { background:url(../images/bg-nav.gif) repeat-x 0px 0px; }
li.first { margin-left:10px; }
span.home, span.mixes, span.pumps, span.screed, span.news, span.contact {display:block; text-indent:-9999px; padding:10px 14px;border-right:1px dashed #a6a7a8; height:41px;}
span.home { background:url(../images/home.gif) no-repeat center 10px;  width:80px;  border-left:1px dashed #a6a7a8 }
span.mixes { background:url(../images/mixes.gif) no-repeat center 10px; width:157px; }
span.pumps { background:url(../images/pumps.gif) no-repeat center 10px; width:158px; }
span.screed { background:url(../images/screed.gif) no-repeat center 10px; width:130px; }
span.news { background:url(../images/news.gif) no-repeat center 10px; width:134px;  }
span.contact { background:url(../images/contact.gif) no-repeat center 10px; width:105px;  }
#menu a.active { background-position:0 -72px; }