@charset "utf-8";
/* CSS Document */
html { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif }
body { background:black url(img/bgtile.jpg) repeat-x; padding:0px; margin:0px; color:white; }

#wrapper { width:960px; padding:0px; margin:0 auto; background:url(img/wrapper-tile.jpg) no-repeat; }
#innerWrapper { clear:both; width:920px; padding:0 0 20px; margin:0 0 20px 19px; background:url(img/inner-wrapper-footer.jpg) no-repeat bottom center; }

ul.menu { height:44px; list-style:none; padding:0px; margin:0px; }
ul.menu li { display:block; float:left; }
ul.menu li a { color:white; text-decoration:none; }

ul#mainNav.menu {  }
ul#mainNav.menu li { font-size:1px; text-indent:-2000px; }
ul#mainNav.menu li a { display:block; background:url(img/navSprite.jpg) no-repeat; height:43px; }
a:focus { outline:none; }

ul#mainNav.menu li.item1 a { width:84px; background-position:0px 0px; }
ul#mainNav.menu li.item2 a { width:107px; background-position:-84px 0px; }
ul#mainNav.menu li.item3 a { width:120px; background-position:-189px 0px; }
ul#mainNav.menu li.item4 a { width:189px; background-position:-311px 0px; }
ul#mainNav.menu li.item5 a { width:104px; background-position:-505px 0px; }

ul#mainNav.menu li.item1 a:hover, ul#mainNav.menu li#current.item1 a { background-position:0px -44px; }
ul#mainNav.menu li.item2 a:hover, ul#mainNav.menu li#current.item2 a { background-position:-84px -44px; }
ul#mainNav.menu li.item3 a:hover, ul#mainNav.menu li#current.item3 a { background-position:-189px -44px; }
ul#mainNav.menu li.item4 a:hover, ul#mainNav.menu li#current.item4 a { background-position:-311px -44px; }
ul#mainNav.menu li.item5 a:hover, ul#mainNav.menu li#current.item5 a { background-position:-505px -44px; }

#logoBar { clear:both; padding:20px 0px; }

#imageslider { margin-bottom:20px; }

#mainContent #leftContent { width:640px; float:left; font-size:14px; }
#mainContent #leftContent h1,
#mainContent #leftContent h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#dbb225; margin:0px 0px 10px; }
#mainContent #leftContent h3 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px; color:#dbb225; margin:2px 0px 6px; letter-spacing:0.07em; }
#mainContent #leftContent a { color:white; text-decoration:none; }
#mainContent #leftContent a:hover { text-decoration:underline; }

#mainContent #leftContent #portalBoxes { background:url(img/portalBox.jpg) no-repeat; padding-top:20px; }
#mainContent #leftContent #portalBoxes img { margin-right:7px; }

#mainContent #rightContent { color:#dbb225; width:199px; height:371px; float:right; background:url(img/our-services.jpg) no-repeat; padding:10px 25px; }
#mainContent #rightContent.plant { background:url(img/our-plant.jpg) no-repeat; }
#mainContent #rightContent h3 { text-indent:-3000px; margin-bottom:0px; }
#mainContent #rightContent ul { list-style:none; padding:0px; margin:0px; font-size:13px; font-weight:bold; }
#mainContent #rightContent ul li { height:20px; }
#mainContent #rightContent a, #mainContent #rightContent a:hover{
	color:#DBB225;
	text-decoration:none;
}
#menuFooter { clear:both; font-size:13px; }

ul#footer.menu { width:470px; margin:0 auto; font-size:11px; }
ul#footer.menu li { padding:0px 10px; border-right:solid 1px white; }
ul#footer.menu li.last { border-right:none; }
ul#footer.menu li a {  }

#areasCoveredBottom { font-size:11px; color:#666; width:960px; margin:0 auto; text-align:center; padding-bottom:10px; }

.clr { clear:both; }

/* CAPTIONS */
.boxgrid { width:201px; height:108px; margin:0px 12px 0 0; float:left; background:#161613; border:solid 2px #8399AF; overflow:hidden; position:relative; }
.boxgrid img { position:absolute; top:0; left:0; border:0; }
.boxcaption { 	float:left; position:absolute; background:#000; height:35px; width:100%; opacity:.8;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { bottom:-35px; left:0px; font-size:12px; }
.caption .boxcaption { top:0; left:0; }
.captionfull .boxcaption p { margin:0px; padding:10px; }
.captionfull .boxcaption a { color:white; font-weight:bold; }

/* CONTACT FORMS */
#contactForm { width:280px; float:left; margin-right:20px; }
#contactForm input { margin-bottom:6px; } 
#contactDetails { width:260px; float:left; }

#innerWrapper .nivoSlider { width:920px; min-height:240px; }

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.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-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* 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;
	background:url(img/loading.gif) no-repeat 50% 50%;
	min-height:240px;
	margin-bottom:20px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}