@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

body{
	background-color:#f6f6f6;
	}

	.wrapper {
	width: 100%;
	max-width: 1300px;
	margin: auto;
	margin-top: 0%;
	padding-left:0%;
	overflow:hidden;
	}
	
	#header {
	clear: both;
	float: left;
	margin: auto;
	width: 100%;
	display: block;	
	}



	#nav {
	clear: both;
	float: left;
	font-size: 90%;
	margin-left: 9.5%;
	margin-right: 9.5%;
	margin-top: 4%;
	margin-bottom: 0%;
	width: 83%;
	display: block;	
	}

#nav ul {
list-style:none;
text-decoration:none;	
list-style-type:none;
margin-left:0%;
margin-bottom:8%;
padding-left:0%;
}

#nav ul li {	
list-style:none;
list-style-type:none;
text-decoration:none;
font-weight:800;
border: none;
margin-right: 1.5%;
padding-bottom: 1.6%;
display:block;
background: #b5b5b5;
margin-top:.3em;
margin-bottom:.3em;
padding: .3em;
text-align:center;
font-size: 100%;
}

#nav li current {
background: #000;
font-family: Helvetica, Arial, sans-serif;
float: left;	
list-style-type: none;
border: none;
}


#nav a {
text-decoration:none;
color: #000;
background-color:none;
color: #ffffff;
}

#nav a:hover {	
color: #e09330;
}

#nav li a:active {
color: #dedede;
}

	
	

	#marksm {
	clear: none;
	float: left;
	margin-left: 10%;
	margin-top:0%;
	margin-bottom:-10%;
	width: 70%;
	display: block;	
}

	.text {
	clear: none;
	float: left;
	margin-left:30%;
	width: 44%;
	margin-top:0%;	
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 106%;
	font-weight: normal;
	line-height: 150%;
	letter-spacing:0.04em;
	padding-bottom:0%;
	margin-bottom:0%;
	}
	
	


	#footer {
	clear: both;
	float: left;
	margin-left:0%;
	margin-bottom:500%;
	margin-top:4%;
	width: 100%;
	height: 700%;
	background-color: #b5b5b5;
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:800;
	font-size: 90%;
	color: #ffffff;
	overflow:visible; 
	}


	
	#footer ul {
	background-color: #b5b5b5;
	list-style: none;
	margin-left:27%;
	position: relative;
	padding-left: 0%;
	padding-top: 1%;
	margin-bottom: 500%;
	height: 1.3em;	
	}
	

	#footer ul li {
	float: left;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-right: 2%;
	background-color: #b5b5b5;
	}
		
	#footer ul li a {
	display: block; 
	padding-right: 12%;
	color: #f6f6f6; 
	text-decoration: none;
	background-color: #b5b5b5;
	}
		
	#footer ul li:hover {
	background: #b5b5b5;
	}
	
	.galleryweb{
	clear: none;
	float: left;
	margin-left:9.5%;
	margin-right: 9.5%;
	margin-top:0%;
	margin-bottom:0%;
	width: 100%;
	display: block;	
	background-color:#f6f6f6;
	height: 100%;	
	}

	.webgaltext {
	width: 82%;
	height: 300%;
	margin-bottom:2%;
	margin-top: 4%;
	}

	p.webgaltext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	color:#000;
	display: inline;
	margin-left: 0%;
	margin-right: 0%;
	width: 82%;	
	}
	
	img.gallery_pub {
	width:82%;
	margin-left: 0%;
	margin-right: 4%;
	display: inline;
	visibility: visible;
	margin-bottom: 1%;
	background-color:#f6f6f6;			
	}
	
	
	
	.gallery_web{
	width:100%;
	margin-left: 0%;
	margin-right: 4%;
	display: inline;
	visibility: visible;
	margin-bottom: 1%;
	background-color:#f6f6f6;			
	}

	img.navarrowl {
	float: left;
	margin-right: 3%;
	margin-bottom: 500%;
	padding-top: 0%;
	padding-bottom: 0%;
	display: inline;
	}

	img.navarrowr {
	float: right;
	margin-left: 3%;
	margin-bottom: 500%;
	padding-top: 0%;
	display: inline;
	}
	
	img.revlogo {
		margin-left:30%;
		margin-top: -30%;
		margin-bottom: -10%;
		visibility:hidden;	
	}
	
	.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
width: 82%;
}
 
.js-video.widescreen {
padding-bottom: 57.25%;
width: 82%;
}
 
.js-video.vimeo {
padding-top: 0;
width: 82%;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
	
	
}		
	

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
	
	body{
	background-color:#f6f6f6;
	}

	.wrapper {
	width: 100%;
	max-width: 3000px;
	margin-left: 0%;
	margin-right: 0%;
	margin: auto;
	margin-top: 0%;
	padding-left:0%;
	overflow:hidden;
	}
	
	#header {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;	
	}



	#nav {
	clear: both;
	float: left;
	margin-left:0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom:0%;
	width: 100%;
	height: 25%;
	display: inline;
	background-color: #332a87;
	}

	#nav ul {
	background-color: #332a87;
	list-style: none;
	margin-left:37%;
	position: relative;
	padding-left: 0%;
	padding-top: 0%;
	margin-bottom: 2%;
	height: 1.3em;	
	}
	

	#nav ul li {
	float: left;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-right: 2%;
	background-color: #332a87;
	}
	
	#nav ul li:hover {
	background: #332a87;
	}
			
		
	#nav ul li a {
	display: block; 
	padding-right: 12%;
	color: #f6f6f6; 
	text-decoration: none;
	background-color: #332a87;
	}
	
	
	#marksm {
	clear: none;
	float: left;
	margin-left: 10%;
	margin-top:0%;
	margin-bottom:-12%;
	width: 80%;
	display: none;	
}
	
	
	
	
	



	#footer {
	clear: both;
	float: left;
	margin-left:0%;
	margin-bottom:500%;
	margin-top:4%;
	width: 100%;
	height: 700%;
	background-color: #b5b5b5;
	display: inline;
	font-family: Helvetica, Arial, sans-serif;v
	font-weight:800;
	font-size: 90%;
	color: #ffffff;
	overflow:visible; 
	}


	
	#footer ul {
	background-color: #b5b5b5;
	list-style: none;
	margin-left:37%;
	position: relative;
	padding-left: 0%;
	padding-top: 1%;
	margin-bottom: 500%;
	height: 1.3em;	
	}
	

	#footer ul li {
	float: left;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-right: 2%;
	background-color: #b5b5b5;
	}
	
		
			
		
	#footer ul li a {
	display: block; 
	padding-right: 12%;
	color: #f6f6f6; 
	text-decoration: none;
	background-color: #b5b5b5;
	}
		
	#footer ul li:hover {
	background: #b5b5b5;
	}
	
	
	
	
	
	
	.galleryweb{
	clear: none;
	float: left;
	margin-left:37%;
	margin-top:3%;
	margin-bottom:0%;
	width: 63%;
	display: block;	
	background-color:#f6f6f6;
	height: 100%;	
	}

.webgaltext {
	width: 54%;
	height: 300%;
	margin-bottom:0%;
	margin-top: 2%;
	}

	p.webgaltext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	color:#000;
	display: inline;
	margin-left: 0%;
	margin-right: 0%;
	width: 75%;	
	}
	
	img.gallery_pub {
	width:85%;
	margin-left: 0%;
	margin-right: 4%;
	display: inline;
	visibility: visible;
	margin-bottom: 1%;
	background-color:#f6f6f6;			
	}
	
	.gallery_web {
	width:85%;
	margin-left: 0%;
	margin-right: 4%;
	display: inline;
	visibility: visible;
	margin-bottom: 1%;
	background-color:#f6f6f6;			
	}
	

	img.navarrowl {
	float: left;
	margin-right: 3%;
	margin-bottom: 16%;
	padding-top: 0%;
	padding-bottom: 0%;
	display: inline;
	}

	img.navarrowr {
	float: right;
	margin-left: 3%;
	margin-bottom: 16%;
	padding-top: 0%;
	display: inline;		
	}
	
img.revlogo {
		margin-left:37%;
		margin-top: 2%;
		margin-bottom: 0%;
		visibility: visible;
		width: 20%;
	}
	
	.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
 
.js-video.widescreen {
padding-bottom: 57.25%;
}
 
.js-video.vimeo {
padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}



}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {



	body{
	background-color:#f6f6f6;
	}

	.wrapper {
	width: 100%;
	max-width: 3000px;
	margin-left: 0%;
	margin-right: 0%;
	margin: auto;
	margin-top: 0%;
	padding-left:0%;
	overflow:hidden;
	}
	
	#header {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;	
	}
	
	


#nav {
	clear: both;
	float: left;
	margin-left:0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom:0%;
	width: 100%;
	height: 25%;
	display: inline;
	background-color: #332a87;
	}

	#nav ul {
	background-color: #332a87;
	list-style: none;
	margin-left:37%;
	position: relative;
	padding-left: 0%;
	padding-top: 0%;
	margin-bottom: 2%;
	height: 1.3em;	
	}
	

	#nav ul li {
	float: left;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-right: 2%;
	background-color: #332a87;
	}
	
	#nav ul li:hover {
	background: #332a87;
	}
			
		
	#nav ul li a {
	display: block; 
	padding-right: 12%;
	color: #f6f6f6; 
	text-decoration: none;
	background-color: #332a87;
	}
	
	#footer {
	clear: both;
	float: left;
	margin-left:0%;
	margin-bottom:500%;
	margin-top:4%;
	width: 100%;
	height: 700%;
	background-color: #b5b5b5;
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 90%;
	color: #ffffff;
	overflow:visible; 
	}


	
	#footer ul {
	background-color: #b5b5b5;
	list-style: none;
	margin-left:37%;
	position: relative;
	padding-left: 0%;
	padding-top: 1%;
	margin-bottom: 500%;
	height: 1.3em;	
	}
	

	#footer ul li {
	float: left;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-right: 2%;
	background-color: #b5b5b5;
	}
	
		
			
		
	#footer ul li a {
	display: block; 
	padding-right: 12%;
	color: #f6f6f6; 
	text-decoration: none;
	background-color: #b5b5b5;
	}
		
	#footer ul li:hover {
	background: #b5b5b5;
	}
	
	#marksm {
	clear: none;
	float: left;
	margin-left: 10%;
	margin-top:0%;
	margin-bottom:-12%;
	width: 80%;
	display: none;	
	}
	
	
	
	
	
	
	.galleryweb{
	clear: none;
	float: left;
	margin-left:37%;
	margin-top:3%;
	margin-bottom:0%;
	width: 63%;
	display: block;	
	background-color:#f6f6f6;
	height: 100%;	
	}

	.webgaltext {
	width: 54%;
	height: 300%;
	margin-bottom:0%;
	margin-top: 2%;
	}
	
	.webgaltext2 {
	width: 54%;
	height: 300%;
	margin-bottom:0%;
	margin-top: 0%;
	}

	p.webgaltext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	color:#000;
	display: inline;
	margin-left: 0%;
	margin-right: 0%;
	width: 75%;	
	}
	
	img.gallery_pub {
	width:54%;
	margin-left: 0%;
	margin-right: 4%;
	display: inline;
	visibility: visible;
	margin-bottom: 1%;
	background-color:#f6f6f6;			
	}
	
	img.gallery_pub2 {
	width:54%;
	margin-left: 0%;
	margin-right: 4%;
	display: inline;
	visibility: visible;
	margin-bottom: 0%;
	background-color:#f6f6f6;			
	}
	

	img.navarrowl {
	float: left;
	margin-right: 3%;
	margin-bottom: 16%;
	padding-top: 0%;
	padding-bottom: 0%;
	display: inline;
	}

	img.navarrowr {
	float: right;
	margin-left: .5%;
	margin-bottom: 16%;
	padding-top: 0%;
	display: inline;		
	}
	
img.revlogo {
		margin-left:37%;
		margin-top: 2%;
		margin-bottom: 0%;
		visibility: visible;
		width: 20%;
	}
	
	
	
.js-video {

margin-left:0%;
height: 0;
padding-top: 0px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
 
.js-video.widescreen {
padding-bottom: 57.25%;
}
 
.js-video.vimeo {
padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}


		
				
}