@charset "UTF-8";

/* CSS Document */

/* ------------ Generic --------------- */


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; }

img { border: none; }

/*a { outline: none; color: #000; text-decoration:underline; }

a:hover { outline: none; color: #2196dc; text-decoration:underline; }*/

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; background:url(images/bg.jpg) repeat-x top #2f2f2f; }

#wrap { width: 986px; margin: 0 auto; background: url(images/gradr.jpg) repeat-y right; overflow: hidden; }

#wrapl { width: 726px; float: left; padding: 0 15px 15px 0; }

#wrapr { width: 215px; float: left; padding: 0 15px; }

h1 { font: 1.7em/38px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #f8933b; text-transform:uppercase; padding-left: 15px; font-weight: normal; }

h2 { font: 1.2em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding-bottom: 15px; clear: left; font-weight: bold; }

p { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#b3b3b3; padding-bottom: 15px; }

.white { color: #FFF; padding-bottom: 0; line-height: 2em; }

.black { color:#000; font-weight: bold; padding-bottom: 0; }

.orange { text-transform: uppercase; color: #f8933b; font-size: 1.2em; float: right; padding-top: 43px; }

.fakeone { font-size: 1.3em; color:#FFF; padding-bottom: 15px; clear: left; font-weight: bold; }

.faketwo { font: 1.2em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding-bottom: 15px; clear: left; font-weight: bold; }

.fakethree { font: 1.7em/38px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #f8933b; text-transform:uppercase; padding: 0 0 0 15px; font-weight: normal; }

a { color:#FFF; text-decoration: underline; outline: none; }

a:hover { color:#f8933b; text-decoration: underline; }

.bold { font-weight: bold; color:#FFF; }

.contactdetails { font-weight: bold; color:#909090; }

.fl { float: left; }

/* ------------ Header --------------- */

#header { width: 726px; height: 110px; }

#logo { width: 200px; padding-top: 26px; float: left; }

#flash { width: 724px; height: 323px; border: 1px solid #FFF; margin-bottom: 22px; }

#nav { width: 526px; float: right; margin: 0 0 0 0; }

#nav ul { float: right; }

#nav li { display: inline; font-size: 1.1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }

#nav li a { color:#FFF; text-decoration: none; display: block; margin-left: 8px; float: left; }

#nav li a:hover, #nav li a.active, #nav li a.active:hover { text-decoration: none; border-bottom: 1px solid #f8933b; }

/* ------------ Feature --------------- */

#feature { width: 690px; height: 135px; background: url(images/feature.jpg) repeat-x top; padding: 0 18px; float: left; }

.featurediv { width: 1px; height: 119px; background-color:#8d8d8d; margin: 6px 19px; float: left; }

.featureimg a { width: 194px; height: 26px; display: block; background-position: 0 0; font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration: none; color:#FFF; float: left; margin-top: 15px; padding: 74px 0 0 10px; }

.featureimg a:hover { background-position: 0 -100px; text-decoration: none; color:#FFF; }

.bridge { background: url(images/bridges.jpg) no-repeat top left; }

.antislip { background: url(images/antislip.jpg) no-repeat top left; }

.path { background: url(images/paths.jpg) no-repeat top left; }

.heading { width: 469px; height: 38px; background: url(images/heading.jpg) no-repeat top left; float: left; margin: 15px 15px 15px 0; }

#content { width: 437px; margin-right: 15px; padding: 15px 15px 0 15px; float: left; border: 1px solid #585858; display: inline; }

#content ul { padding-bottom: 15px; list-style-position: inside; }

#content li { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#909090; }

.porfolio { width: 242px; height: 38px; background: url(images/portfolio.jpg) no-repeat top left; float: left; margin: 15px 0; }

#contentr { width: 210px; padding: 15px; float: left; border: 1px solid #585858; display: inline; }

.gal { width: 98px; height: 98px; padding: 3px; float: left; }

.porfoliohead { width: 726px; height: 38px; background: url(images/gallery.jpg) no-repeat top left; float: left; margin: 15px 0 15px 0; }

#contentg { width: 694px; padding: 15px 15px 0 15px; float: left; border: 1px solid #585858; display: inline; }

#contentg ul { list-style: none; float: left; }

#contentg ul li { display: inline; width: 109px; height: 109px; float: left; padding: 3px; padding-bottom: 20px; }

.moreinfo a { width:97px; height: 22px; display: block; background: url(images/moreinfo.png) no-repeat top left; background-position: 0 0; margin-top: 15px; }

.moreinfo a:hover { background-position: 0 -22px; }

/* ------------ Right Col --------------- */

#contact { width: 215px; background: url(images/shad.jpg) no-repeat bottom #ff922d; padding-top: 15px; }

#construction { width: 215px; background-color:#FFF; padding: 7px 0 25px 0; }

.rightwrap { width: 175px; margin: 5px 20px 0 20px; }

.rightwrap h3 { margin-bottom: 10px; }

#contact input { margin-top: 10px; padding: 2px; }

#contact select { margin-top: 8px; padding: 2px; }

.submit { width:97px; height: 22px; background: url(images/submit.png) no-repeat top left; background-position: 0 0; cursor: pointer; clear: both; border: none; margin-bottom: 25px; }

.submit:hover { background-position: 0 -22px; }

.divide { width: 175px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px; margin: 20px 0; }

#news { width: 215px; background: url(images/shad.jpg) no-repeat bottom #6a6969; padding: 15px 0 25px 0; }

.numbers { font: 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-bottom: 0; text-transform: uppercase; text-align: center; }

.call { font-size: 1.9em; color:#FFF; padding-bottom: 0; line-height: 1.5em; font-weight: bold; }

/* ------------ Footer --------------- */

#footer { background-color: #000; }

#footerwrap { width: 986px; background: url(images/footer.jpg) repeat-y right #000; margin: 0 auto; overflow: auto; }

#footerimg { width: 215px; float: left; padding-left: 27px; }

.footerbox { width: 212px; float: left; margin-top: 20px; padding: 5px 15px; border-left: 1px solid #f8933b; }

.footerbox li { font: 1.1em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #f8933b; list-style: none; }

.footerbox li a { color: #FFF; padding: 7px 0; text-decoration: none; }

.footerbox li a:hover { padding-left: 10px; text-decoration: none; color: #f8933b; }

#footertxt { clear:left; padding: 10px 0 15px 0; }

#footertxt p { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#909090; border-right: solid 1px #909090; padding: 0 10px 0 0; }

#footertxt a { outline: none; color:#FFF; text-decoration:none; padding-left: 10px; }

#footertxt a:hover { color: #f8933b; }

/* ------------ Form --------------- */

.form { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#909090; padding: 10px 0 2px 0; }

.pointer { cursor: pointer; }

#scrollup { position: relative; overflow: hidden; background: url(images/shad.jpg) no-repeat bottom #000; height: 136px; width: 214px; margin: 20px 0; }

.headline { position: absolute; top: 136px; left: 20px; padding-top: 10px; }

.scroll { color: #FFF; padding-bottom: 0; line-height: 3em; }

.formstyle { width: 430px; }

.bibformstyle { width: 167px; }

.fbib { width: 175px; }

/*----------------- Extra --------------------*/

#extra { clear: left; font-size: 1.1em; color: #fff; padding-top: 10px; text-align: center; }

#extra ul { width: 700px; text-align: center; }

#extra li { width: 33%; }

#extra li a { color: #fff; text-align: center; width: 33%; }

/* Linkbox */

#linkbox { padding: 10px 10px 0 10px; margin: 7px 0; border: 1px dotted #f8933b; }

/*----------------- 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%; 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; }

#sidebar ul { list-style-type: none; }

#sidebar h2 { padding: 15px 0 5px 0; }

/* The Nivo Slider styles */
.nivoSlider { position:relative; width: 724px; height: 323px; border: 1px solid #FFF; margin-bottom: 22px; }

.nivoSlider img { position:absolute; top:0px; left:0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }

/* The slices in the Slider */
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }

/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; }

.nivo-caption p { padding:5px; margin:0; }

/* Direction nav styles (e.g. Next & Prev) */

.nivo-prevNav { left:0px; }

.nivo-nextNav { right:0px; }

.nivo-directionNav a {
	position:absolute; top:45%; z-index:99; cursor:pointer;
	display:block;
	width:32px;
	height:34px;
	background: url(images/arrows.png) no-repeat;
	text-indent: -9999px;
	border:0;
	position:absolute; top:45%;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; }

.nivo-controlNav a.active { font-weight:bold; }

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}