/* RESET - Yahoo CSS Reset http://developer.yahoo.com/yui/reset/#code */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0} 
table {border-collapse:collapse;border-spacing:0}
fieldset,img,abbr,acronym {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
ol, ul {list-style:none}
caption,th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
q:before, q:after {content:''}
	
/* HTML / Body */
html, body {margin:0;padding:0}
body {font-family:Arial, Helvetica, sans-serif;font-size:0.85em;font-weight:normal;color:#5d5d5d;text-align:left;background:#ebebeb;line-height:1.3em;margin:0;padding:0}

/* ANCHORS */
a {color:#0c1b82;text-decoration:underline;outline:none}
a:link, a:visited {text-decoration:underline}
a:hover, a:active {text-decoration:underline}
a:hover {color:#2434a0}

.dlink a {color:#b1b1b1;text-decoration:underline;outline:none}
.dlink a:link, .dlink a:visited {text-decoration:underline}
.dlink a:hover, .dlink a:active {text-decoration:underline}
.dlink a:hover {color:#c7c7c7}

/* IMAGES */
img {border:none}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {font-weight:bold;padding:0;margin:10px 0;line-height:1.1em;color:#0c1b82}	
h1 {font-size:150%;margin:0 0 10px 0}
h2 {font-size:140%}
h3 {font-size:120%;margin: 0; color:#fff}
h4, h5, h6 {font-size:100%}

/* LISTS */
ol, ul {list-style-position:outside;padding:0 0 0 2.5em}

ol {list-style:decimal}
ul {list-style:square}

dt {font-weight:bold}
dd, li {padding:0;margin:0 0 10px}

/* FORMS */
form {padding:0;margin:0 0 10px}
fieldset {padding:0;margin:0;border:0}
legend {font-weight:bold;margin:0;padding:0 0 10px;color:#000}
label {margin:0 10px 0 0}

input, select {margin:0 10px 0 0;font-size:1em}
optgroup {font-style:normal;font-weight:bold;margin:10px 0 0;color:#CCC}
option {padding:0 10px;color:#000}

textarea {display:block;margin:10px 0 0;width:30em;height:6em; font-size:100%}

button {font-size:1em}
input, textarea {font-family:Arial, Helvetica, sans-serif}

/* TABLES */
table {margin:0 0 10px 0;padding:0;border-collapse: collapse;border:1px solid #666}
caption {text-align:left;margin:0;padding: 0 0 10px 10px}
thead th, thead td {border-bottom:1px solid #666;border-right:1px solid #666;background:#FFF;color:#000;font-weight:bold}

td, th {padding:5px 10px;text-align:left;vertical-align: top}

tbody {background-color:#FFF;border:1px solid #666}
tbody td {border-bottom:1px solid #666}
td {border-right: 1px solid #666}

tfoot {font-style:italic;font-size:0.8em}
tfoot td {text-align:right;border:none}

/* TEXT */
strong {font-weight:bold}
abbr, acronym {border:none}
cite {font-style:italic}
em {font-style:italic}
dfn {font-style:normal}
code, kbd, samp {font-family:monospace}
del {text-decoration:line-through}
sub {vertical-align:sub}
sup {vertical-align:super}

/* SITE SPECIFIC - GENERAL */
p {margin:1em 0;padding:0}

address {font-style:normal;margin:0 0 10px;padding:0}
blockquote, pre {margin:0 0 10px}
blockquote {font-size:250%;color:#000;line-height:1.1em}
pre {font-family:inherit;overflow:scroll}
hr {border: none;border-bottom:1px solid #dedede;height:0;margin:10px 0;display:block;padding:0}

/* SITE SPECIFIC - BUTTONS */
span.button {display:block;margin:10px 0}
span.button a {float:left;display:block;padding:5px;color:#FFF;text-decoration:none;background:#000}
span.button a:hover {background-color:#222;text-decoration:none;color:#FFF}

/* SITE SPECIFIC - LAYOUT */
.mainbody {width:984px;margin:10px auto}

.topshadow {width:984px; height:7px; background:url(../images/bg-topshadow.png) no-repeat}
.midshadow {width:984px; background:url(../images/bg-midshadow.png) repeat-y}
.bottomshadow {width:984px; height:7px; background:url(../images/bg-bottomshadow.png) no-repeat}

.header {background:#fff; width:970px; margin:0 auto}
.logopos {margin: 20px 0 20px 20px}
.addpos {margin: 30px 20px 20px 0}

.promotop {background:#0c1b82; height:28px; padding:10px}
.promob {background:#f0f0f0; padding:10px}
.promoTEMP {background:#f6f3d1 url(../images/bg-promo-TEMP.jpg) bottom right no-repeat; padding:10px; height:75px}

.navblock {background:#0c1b82; height:57px}

.box {border:1px solid #cdcdcd;padding:4px}

.minh {min-height: 400px}

/* SITE SPECIFIC - NAVIGATION */

a.home {background:url(../images/nav-home.png) repeat 0 0;width:66px;height: 57px;display: block}
a.home span {display:none}
a.home:hover {background:url(../images/nav-home.png) repeat 0 -57px}

a.homeOn {background:url(../images/nav-home.png) repeat 0 -57px; width:66px; height:57px; display:block}
a.homeOn span {display:none}

a.aboutus {background:url(../images/nav-about-us.png) repeat 0 0;width: 98px;height: 57px;display: block}
a.aboutus span {display:none}
a.aboutus:hover {background:url(../images/nav-about-us.png) repeat 0 -57px}

a.aboutusOn {background:url(../images/nav-about-us.png) repeat 0 -57px; width:98px; height:57px; display:block}
a.aboutusOn span {display:none}

a.timberfencing {background:url(../images/nav-timber-fencing.png) repeat 0 0;width: 150px;height: 57px;display: block}
a.timberfencing span {display:none}
a.timberfencing:hover {background:url(../images/nav-timber-fencing.png) repeat 0 -57px}

a.timberfencingOn {background:url(../images/nav-timber-fencing.png) repeat 0 -57px; width:150px; height:57px; display:block}
a.timberfencingOn span {display:none}

a.concreteposts {background:url(../images/nav-concrete-posts-and-gravel-boards.png) repeat 0 0;width: 303px;height: 57px;display: block}
a.concreteposts span {display:none}
a.concreteposts:hover {background:url(../images/nav-concrete-posts-and-gravel-boards.png) repeat 0 -57px}

a.concretepostsOn {background:url(../images/nav-concrete-posts-and-gravel-boards.png) repeat 0 -57px; width:303px; height:57px; display:block}
a.concretepostsOn span {display:none}

a.agrifencing {background:url(../images/nav-agricultural-fencing.png) repeat 0 0;width: 202px;height: 57px;display: block}
a.agrifencing span {display:none}
a.agrifencing:hover {background:url(../images/nav-agricultural-fencing.png) repeat 0 -57px}

a.agrifencingOn {background:url(../images/nav-agricultural-fencing.png) repeat 0 -57px; width:202px; height:57px; display:block}
a.agrifencingOn span {display:none}

a.contact {background:url(../images/nav-contact-us.png) repeat 0 0;width: 117px;height: 57px;display: block}
a.contact span {display:none}
a.contact:hover {background:url(../images/nav-contact-us.png) repeat 0 -57px}

a.contactOn {background:url(../images/nav-contact-us.png) repeat 0 -57px; width:117px; height:57px; display:block}
a.contactOn span {display:none}

/* SITE SPECIFIC - BASICS */
.center {text-align:center}
.right {text-align:right}
.bold {font-weight:bold}

.clear {clear:both;height:0;overflow:hidden}
.clearl {clear:left;height:0;overflow:hidden}
.clearr {clear:right; height:0;overflow:hidden}
.floatr {float:right}
.floatl {float:left}

/* SITE SPECIFIC - FONT SIZE, WIDTH & HEIGHT */
.font80 {font-size:80%}
.font100 {font-size:100%}
.font110 {font-size:110%}
.font120 {font-size:120%}
.font180 {font-size:180%}

.w25px {width:25px}
.w50px {width:50px}
.w80px {width:80px}
.w130px {width:130px}
.w150px {width:150px}
.w180px {width:180px}
.w185px {width:185px}
.w310px {width:310px}
.w400px {width:400px}
.w450px {width:450px}
.w580px {width:580px}
.w600px {width:600px}

.h100px {height:100px}


/* SITE SPECIFIC - MARGINS & PADDING */
.marg0 {margin:0}

.margt0	{margin-top:0}
.margt5	{margin-top:5px}
.margt10 {margin-top:10px}
.margt15 {margin-top:15px}
.margt20 {margin-top:20px}
	
.margb0 {margin-bottom:0}
.margb5 {margin-bottom:5px}
.margb10 {margin-bottom:10px}
.margb15 {margin-bottom:15px}
.margb20 {margin-bottom:20px}

.margr5	{margin-right:5px}
.margr10 {margin-right:10px}
.margr15 {margin-right:15px}
.margr20 {margin-right:20px}

.margl10 {margin-left:10px}

.margtb10 {margin:10px 0}
.margtb20 {margin:20px 0}

.pad0 {padding:0}
.pad5 {padding:5px}
.pad10 {padding:10px}
.pad20 {padding:20px}

.padt0 {padding-top:0}
.padt2 {padding-top:2px}
.padt5	{padding-top:5px}
.padt8 {padding-top:8px}
.padt10	{padding-top:10px}

.padr5 {padding-right:5px}
.padr12 {padding-right:12px}

/* F COLOURS */
.white {color:white}
.grey {color:#333}
.dgrey {color:#b1b1b1}

/* BG COLOURS */
.bggrey	{background:#333}
.bglgrey {background:#f0f0f0}
.bgwhite {background:white}
.bglblue {background:#394693}

/* BLOG ADDITIONS */
textarea#comment {width:300px;padding:5px}
.screen-reader-text {display:none}

img.alignleft, div.alignleft {float:left;margin:0 1.5em 0.5em 0}
img.alignright, div.alignright {float:right;margin:0 0 0.5em 1.5em}
img.aligncenter, div.aligncenter {text-align:center;margin:0 auto}