@charset "UTF-8";
/* CSS Document */

/*GENERIC TAGS*/
body { margin:0 auto; background-color:#000; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:62.5%; line-height:18px }
h1,h2,h3 { color:#FC3; font-size:1.5em; font-weight:normal; }
a:link { color: #FFF; text-decoration:none; }
a:visited { color: #FFF; text-decoration:none; }
a:hover { color: #FC0; text-decoration:none; }
input.button { width:208px; background-color: #006; border:none; color: #fff; padding: 6px; }
input.button:hover { background-color: #00F; }

/*IDs*/
#header { width:789px; height:195px; background-color:#353430; padding-left: 7px; }
#flash { width:782px; height:180px; background: url(images/header-background.jpg) no-repeat; }
#nav { width:796px; height:63px; background-image: url(images/nav.jpg); text-align:right; }
#nav ul { list-style:none; padding:0px; margin:0px; padding-top:23px; padding-left:2px; padding-right:2px; text-align: center; font-size:1.2em; }
#nav li { display:inline; padding-left:6px; padding-right:6px }
#right { width:278px; background-color:#000; float:right; padding-left:0px; padding-right:30px; padding-bottom:0px; padding-top:30px; }
#right a:link { background-color: #000; color: #FFF; }
#right a:visited { background-color:#000; color:#FC0; }
#right a:hover { background-color: #000; color: #FFF; }
#left { width:414px; background-color:#000; float:left; padding-left:30px; padding-top:29px; }
#middlebg { width: 380px; padding-left:0px; padding-right:15px; padding-top:15px; line-height:15px; clear:both; }
#flashleft { width:440px; height:256px; background-image: url(images/lefttext2.jpg); background-repeat:no-repeat; }
#wrap { width:782px; border-right:#333 7px solid; border-left:#333 7px solid; overflow:hidden; background-repeat:no-repeat; padding-top:50px; padding-bottom:30px; background-color:#000; background-image: url(images/lefttextimage1.jpg); }
#bgwrap { width:902px; padding-left:98px; background-image: url(images/bgimage.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; overflow:hidden; }
#footer { width:100%; border-top:#FC0 solid 1px; background-color:#000; overflow:hidden; clear:both; font-size:1em; text-align:center; padding-top:10px; padding-bottom:10px; }
#footer ul { list-style:none; padding:0px; margin:0px; }
#footer li { display:inline; margin-right:10px; margin-left:10px; }
#seo { width:719px; margin-left:auto; margin-right:auto; clear:both; border-top:#006 dashed 1px; padding-top:20px; padding-bottom:20px; padding-left:33px; padding-right:33px; }
#error { width:540px; float:left; padding-left:33px; padding-right:33px; }
#gallery { width:783px; height:auto; margin-left:auto; margin-right:auto; }
.gallery-row { width:778px; height:auto; margin-left:auto; margin-right:auto; padding-top:3px; padding-bottom:3px; padding-left:5px }

/*BOTTOM*/
#bottom { width:100%; background-color:#000; overflow:hidden; clear:both; font-size:1em; text-align:center; padding-top:10px; padding-bottom:10px; }
#bottom ul { list-style:none; padding:0px; margin:0px; }
#bottom li { display:inline; margin-right:10px; margin-left:10px; }

/*CLASSES & SPANS*/
.yellow { color:#FC3; }
.yellow2 { color:#FC3; font-size:1.3em; }
.yellow3 { color:#FC3; font-size:0.7em; }
.move { margin-top:30px; }
.post { border-bottom:1px dotted #fff; padding-bottom:15px; }
.underline { text-decoration:underline; color: #FFF; }
.margin-right-left { margin-right:3px; margin-left:3px; }

/*THICKBOX*/
* { padding: 0; margin: 0; }
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
#landscaping-flash { background: url(images/landscaping-flash.jpg) no-repeat; height: 256px; width: 368px; }
#excavations-flash { background: url(images/excavations-flash.jpg) no-repeat; height: 256px; width: 368px; }
#plant-flash { background: url(images/planthire-flash.jpg) no-repeat; height: 256px; width: 368px; }
#home-flash { background: url(images/homepage-flash.jpg) no-repeat; height: 256px; width: 368px; }
#large-image { margin-bottom: 20px; }
#small-images img { margin-right: 17px; padding-bottom: 18px; height: 140px; float: left; width: 190px; }
#wide { width: 732px; padding: 25px; }
.padded { margin-top: 30px; }

/* SLIDER */
#slider1,
#slider2 { position:relative; width:732px; /* Change this to your images width */ height:420px; /* Change this to your images height */ background: #000; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; background: url(images/case-study-1/1.jpg) no-repeat; margin-top: 20px; }

/* NIVO */
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.nivo-prevNav { height: 35px; width: 30px; left:0px; background: url(images/back.png) no-repeat; text-indent: -9999px; }
.nivo-nextNav { height: 35px; width: 30px; right:0px; background: url(images/forward.png) no-repeat; text-indent: -9999px; }