* {
	margin: 0;
	padding: 0;
}
html, body, #bg, #bg table, #bg td, #cont {
	height:100%;
	width:100%;
	}
	
html {font-size:100%;}
body {font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
text-align:right;}

#focus-stealer {
	position: absolute;
	left: -9999px;
}
img.bg {
	/* Set rules to fill background */
			min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
			width: 100%;
	height: auto;
	/* Set up positioning */
			position: fixed;
	top: 0;
	left: 0;
}
 @media screen and (max-width: 1024px) {
 img.bg {
 left: 50%;
 margin-left: -512px;
}
}
div#content_wrapper {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative;
	/* These have no effect on the functionality */
	width: 728px;
	margin: 0 auto;
	background:url(../images/contback.png); background-repeat:repeat;
	padding: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	color:#fff;
	/*min-height:700px;*/
}
body {
	/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
	padding: 0 0 0 0;
}
#bannerwrapper {
	position:relative;
	height:75px;
	width:100%;
	background:#131313;
	color:#fff;
}
#banner {
	width: 768px;
	height:75px;
	margin: 0 auto;
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
}

/********************** nav styles ***************************/

#hnav {
	position:relative;
	margin: 0 auto;
	height:50px;
	width:768px;
	background:#000;
	color:#fff;
	padding:0px;
	background-image:url(../images/hnav.jpg);
	background-repeat:no-repeat;
}

#hnav ul { position:relative; left:382px; top:27px;}

#hnav li {display:inline; }
#hnav li a { text-indent:9999px;  float:left; overflow:hidden; }

#hnav li a#nav_home { display: block; width:40px; height:12px;  margin-right:18px; background-image:url(../images/nav_sprite.jpg); background-position:0px 0px;  }
#hnav li a:hover#nav_home { background-image:url(../images/nav_sprite.jpg);  background-position:0px 12px;}


#hnav li a#nav_ap { display: block; width:62px; height:12px;  margin-right:17px; background-image:url(../images/nav_sprite.jpg); background-position:-57px 0px; }
#hnav li a#nav_ap.selectwed { display: block; width:62px; height:12px;  margin-right:17px; background-image:url(../images/nav_sprite.jpg); background-position:-57px 12px; }
#hnav li a:hover#nav_ap { background-image:url(../images/nav_sprite.jpg); background-position:-57px 12px;}


#hnav li a#nav_sa { display: block; width:87px; height:12px; margin-right:17px;   background-image:url(../images/nav_sprite.jpg); background-position:-136px 0px; }
#hnav li a#nav_sa.selectcom  { display: block; width:87px; height:12px; margin-right:17px;   background-image:url(../images/nav_sprite.jpg); background-position:-136px 12px; }
#hnav li a:hover#nav_sa { background-image:url(../images/nav_sprite.jpg); background-position:-136px 12px; }

#hnav li a#nav_ga { display: block; width:40px; height:12px; margin-right:17px;   background-image:url(../images/nav_sprite.jpg); background-position:-239px 0px; }
#hnav li a#nav_ga.selectpres  { display: block; width:40px; height:12px; margin-right:17px;   background-image:url(../images/nav_sprite.jpg); background-position:-239px 12px; }
#hnav li a:hover#nav_ga { background-image:url(../images/nav_sprite.jpg); background-position:-239px 12px; }

#hnav li a#nav_contact { display: block; width:60px; height:12 px;  background-image:url(../images/nav_sprite.jpg); background-position:-295px 0px; }
#hnav li a#nav_contact.selectcon { display: block; width:60px; height:12 px;  background-image:url(../images/nav_sprite.jpg); background-position:-295px 12px; }
#hnav li a:hover#nav_contact { background-image:url(../images/nav_sprite.jpg); background-position:-295px 12px; }


#content_wrapper p {
	/*position:relative;
	top:110px;*/
	font-family: "Frutiger LT 55 Roman", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:1em;
	/*text-transform: uppercase;*/
	line-height: 1.3em;
	margin-top:45px;
}

#content_wrapper a { color:#fff; text-decoration:underline;}
#content_wrapper a:hover {color: #FFFFCC; text-decoration: none;}
#content_wrapper a:visited { color:#fff; text-decoration:underline;}

#photos {/*position: relative;
	top: 1.7em;*/}

#footer {
	position:relative;
	width: 768px;
	height:33px;
	margin: 0 auto;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	}
	
#footer p {position:relative; top:8px; right:35px;font-size:1.1em;color:#fff;}	


#imgbrowz0r { margin-top: 50px;}

#imgbrowz0r .img-thumbnail a,
		#imgbrowz0r .img-directory a {
			display: block;margin: 0 auto;
			width: 170px;height: 160px;line-height: 150px;
			background-repeat: no-repeat;background-position: 50% 50%; border:1px solid #fff;
			}

#imgbrowz0r .img-thumbnail,
		#imgbrowz0r .img-directory { float: right; padding: .5em 0;width: 25%;  }
		
		#imgbrowz0r .img-column-1 { clear: right; }
.img-thumbnail span { display:none;}


/* This is some example CSS. You can change this to your own liking. 
		.img-description, .imgbrowz0r-navigation, #imgbrowz0r { margin: 0 auto;text-align: left}
		.imgbrowz0r-navigation { padding: 1.5em 0 0.5em }
		.imgbrowz0r-navigation .img-statistics { margin-top: 1.5em }

		.img-description { margin: 1.5em auto 0 }

		#imgbrowz0r .img-row { height:130px; margin-bottom:10px; 
	padding: 0 1em ;}

		#imgbrowz0r .img-directory span.img-dir-name,
		#imgbrowz0r .img-directory { display: block; }
		span.img-thumb-date { display: none; }
		#imgbrowz0r .img-directory span.img-dir-name { font-weight: bold;font-size: 1.2em }

		
*/
		
		#imgbrowz0r .img-directory a:link, #imgbrowz0r .img-directory a:visited, #imgbrowz0r .img-thumbnail a:link,
		#imgbrowz0r .img-thumbnail a:visited { font-size: 1.5em;color: #ccc;text-decoration: none }
		#imgbrowz0r .img-directory a:active, #imgbrowz0r .img-directory a:hover, #imgbrowz0r .img-thumbnail a:active,
		#imgbrowz0r .img-thumbnail a:hover { border-color: #F52542;color: #F52542 }



/*************************  contact styles ************************/

#contact-area {
	width: 100%;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 200px;
	padding-top: 5px;
	font-size: 1.4em;
}







.hidden {display:none;}
.clearfloat { clear:both; height: 0;}
.front_height {height:410px;}
.min_height {min-height:610px;}
.front_text {
margin-top:150px;
	position:relative;
	font-family: "Frutiger LT 55 Roman", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:0.9em;
	text-transform: uppercase;
	line-height: 1em;
}