@charset "UTF-8";

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none } 

/* Main */

*							{ margin: 0; padding: 0;}
body 						{ background: url(../!images/bg-strip.jpg) repeat-x; background-color: #e4fca3; font-family: Arial, Geneva, Helvetica sans-serif; color: #2d2c2b; font-size: 13px; }
a							{ outline: none; }
a img						{ border: none; }
p							{ line-height: 15px; }
h1, h2						{ font-family: "Arial Rounded MT Bold", arial, sans-serif; }
h1							{ font-size: 18px; border-bottom: thick solid; border-color: #BFD73B; }
h2							{ font-size: 16px; line-height: 18	px; }
h3							{ font-size: 14px; }

/* Utility */

.floatright					{ float: right; }
.floatleft					{ float: left; }
.phone						{ color:#d7d4d4; text-align:right; padding-top: 20px; padding-right: 70px; }
.preload-quote				{ background-image: url(../!images/quote-h.gif); display: none; }
.preload-web				{ background-image: url(../!images/icon-web-h.jpg); display: none; }
.preload-print				{ background-image: url(../!images/icon-print-h.jpg); display: none; }
.preload-logo				{ background-image: url(../!images/icon-logo-h.jpg); display: none; }
a.one:link, a.one:visited	{ color: #8E8080; text-decoration: none; font-weight: bold; }
a.one:hover, a.one:active	{ color: #caed67; text-decoration: none; font-weight: bold; }
a.two:link, a.two:visited	{ color: #8E8080; text-decoration: none; }
a.two:hover, a.two:active	{ color: #caed67; text-decoration: none; }
a.quote						{ display: block; width: 209px; height: 61px; background-image: url(../!images/quote.gif); background-repeat: no-repeat; }
a.quote:hover 				{ background-image: url(../!images/quote-h.gif); } 
a.flink						{ color: white; text-decoration: none; }
a.flink:hover				{ color: #caed67; text-decoration: none; }
.fieldwrap					{ padding-top: 7px; }
.fmcheck					{ padding: 0 0 10px 30px; }
.fieldwrap					{ padding-left: 10px; }
.portfolio					{ padding-top: 5px; }
.portfolio td 				{ padding-bottom: 10px; }
.fp-text					{ font-family: "Arial Rounded MT Bold", arial, sans-serif; font-size: 18px; line-height: 22px; border-bottom: none;}
.about-fix					{ height: 318px; }
.about-img					{ float: left; margin: -3px 8px 0 -5px;}
.int-col					{ margin-top: 20px; }

/* Structure */

#wrapper					{ width: 782px; position: relative; margin: 0 auto; }	
#header 					{ height: 125px; background:url(../!images/header-bg.jpg); }
#content					{ width: 682px; background:url(../!images/content-bg2.jpg) no-repeat; margin: 0 auto; position: relative; }
#content span				{ color: #8E8080; }
#content-wrap				{ width: 682px; background:url(../!images/content-bg.jpg); margin: 0 auto; }
#leftcol					{ width: 416px; padding: 0 0 0 15px;}
#rightcol					{ width: 236px; background:url(../!images/rightcol-bg.jpg) no-repeat; float: right; padding: 42px 11px 0 0; }
#rightcol p					{ padding-left: 13px; }
#footer						{ width: 682px; height: 56px; background:url(../!images/footer-bg.jpg); margin: 0 auto; color: #d7d4d4; }
#footer p					{ padding: 19px 15px 0 13px; }
#footer span				{ text-align: right; }
#logo-zone 					{ position: absolute; top: 34px; left: 70px; height: 74px; width: 182px; background-color: transparent; }
#form-fix 					{ font-weight: bold; margin-left: 85px; }
#footer-w					{ margin: 6px 0 0 8px; }

/* Navigation */

.nav {
	width: 439px;
	height: 43px;
	background: url(../!images/nav.jpg) no-repeat;
	position: absolute;
	top: 82px;
	left: 283px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 43px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.nav .about a:link, .nav .about a:visited {
		
		width: 86px;
	}
.nav .about a:hover {
		background: url(../!images/nav.jpg) no-repeat 0px -43px;
	}
.nav .about a:active {
		background: url(../!images/nav.jpg) no-repeat -43px -98px;
	}
.current-about .about a:link, .current-about .about a:visited {
		background: url(../!images/nav.jpg) no-repeat -43px -98px;
		cursor: default;
	}
.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		width: 87px;
		height: 43px;
		background: url(../!images/nav.jpg) no-repeat 0px -43px;
	}
.nav-about-click {
		background: url(../!images/nav.jpg) no-repeat 0px -43px;
	}



.nav .services a:link, .nav .services a:visited {
		left: 87px;
		width: 111px;
	}
.nav .services a:hover {
		background: url(../!images/nav.jpg) no-repeat -87px -43px;
	}
.nav .services a:active {
		background: url(../!images/nav.jpg) no-repeat -43px -198px;
	}
.current-services .services a:link, .current-services .services a:visited {
		background: url(../!images/nav.jpg) no-repeat -43px -308px;
		cursor: default;
	}
.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 87px;
		width: 111px;
		height: 43px;
		background: url(../!images/nav.jpg) no-repeat -87px -43px;
	}
.nav-services-click {
		background: url(../!images/nav.jpg) no-repeat 87px -43px;
	}



.nav .portfolio a:link, .nav .portfolio a:visited {
		left: 197px;
		width: 110px;
	}
.nav .portfolio a:hover, .nav .portfolio a:focus {
		background: url(../!images/nav.jpg) no-repeat -198px -43px;
	}
.nav .portfolio a:active {
		background: url(../!images/nav.jpg) no-repeat -43px -198px;
	}
.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
		background: url(../!images/nav.jpg) no-repeat -183px -147px;
		cursor: default;
	}
.nav-portfolio, .nav-portfolio-click {
		position: absolute;
		top: 0;
		left: 198px;
		width: 110px;
		height: 43px;
		background: url(../!images/nav.jpg) no-repeat -198px -43px;
	}
.nav-portfolio-click {
		background: url(../!images/nav.jpg) no-repeat -198px -43px;
	}


	
.nav .contact a:link, .nav .contact a:visited {
		left: 308px;
		width: 103px;
	}
.nav .contact a:hover, .nav .contact a:focus {
		background: url(../!images/nav.jpg) no-repeat -308px -43px;
	}
.nav .contact a:active {
		background: url(../!images/nav.jpg) no-repeat -43px -308px;
	}
.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../!images/nav.jpg) no-repeat -281px -147px;
		cursor: default;
	}
.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 308px;
		width: 103px;
		height: 43px;
		background: url(../!images/nav.jpg) no-repeat -308px -43px;
	}
.nav-contact-click {
		background: url(../!images/nav.jpg) no-repeat -281px -98px;
	}


#icons 						{ background:url("../!images/icons.jpg") no-repeat; height:142px; margin:0; padding:0; }
#icons span					{ display: none; }
#icons li, #icons a			{ height:142px; display:block; }
#icons li 					{ float:left; list-style:none; display:inline; position:relative; }

#icons-01					{ width: 130px; margin-left:0px;}
#icons-02					{ width: 132px; margin-left:1px;}
#icons-03					{ width: 140px; margin-left:1px;}


#icons-01 a:hover			{ background:url("../!images/icons.jpg")  0px -142px no-repeat; }
#icons-02 a:hover			{ background:url("../!images/icons.jpg") -131px -142px no-repeat; }
#icons-03 a:hover			{ background:url("../!images/icons.jpg") -264px -142px no-repeat; }

#form-fix table tr { margin-bottom: 10px; }

/* Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../!images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../!images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../!images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #a2c545;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
a:link, a:visited	{ color: #b2a8a8; text-decoration: none; font-weight: bold; }
a:hover, a:active	{ color: #caed67; text-decoration: none; font-weight: bold; }