@charset "UTF-8";
/* CSS Document */
/* build for Pittaway Fencing by Creare */
/* reset */
* { margin: 0; padding:0; }
body { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; }
p { font-size:1.2em; }
img, img a { outline: none; border: none; }
/* type + classes */

h1, h2, h3, .headings { color: #152b00; padding: 0 0 20px; text-shadow: 1px 1px 2px #C6C9C6; }
.headings { font-size: 1.5em; font-weight:bold; }
.holder { margin: 0 auto; }
.logoimg { margin:0 0 0 258px; }
.heading { font-size: 1.5em; text-shadow: 1px 1px 2px #C6C9C6; color:#224C24; }
.side-heading { font-size: 1.5em; color: #858585; text-shadow: 1px 1px 2px #e5e5e5; }
/* header */
#headerwrap { width: 100%; height:auto; overflow:hidden; background: url(./images/nav-bg.jpg) repeat-x #fbfbfb; position:relative; }
#headercontain { width: 945px; height:182px; overflow:hidden; margin:0 auto; position:relative; }
.nav { width: 500px; height: 48px; position:absolute; top:2px; right:0; }
.nav ul { list-style-type: none; text-align: right; }
.nav li { display:inline; }
.nav li a { display:block; float:left; padding: 17px; font-size: 1.2em; color:#fff; text-decoration:none; text-shadow:1px 1px 2px #000; background:url(images/nav-sprite.jpg) no-repeat; background-position: 100px 100px; }
.nav li a:hover { color: #bbccaa; }
.nav li.home a:hover { background-position: 25px 34px; }
.nav li.comm a:hover { background-position: 65px 34px; }
.nav li.dom a:hover { background-position: 58px 34px; }
.nav li.contact a:hover { background-position: 33px 34px; }
.nav li.news a:hover { background-position: 25px 34px; }
.guarantee { width: 91px; height: 117px; position:absolute; top:20px; left: 10px; }
.logo { width: 638px; height: 68px; margin:0 auto; background:url(../images/logo-bg.jpg) no-repeat; position:absolute; top: 72px; left:140px; }
ul.telephone { width: 945px; height: 30px; font-size: 1.6em; list-style-type:none; color:#224c24; text-shadow: 1px 1px 2px #c6c9c6; position:absolute; top: 155px; left:85px; }
ul.telephone li { display:inline; padding: 0 20px; }
.area { color: #cca777; font-style:italic; font-size: 0.8em; }
/* flash */
#sliderwrap { width: 100%; height:auto; overflow:hidden; background: #fbfbfb; padding: 15px 0 0 0; }
#slider { width: 945px; height:300px; overflow:hidden; margin:0 auto; padding: 7px 0 0; }
.services { width:170px; height:240px; float:left; padding:15px; margin: 0 0 0 15px; background:#fff; -moz-box-shadow: 0px 2px 7px #b0b0b0; -webkit-box-shadow: 0px 2px 7px #b0b0b0; box-shadow: 0px 2px 7px #b0b0b0; }
.services ul { margin: 20px 0 0 15px; font-size: 1.3em; color:#224C24; }
.services li { margin: 0 0 5px; }
.services ul ul { font-size: 1em; margin: 5px 0 15px 15px; color:#224C24; }
/* content */
.contentwrap { width: 100%; height:auto; overflow:hidden; background: #fbfbfb; padding:0; }
.contentholder { width: 945px; height:auto; overflow:hidden; margin:0 auto; padding: 7px 0 0; background:url(images/content-holder-bg.gif) no-repeat; background-position: 661px bottom; }
.contentholder p { padding: 0 0 10px; color:#242424; }
.contentholder a { color:#224C24 }
.contentholder ul { font-size: 1.2em; margin: 5px 0 10px 15px; }
.maincontent { width: 640px; height:auto; overflow:hidden; float:left; padding: 7px 0 15px; }
.contentleft, .contentright { width: 285px; height:auto; overflow:hidden; float:left; margin: 0 0 0 16px; padding:5px; }
.sidebarholder { width:245px; min-height:505px; height:auto; overflow:hidden; float:left; margin: 0 0 0 20px; background:url(images/sidebar-border.jpg) no-repeat; background-position: 0 top; }
.sidebar { width: 230px; height:auto; overflow:hidden; margin:0 0 235px 35px; }
.post { width:220px; height:auto; overflow:hidden; margin: 15px 0; }
.date { width:51px; height:35px; background: url(images/date-bg.jpg) no-repeat; float:left; padding:20px 0 0 0; margin: 0 10px 0 0; }
.date p { text-align:center; padding:0 0 0 15px; width: 25px;  }
.post-title { font-size: 1.1em; padding:2px 0 0 0; }
.post-excerpt { font-size:1.1em; }
.process { width: 945px; margin: 0 auto; height: 500px; }
.padding { padding: 30px 0; }
#bottomdiv {margin: 0 auto; width:945px; height:auto; padding: 10px; }
#bottomdiv a {color:#fff;}
/* footer */
.footerwrap { width: 100%; height:auto; overflow:hidden; background: url(images/footerwrap-bg.jpg) repeat-x #162c01; padding: 0 0 20px; }
.footerholder { width: 945px; height:auto; overflow:hidden; margin:0 auto; background:url(images/footer-holder-bg.png) no-repeat; background-position: 661px top; padding:50px 0 0 0; }
.footerholder ul { width: 255px; height:auto; overflow:hidden; float:left; padding: 0 0 0 10px; list-style-type:none; }
.footerholder ul li { margin: 0 0 5px; }
.footerholder ul li a, .copyright li { color: #f9f9f9; text-decoration: none; }
.footerholder ul li a:hover { text-decoration:underline; }
.pages .list-title, .copyright .list-title, .list-title { color:#92a879; font-size:1.4em; font-style:italic; text-shadow: 1px 1px 2px #000; margin: 0 0 10px; }
.copyright { margin: 0 70px 0 0; }
.quick-contact { width: 300px; height:auto; overflow:hidden; margin: 0 0 0 20px; }
.footer-item { width: 280px; height: 20px; margin: 15px 0 0 0; }
.footer-item label { color: #F9F9F9; font-size: 1.2em; }
.footer-item input { margin: 0 0 0 10px; width: 220px; }
.footer-button { margin: 10px 23px 0 0; float:right; }

/* Slider */
.slider-container { width:648px; height:240px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; cursor:default; }
.slides div { position:absolute; top:0; width:650px; display:none; }
#loopedSlider, #imageholder { margin:0 0 0 5px; float:left; width:650px; position:relative; clear:both; background:#fff; padding:15px; -moz-box-shadow: 0px 2px 7px #b0b0b0; -webkit-box-shadow: 0px 2px 7px #b0b0b0; box-shadow: 0px 2px 7px #b0b0b0; }
#imagetop1 { background:url(images/commercialtop.jpg); width: 648px; height:240px; }
#imagetop2 { background:url(images/domestictop.jpg); width: 648px; height:240px; }
/* Contact Form Styles */
#contactform { padding-left: 10px; }
.success { text-align:center; background:#090; color:#FFF; padding:10px; font-weight:bold; }
#contactform label { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#333; width:62px; float:left; line-height:20px; }
#contactform input, textarea { border:1px solid #bbb; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666; width:266px; float:right; clear:none; }
#contactform select { border:1px solid #bbb; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666; width:275px; float:right; }
#contactform div.item { padding:4px 0 6px 0; overflow:hidden; }
#cfb { clear:both; overflow:hidden; background:#425331; text-align:center; margin: 10px 0 30px; cursor:pointer; }
#cfb input { background:url(/images/submit-contact.jpg) no-repeat; border:none; width:266px; height:30px; color:#FFF; }
#capt { clear:both; overflow:hidden; }
#capt a { text-decoration:none; font-size:1.1em; color:#666; }
#capt a:hover { text-decoration:underline; }
.cpt { padding-top:4px; margin-bottom:0; }
.errortop { text-align:center; background:#c13d00; color:#FFF; padding:10px; font-weight:bold; }
.error { clear:both; }
.clear { color:#ff0000; font-weight:bold; }
.clearboth { clear:both; }
#captcha { height:28px; width: 103px; padding:6px 5px 0 6px; }
#contactform p { font-weight:600; }
/*Lightbox*/
#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 { width:210px; height:140px; float:left; padding:15px; margin: 20px 0 0 10px; background:#fff; -moz-box-shadow: 0px 2px 7px #b0b0b0; -webkit-box-shadow: 0px 2px 7px #b0b0b0; box-shadow: 0px 2px 7px #b0b0b0; }
#gallery2 { width:210px; height:140px; float:left; padding:15px; margin: 20px 0 0 45px; background:#fff; -moz-box-shadow: 0px 2px 7px #b0b0b0; -webkit-box-shadow: 0px 2px 7px #b0b0b0; box-shadow: 0px 2px 7px #b0b0b0; }