/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}


/* -------------------- */
/* Grid */
/* -------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px; margin-right:20px !important}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body{font-size:75%; color:#4e4e4e; background:#fff; font-family: Arial, Helvetica, sans-serif; background-image:url(../../Image/bkg_body.jpg); background-repeat: repeat-x;}

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{color:#00703c; font-size:2.5em; line-height:1; margin-bottom:0.5em}
h2{color:#4e7103; font-size:1.5em; margin-bottom:0.75em}
h3{font-size:1em; line-height:1; margin-bottom:1em}
h4{font-size:.7em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a:focus, a:hover{color:#333333}
a{color:#6bb5e1; text-decoration:underline}

blockquote{color:#575757; margin:22px 40px; padding:0 50px; background:transparent url(../../Image/User/blockquote.gif) no-repeat 0 0}
blockquote span{color:#575757; font-size:inherit}
strong{font-weight:bold; color:#000}
em, dfn{font-style:italic}

dfn{font-weight:bold}
sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}

pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}
ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}




/* A container should group all your columns. */
.container{width:916px; margin:0 auto;}


/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}

a.searchbtn:link{float:left; width:23px; height:23px; background:url('../../Image/btn_search.jpg') no-repeat 0 0;}
a.searchbtn:hover{float:left; width:23px; height:23px; background:url('../../Image/btn_search.jpg') no-repeat 0 0;}

/* -------------------- */
/* Non-Framework */
/* -------------------- */

#header {width: 900px;height: 140px;border-bottom: 9px solid #00703c;margin: 0 0 0 8px}
#headerTools {width: 200px;height: 103px;float: right;}
#searchBox {height: 30px;float: right;padding-top: 35px;}
#searchBox .mainInput {float:left;width:125px;height:23px;background:transparent url(../../Image/dgn_input.jpg) no-repeat 0 0;}
#searchBox .mainButton {float:left;width:23px;height:23px; margin-left:3px;}
#searchBox input {border:0;font-size:11px; margin-top:2px; margin-left:8px;}

#phoneContact {float:right;}
#phoneContact img {border-left: 1px solid black;padding-left: 10px;margin: 2px 0 0 0;float: left;}
#phoneContact a, #moreEntries h2 {float:left;margin-left: 8px;color: #f08476;}

#mainNav {width:575px;height:37px;float: right;}

.logoHeader {float: left;margin: 10px 0 10px 0;}
#mainImageArea {width: 900px;height: 261px;  background: url(../../image/bkg_mainImage.jpg);margin: 0 0 0 8px;}
#leftButtons {width:591px; height:261px; float: left;}
#rightButtons {width: 309px;height: 261px;float: left;}
#rightButtonsTop {width: 309px;height: 84px;}
#rightButtonsMiddle {width: 309px;height: 85px;}
#rightButtonsBottom {width: 309px;height: 92px;}
.imageButton {margin: 190px 0 0 25px;}


#contentColumns {width: 916px; margin-top:14px;}
.contentColumn {width: 220px;float: left;margin-right: 9px;}
.contentColumnText {width: 212px;margin: 10px 0 0 8px;}
.contentColumnText a {color: #6bb5e1;margin-top: 10px;display: block;}


#ourCustomers {width: 208px;height: 259px;float: right;margin-right: 8px;}
#ourCustomers h1 {font-size:1em;color: #a4a4a4;font-weight: bold;text-align: center; margin-bottom:1em;}
#ourCustomers hr {color: #a4a4a4;}

#siteMid {width: 902px; padding:0px 8px 0px 8px;}
#siteMid .secHolder {width: 900px; background:transparent url(../../Image/bkg_secondary.jpg) repeat-y 0 0}
#siteMid .scC1 {float:left;width:220px;background-color:#d5ebdb;}
#siteMid .scC2 {float:left;width:640px;padding:35px 20px 0 20px;}/*width:680px;*/




#footer {width:916px;height:239px;margin-bottom: 25px;}
#footerHeader {float: left;width:900px;height:40px; background-color: #b4c5b9;border-bottom: 1px solid #effff3;}
#footerLinks {float:left;width:900px;background-color: #d5ebdb;}
#footerHeader h1 {float: left;font-size: 14px;color: #5e6760;font-weight: bold;}
#footer ul {list-style: none;color: #5e6760; margin:0; padding:0;}
#footer a {text-decoration: none;color: #5e6760;}

.footerLinksColumn {float:left;width:150px;margin: 10px 0 0 18px;}

.footerBlogColumn {float: left;width: 275px;margin: 10px 0 0 18px;}

.footerInfoColumn {float: left;width: 235px;margin: 10px 0 0 18px;}


/* DO THIS WITH LI IMAGE REPLACEMENT */
.footerBlogColumn a {text-decoration: none;color: #5e6760;}
.footerBlogColumn li {width: 225px;margin-bottom: 5px;background-image: url(../../image/ico_blogList.jpg);background-repeat: no-repeat;background-position: 0 4px;padding-left: 20px;width: 225px;}
/* DO THIS WITH LI IMAGE REPLACEMENT */


#moreEntries a{font-size: 12px;background-image: none;color: #f08476;margin-top: 5px;}
#copyRight {color: #9bb0a0;margin: 10px 0 0 18px;}
#copyRight a {color: #9bb0a0;}