/* Global Reset */
a { color:#0033FF }
a:hover { color:green; text-decoration:underline !important; }
div, p, table, td, tr, span, ul, li, dt, dd, dl, img, h1, h2, h3, h4, address { margin: 0; padding: 0;}
hr { margin: 0; padding: 0; border: 1px solid white;}
address {font-style: normal; line-height: 14px;}
body { padding: 0 0 20px 0; margin: 0; background: white; font-family: verdana; text-align: center; background: url(../images/body-bg.gif) 0 0 repeat-x #fff;}
li { list-style-type: none;}
img, a img { border: none;}
.photo { padding:3px; border:1px solid #ccc; margin:10px;}
td .photo {  margin:0;}
#partners .photo {  margin:0 10px 0 20px;}

.font9 { font-size:9px} 
.font10 { font-size:10px} 
.font11 { font-size:11px} 
.font12 { font-size:12px} 
.font14 { font-size:14px} 
.font16 { font-size:14px} 
.font18 { font-size:18px} 
/* Modules */

#container { width: 970px; text-align: left; margin: 0 auto;}

#header { height: 105px; width: 970px;}
#header #logo { float: left;}
#header div { float: left;}
#header .leftcolumn { float: left; padding: 0 0 0 20px;}
#header .rightcolumn { float: left; padding: 0 0 0 20px;}
#header .rightcolumn #primary-navigation { margin: 10px 0 0 0; padding: 10px 0 0 0; width: 741px; height: 46px; background: url(../images/main-navigation-bg.gif) 0 0 no-repeat;}
#header .rightcolumn #primary-navigation li { float: left; margin: 0 0 0 20px;}
#header .rightcolumn #primary-navigation li#services a:hover,
#header .rightcolumn #primary-navigation li#resources a:hover,
#header .rightcolumn #primary-navigation li#gallery a:hover,
#header .rightcolumn #primary-navigation li#awards a:hover { background-position: 0 -24px;}
#header .rightcolumn #primary-navigation li.selected a { background-position: 0 -24px !important;}
#header .rightcolumn #primary-navigation li#services a { text-indent: -5000px; background: url(../images/li-services.gif) 0 0 no-repeat; display: block; width: 85px; height: 24px;}
#header .rightcolumn #primary-navigation.services li#services a { background-position: 0 -24px !important;}
#header .rightcolumn #primary-navigation li#resources a { text-indent: -5000px; background: url(../images/li-resources.gif) 0 0 no-repeat; display: block; width: 102px; height: 24px;}
#header .rightcolumn #primary-navigation.resources li#resources a { background-position: 0 -24px !important;}
#header .rightcolumn #primary-navigation li#gallery a { text-indent: -5000px; background: url(../images/li-gallery.gif) 0 0 no-repeat; display: block; width: 81px; height: 24px;}
#header .rightcolumn #primary-navigation.gallery li#gallery a { background-position: 0 -24px !important;}
#header .rightcolumn #primary-navigation li#awards a { text-indent: -5000px; background: url(../images/li-awards.gif) 0 0 no-repeat; display: block; width: 153px; height: 24px;}
#header .rightcolumn #primary-navigation.awards li#awards a { background-position: 0 -24px !important;}
#header .rightcolumn #secondary-navigation { margin: 20px 0 20px 50px;}
#header .rightcolumn #secondary-navigation li { float: left; font-size: 11px; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #ccc;}
#header .rightcolumn #secondary-navigation li a { color: #666; text-decoration:none}
#header .rightcolumn #secondary-navigation li a:hover { color: green;}

#home { background: #ccc url(../images/top-bg.jpg) right 0 no-repeat; padding: 0; _padding: 0 0 10px 0; width:975px}
#home h1 { font-size:16px; width:550px; height:35px; margin:0; padding:10px 0 0 10px; }
#home #promo-area { height: 252px;}
#home #promo-area .leftcolumn { height: 249px; float: left; width: 705px; background: #ccc 0 0 no-repeat; margin: 5px 0 0 10px; _margin: 8px 0 0 5px;}
#home #promo-area .leftcolumn #flash { float:left; }
#home #promo-area .rightcolumn { display: block; float: left; width: 250px; padding: 40px 0 0 0;}
#home #promo-area .rightcolumn p {font-size: 10px; text-align: right; margin: 0 10px 6px 20px; _margin: 0 0 10px 30px;}
#home #promo-area .rightcolumn p.quote { text-align: left;}
#home #promo-area .rightcolumn p a { font-size: 12px; color: #00704a; font-weight: bold; padding-top:5px;}
#home #promo-area .leftcolumn #promo { width: 200px; padding: 15px 0 35px 10px; float: right; margin: 0px 10px 0 0; font-size: 11px; font-weight: bold; background-color:#EBEBEB}
#home #promo-area .leftcolumn #promo ul { margin: 15px 0 15px 0;}
#home #promo-area .leftcolumn #promo ul li { background: url(../images/bullet-check.gif) 10px 0 no-repeat; padding: 0 0 0 35px; margin: 0 0 5px 0;}
#home #promo-area .leftcolumn #promo ul li a {  color: #00704a; font-weight: bold;}
#home #modules { background: #ccc; padding: 0 0 10px 10px; _padding: 0 0 1px 10px; }
#home #modules .column {width: 230px; float: left; background: white; margin: 0 0 0 10px; }
#home #modules #gallery { background: white url(../images/gallery-snapshot.gif) 140px 60px no-repeat;}
#home #modules #awards { background: white url(../images/blue-ribbon.gif) 160px 60px no-repeat;}
#home #modules #awards ul, #home #modules #gallery ul { width: 70%;}
#home #modules .column ul { margin: 10px; height: 260px; } /* Please note the static height set to this class, if number of bulletted items changes the height on this list will need to be modified */
#home #modules .column li { color: #006633; list-style-type: disc; font-size: 12px; margin: 0 0 5px 15px;}
#home #modules .column li a { color: #006633; text-decoration:none; }
#home #modules .column li a:hover { color: #99CC00}
/* Subpage */

#interior { background: #ccc; width:975px;}
#interior .leftcolumn { float: left; width: 190px; margin: 8px 0 0 10px; _margin: 8px 0 0 5px; background: white;}
#interior .leftcolumn ul { margin: 5px 0 5px 0;}
#interior .leftcolumn ul li { font-size: 11px;}
#interior .leftcolumn ul li a { color: black; border-bottom: 1px solid #ebebeb; text-decoration: none; margin: 0 5px 0 5px; padding: 8px 0 8px 5px; display: block; line-height: 14px;}
#interior .leftcolumn ul li a:hover { color: black; text-decoration: none; background: yellow; }
#interior .leftcolumn ul li a.selected { color: black; text-decoration: none; background: yellow; font-weight: bold;}

#interior .rightcolumn { float: left; width: 750px; margin: 8px 0 0 10px; _margin: 8px 0 0 8px; background: white;}
#interior .rightcolumn .content { float: left; width: 559px; border-right: 1px solid #ebebeb; color: #4b4b4b; padding: 0 0 40px 0; font-size: 11px;}
#interior .rightcolumn .content .header { margin: 0 0 10px 20px;}
#interior .rightcolumn .content p {  margin: 0 20px 10px 20px; line-height: 16px;}
#interior .rightcolumn .content table { margin:10px 20px; }
#interior .rightcolumn .content table td p { margin:10px; }
#interior .rightcolumn .content ul { margin:0 0 10px 20px; list-style-type:disc; padding: 0 0 0 15px; }
#interior .rightcolumn .content ul ul {margin: 0 0 0 10px; }
#interior .rightcolumn .content ul li { margin:0 0 5px 15px; list-style-type:disc; }
#interior .rightcolumn .content p.breadcrumbs { border-bottom: 1px solid #ebebeb; padding: 0 0 5px 0; margin: 10px 20px 10px 20px; text-transform:uppercase;}
#interior .rightcolumn .content p.breadcrumbs, #interior .rightcolumn .content p.breadcrumbs a { color: #a5a5a5; text-decoration: none; font-weight: bold;}
#interior .rightcolumn .content p.breadcrumbs a:hover { color: #00704a; text-decoration: underline;}
#interior .rightcolumn .content p.caption { font-size: 12px; font-weight: bold;}
#interior .rightcolumn .content h3 { font-size: 12px; margin: 0 20px 10px 20px;}
#interior .rightcolumn .content #contact { margin: 20px 20px 0 20px; padding-top:20px; border-top:1px solid #ebebeb}
#interior .rightcolumn .content #contact img { margin: 0 0 0 140px;}
#interior .rightcolumn .content #contact h3, #interior .rightcolumn .content #contact p { margin-left:0; margin-right:5px }
#interior .rightcolumn .content h1 { display:block; font-size:16px; margin:10px 0 10px 20px; color:#00704A; }
#interior .rightcolumn .sidebar { float: left; width: 170px;}
#interior .rightcolumn .sidebar ul { margin: 0 0 20px 0;}
#interior .rightcolumn .sidebar ul li { font-size: 11px; font-weight: bold; background: url(../images/bullet-check.gif) 15px 1px no-repeat; padding: 0 0 0 40px; margin: 0 0 5px 0; _margin: 0;}
#interior .rightcolumn .sidebar .header { margin: 17px 17px 5px 17px;}
#interior .rightcolumn .sidebar .button { margin: 0 0 10px 17px;}
#interior .rightcolumn .sidebar .recent-project { text-align: center; margin: 10px 0 0 20px; font-size: 11px; font-weight: bold; color: #00704a;}
#interior .rightcolumn .sidebar .view-more { margin: 20px 0 20px 30px;}
#interior .rightcolumn .sidebar .view-more a { text-align: center; font-size: 11px; font-weight: bold; color: #00704a; text-decoration: underline;}

#footer-top { margin: 10px 0 0px 0; background: #EDEDED; border: 1px solid #CCC; padding: 10px 0 10px 0; width:975px; display:block}
#footer-top .column { float: left; background: url(../images/footer-column-bg.gif) 0 0 repeat-y; border-right: 1px solid #ccc; padding: 0 15px 0 10px; margin: 0 10px 0 10px; height:160px;}
#footer-top .column strong { color: #666;}
#footer-top .column ul li { font-size: 11px; color: #666; margin: 0 0 5px 0; _margin: 0;}
#footer-top .column ul li a, #footer-top .column a { color:#666; text-decoration:none; }
#footer-top .column ul li a:hover  { color: green; text-decoration: underline;}
#footer-top .column address { font-size: 11px; color: #666; line-height: 22px; _line-height: 22px;}
#footer-top .column h4 { font-size: 12px; color: #666; margin: 0 0 10px 0;}
#footer-bottom { margin: 0px 0 0 0; width: 100%;}
#footer-bottom .leftcolumn { float: left; width: 45%;}
#footer-bottom .leftcolumn ul { margin: 5px 0 0 0;}
#footer-bottom .leftcolumn ul li { float: left; font: normal 11px arial; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid black;}
#footer-bottom .leftcolumn ul li a { color: black; text-decoration: none;}
#footer-bottom .leftcolumn ul li a:hover { color: green; text-decoration: underline;}
#footer-bottom .leftcolumn p { font: normal 11px arial;}
#footer-bottom .rightcolumn { float: left; padding: 0 0 0 60px;}

.ad { font-size:9px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-decoration:none }

/* Override Classes */

.nomargin { margin: 0 !important;}
.noborder { border: none !important;}
#lightBox{
	position: absolute;
	top: 40px;
	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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	}
	

.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 */
	}	
	
/* Clear Float */

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cf {height: 1%;}