/*GENERAL PREP*/
* { margin: 0; padding: 0; border: 0px none;  }
body {font-family: Arial;font-size: 62.5%;background: #181818 url(../images/bg.png) repeat-x 0 -50px;margin-top: 0px;color:#111;}
ul,li,ol{ margin:0; padding:0; list-style:none;}
a{ color: #F9FEED; text-decoration: none;line-height: 1.571em;outline: none}
a img{border:none;outline: none}
a:hover{ color:#411016; text-decoration: underline}
img{outline: none;border: none;padding: 0; margin: 0;}

p{line-height: 1.571em; margin: 0; padding: 0; font-size:1.35em; margin-bottom:1em;}
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-family: Arial; font-weight: normal}
h3{  font-size:4em; color: #039145; font-weight:normal; }
h4{ font-size: 2.2em; color: #333;margin: 15px 0 0 0;padding:0;  }
h5{color:#555;margin: 0; padding: 0; font-size: 100%}

li{ margin: 0 0 0.5em 0 ; padding: 0; font-size:1.10em;line-height: 1.6em;}

ul.styled_list {margin-top:10px}
ul.styled_list li { margin-bottom: 10px; background: url("../images/li_list.png") no-repeat; padding: 0 0 0 18px;}
.breadcrumb{padding-top: 15px;}
.image_align_left{margin: 10px; float: left}	
.image_align_right{margin: 0 0 10px 10px; float: right;border: 5px solid #152C0B}	

/*LOGO*/
#logo{width:364px; height: 97px; background: url(/images/logo.png) no-repeat;margin: 0px ;}



/*STRUCTURE*/
#pre_head{width:830px; height: 18px;margin: 0 auto; background: url(/images/pre_head.png) no-repeat;}
#container{width:1190px;  margin: 0 auto; }
#pre_foot{width:830px; height: 18px;margin: 0 auto; background: url(/images/pre_foot.png) no-repeat;}
#header{width:830px; height: 130px; margin: 45px auto 0 auto ; padding-left: 100px;}
#header #contact{color:#FFF; text-align: right; margin-right: 200px}
#content{width:830px; float: left; background: url(/images/content.png) repeat-y;}
#inner{width:820px; }

/*SIDE MENU*/
#side{width:164px;height: 265px;background: url(../images/side.png) no-repeat bottom; float: left;margin-top:59px}
#side ul{margin: 40px 10px 30px 10px}
#side li{margin: 0 0 6px 15px;text-align: right;  text-decoration: none}
#side li a{ font-size: 1.8em;font-family: Georgia; color: #FFF;text-decoration: none}
#side li a:hover{color: #162D0C; text-decoration: none}

/*FOOTER*/
#footer{width:830px; height: 30px; margin: 0 auto; font-family:Arial; padding-left: 100px}
#footer p{color: white;font-size: 112%}
#footnav{width:378px;color: #FFF;float: right; font-family:Arial; margin-right: 30px}
#footnav p{text-align: center; color: #999}
#footnav a{color: #999; font-family:Arial;}
#copyright p{width:360px;color: #999;float: left; font-family:Arial; text-align: left; }

/*CONTENT ELEMENT STYLING*/
#content h1{color:#F9FEED; font-family: Georgia; background: url(/images/header.png) no-repeat; width:586px;height:106px; font-size: 350%; margin: 15px 0 15px 25px; padding: 10px 0 0 10px}
#content h2{color:#F9FEED; font-family: Georgia; background: url(/images/header.png) no-repeat; width:586px;height:106px; font-size: 350%; margin: 15px 0 15px 25px; padding: 10px 0 0 10px}
#content h3{margin: 30px 25px 5px 25px;font-size: 3.2em; color:#F9FEED; font-family: Georgia;}
#content h4{margin: 0px 25px 5px 25px;font-size: 2.2em;color:#F9FEED; font-family: Georgia;}
#content h5{margin: 0px 25px 5px 25px;font-size: 1.8em;color:#8f140f;}
#content #main{width:618px;float: left; padding-left: 28px; padding-right: 5px}
#content p{margin:0px 25px 10px 25px; color: #FFF}
#content ul{margin: 15px 25px 5px 27px; color: #FFF}
#content li{margin: 0 0 6px 0;background: url(/images/li.png) no-repeat 0 0px;padding:0 0 5px 20px;font-size: 1.3em; color: #FFF}
#content a:hover{color: #FFF}

/*FORM STYLING*/
#myform{margin: 10px 25px;  padding: 15px}
#myform div{ width:600px; margin-bottom: 10px;}
#myform label{font-size: 1.3em; float: left; display: block; width:140px;color:#FFF}
#myform input{ border: 1px solid #CCC; font-size: 1.1em; padding: 5px;background:#333333;color :#FFF}
#myform textarea{ border: 1px solid #CCC; font-size: 1.1em; padding: 5px;width:260px;height: 87px;background:#333333;color :#FFF}
#myform input.submit{ width:100px; height: 30px; background: #FFF; border: 1px solid #CCC;}

/*RIGHT HAND SIDE SECTION 6 x IMAGES*/
#mini_port{width:148px; float: right;  margin-right: 10px}
#mini_port ul {margin: 0;padding: 0;}
#mini_port li {margin: 0 0 13px 0;padding: 0;}
#mini_port li span {margin: 98px 0 0 0;padding: 0 0 0 5px; width:141px; height: 26px;background:url(/images/strip.png) repeat-x;display: block;float:left; color: #FFF; font-family: Georgia}
#mini_port li a { width:146px; height: 136px;position: absolute; display: block}
#mini_port li.trees{width:146px;height: 136px; background: url(/images/trees.jpg) no-repeat}
#mini_port li.decking{width:146px;height: 136px; background: url(/images/decking.jpg) no-repeat}
#mini_port li.fencing{width:146px;height: 136px; background: url(/images/fencing.jpg) no-repeat}
#mini_port li.gardenbuildings{width:146px;height: 136px; background: url(/images/sheds.jpg) no-repeat}
#mini_port li.grasscutting{width:146px;height: 136px; background: url(/images/landscaping.jpg) no-repeat}
#mini_port li.microdiggerhire{width:146px;height: 136px; background: url(/images/microthumb.jpg) no-repeat; margin-bottom: 0}
.submitButton{display: block;width:113px;height: 25px; background: url(/images/button.png) no-repeat; text-indent: -5000px}
.submitButton:hover{display: block;width:113px;height: 25px; background: url(/images/button.png) 0 -25px no-repeat}

/*QUOTE STYLING*/
.quote{background: #333; border-top: 1px solid white; border-bottom: 1px solid white; margin: 25px; padding: 20px}
.quote .author{text-align: right; font-weight: bold}

/*POPUP MODAL WINDOW STYLING*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;	width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}

/*GALLERY/PORTFOLIO LAYOUT*/
#container #content #inner #main #gallery ul li {width:110px; height: 110px; float: left; background: none; margin: 0 15px 15px 0; border: 5px solid #333; padding-left: 0; padding-bottom: 0;}
#gallery ul li a {width:110px; height: 110px;display: block}
#gallery ul li a img {width:110px; height: 110px;}