/* COLOURS green-#339945 dark-green-#10502B light-blue-#C1E0FF yellow-#F1E500 */

/* GENERAL */

body { font-family:arial; font-size:10pt; }

a { text-decoration:none; color:#10502B; font-weight:bold; }
a:hover { color:#F1E500; }

a.dg_w { color:#10502B; font-size:9pt; font-style:italic; font-weight:bold; }
a.dg_w:hover { color:#FFF; }

h1 { font-size:18pt; color:#10502B; }
h2 { font-size:11pt; font-weight:bold; color:#339945; letter-spacing:-0.05em; }
h3 { font-weight:bold; color:#339945; margin-bottom:5px; }

p, ol { margin:0 0 1em; }

ol li { list-style-type:decimal; margin-left:20px; }

strong { color:#339945; }
.quote { font-style:italic; }
.quote_by { font-size:8pt; }


/* LAYOUT BLOCKS */

#outer_container { width:858px; margin:20px auto; }
#top_banner { width:100%; height:155px; margin:0 0 10px; background-image:url(../images/top_banner_bg.jpg); position:relative; }
#topsoil_supply { float:left; width:104px; height:195px; padding:10px 10px 10px 180px; background-image:url(../images/topsoil_supply.jpg); text-align:right; position:relative; }
#services { float:right; width:524px; height:195px; padding:10px; margin-left:20px; background-color:#C1E0FF; }
#services_narrow { float:right; width:262px; height:367px; padding:10px; margin-left:20px; background-color:#C1E0FF; }
#mid_split { height:20px; }
#callback { float:right; width:236px; padding:10px 20px; margin:0 0 0 20px; background-color:#C1E0FF; }
#content { padding:10px 20px 0; }
.inner_content { margin: 15px 0 0 20px; }
#foot { width:818px; padding:5px 20px; margin:10px 0 20px; background-color:#339945; font-size:8pt; color:#FFF; }


/* NAVIGATION */

ul#main_nav { position:absolute; bottom:7px; }
ul#main_nav li { float:left; color:#FFF; }
ul#main_nav li a { color:#FFF; margin:0 20px; font-weight:normal; }
ul#main_nav li a:hover { color:#F1E500; }

#top_banner p#please_call, #top_banner p#email a { position:absolute; left:630px; font-size:8pt; font-weight:bold; }
#top_banner p#please_call { top:40px; color:#339945; }
#top_banner p#email a { top:90px; color:#FFF; }


/* TOPSOIL SUPPLY and SERVICES */

#topsoil_supply h2 { position:relative; top:10px; }
#topsoil_supply a { position:absolute; bottom:10px; right:10px; }

.service { float:left; width:252px; margin:12px 5px; position:relative; }
.service img { float:left; margin:3px 4px 0 0; }
.service a { position:absolute; bottom:-3px; }


/* FORMS and CONTACT */

input, textarea { border:1px solid #339945; padding:1px; font-size:7pt; }
input#submit { color:#FFF; background-color:#339945; cursor:pointer; font-size:11pt; font-weight:bold;  }
input#submit:hover, input#submit:focus	{ background-color:#FFF; color:#339945; }

dl.form_list { width:236px; margin:10px 0 0 0; }
dl.form_list dt { text-align:right; margin:0 160px 0 0; font-size:11pt; font-weight:bold; color:#10502B; }
dl.form_list dd { text-align:right; margin:-1.4em 0 5px 0; }
dl.form_list dd input { width:150px; }
dl.form_list dd input#submit { width:153px;  }
dl.form_list dd input#submit:hover { color:#FFF; }

dl.contact_details dt, dl.contact_form_list dt { font-weight:bold; color:#339945; }
dl.contact_details dd { margin:-1.2em 0 5px 70px; }
dl.contact_form_list dd { margin:-1.2em 0 5px 70px; }
dl.contact_form_list dd input, dl.contact_form_list dd textarea { width:260px; }
dl.contact_form_list dd input#submit { width:auto; }
dl.contact_form_list dd input#submit:hover { color:#F1E500; }


/* FOOT */

#foot a { margin:0 0 0 20px; color:#FFF; font-weight:normal; }
#foot a:hover { color:#C1E0FF; }


/* UTILITY */

.split { clear:both; }
img.right	{ float:right; margin-left:1em; }