@charset "UTF-8";
/* CSS Document */

body { font-family:'Open Sans'; background-color:#FDFDFD; margin:0; padding:0;}

 a:link { color:rgba(79,79,79,1.00);}

#header-outer { width:100%;  margin:auto; background-color:#ECECEC;  border-bottom:#f2f2f2 solid 1px;  overflow:hidden; padding:0px; }

#header { width:90%; max-width:1024px; margin:auto; background-color:#f2f2f2; border:#f2f2f2 solid 1px; border-bottom: none; overflow:hidden; padding:20px; }

#header-left { float: left; width:60%;}
#header-left img { width:100%; max-width:404px; height:auto;}
#header-right { float: right;  width:40%;}
#header-right p {  text-align:right; margin:0px; padding:0px; font-weight:800; letter-spacing:0.5px; font-size:18px;  font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}
#header-right a { text-decoration:none; margin:0px; padding:0px; font-weight:normal;text-align:right;}
#header-right a:link { color:#6D6E71;}
#header-right a:visited { color:#6D6E71;}
#header-right a:hover { color:#000; text-decoration:underline;}
#header-right a:active { color:#6D6E71;}

#all {width:90%; max-width:1024px; margin:auto; margin-top:0px; border:#f2f2f2 solid 1px; border-top:none; background-color:#fff; padding:20px; }


#content { background-color:#fff;  width:auto;  margin:auto; float:none; clear:both; overflow:hidden; padding:20px; }
#content h1 { padding-left:10px; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:24px; font-weight:normal; font-style:italic; color:#6D6E71;}





#content p { padding-left:10px; font-size:14px; font-weight:200; line-height:24px;}
#content ul { padding-left:60px;}
#content li { line-height:40px; font-size:14px; font-weight:200;}



#content-left { width:70%; float: left;}

#content-left p { font-weight:400;}

#content-right {width:30%; float: left; text-align:right;}

#content-right a:link { color:rgba(79,79,79,1.00);}

#content-full { clear:both;}

#content-full li { display: block; float:left; list-style:none; margin:0px 20px;}

.attribution { text-align:right; font-weight:400; font-size:14px;}

#photos { width:100%; margin:0px; padding:0px;  margin:auto; margin:30px 0px; display:block; height: auto;}

#photos ul {width: 100%; padding:0px; margin:0px;
    margin: auto; display:block; text-align:center;}

#photos li {display: block; float:left;
 text-align:center;  padding-bottom:0px; width:30%; padding:1%; margin:0px;} 

#photos img { width: 100%; height:auto;}

#footer { width:100%; background-color:#000; color:#fff; overflow:hidden;
padding-bottom:0px;}

#footer-inner { width:90%; max-width:1024px; margin:auto; padding:20px; padding-bottom:0px; background-color:#2F2F2F; overflow:hidden; }

#footer-logo { width:60%; margin:auto; float:left; padding:0px; }


#footer-text { float:right; margin:auto;padding:20px; }

#footer-text p { font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:18px;}

#footer-text a { text-decoration:none; margin:0px; padding:0px; font-weight:normal;}
#footer-text a:link { color:#f1f1f1;}
#footer-text a:visited { color:#f1f1f1;}
#footer-text a:hover { color:#ccc; text-decoration:underline;}
#footer-text a:active { color:#f1f1f1;}


@media screen and (max-width: 1000px) {
#content { padding:0px; }
#content h1 { padding-left:0px; font-size:24px;}
#content p { padding-left:0px; font-size:14px; font-weight:200; line-height:24px;}
#content ul { padding-left:40px;}
#content-left {width:70%;}
#content-right {width:30%; float: left; text-align:right;}
#content-right img { width:100%; height:auto;}
}

@media screen and (max-width: 750px) {
	#header-left { float: none; width:100%;}
#header-right { float: none;  width:100%;}
}

@media screen and (max-width: 650px) {
	#content-left { float: none; width:100%;}
#content-right { float: none;  width:100%;  text-align: center;}
#content-right img { width:50%; height:auto;}

#photos { width:100%; margin:0px; padding:0px;  margin:auto; margin:30px 0px; display:block; height: auto;}

#photos ul {width: 100%; padding:0px; margin:0px;
    margin: auto; display:block; text-align:center;}

#photos li {display: block; float:left;
 text-align:center;  padding-bottom:0px; width:33.33%; padding:0%; margin:0px;} 

#photos img { width: 100%; height:auto;}

#footer-logo { width:100%; margin:auto; float: none; padding:0px; }
#footer-logo img { width:80%; height:auto; margin:auto;}

#footer-text { float: none; margin:auto;padding:20px; padding-bottom:0px; text-align: right; }

@media screen and (max-width: 480px)

{#photos li {display: block; float: none;
 text-align:center;  padding-bottom:0px; width:75%; padding:0%; margin:0px; margin:auto; margin-bottom:10px;} 
#content ul { padding-left:20px;}
#content li { line-height:20px; margin-bottom:20px; font-size:14px; font-weight:200;}
#photos ul { padding-left:0px;}	
	}

@media screen and (max-width: 320px)

{
	#header { width:300px; max-width:300px; margin:auto; background-color:#f2f2f2; border: none; border-bottom: none; overflow:hidden; padding:10px; }
	
	#header-left img { width:90%;}
	#header-right a { text-decoration:none; margin:0px; padding:0px; font-weight:normal;text-align:right; padding-right:10px;}
	
	#all {width:100%; max-width:320px; margin:auto; margin-top:0px; border:#f2f2f2 solid 1px; border-top:none; background-color:#fff; padding:0px; }
	
	
		#content-left { float: none; width:300px; padding:10px;}
#content-right { float: none; width:300px; padding:10px;  text-align: center;}
	#content-full { clear:both; width:300px; padding:10px;}

	#photos li {display: block; float: none;
 text-align:center;  padding-bottom:0px; width:90%; padding:0%; margin:0px; margin:auto; margin-bottom:10px;} 

#footer { width:100%; max-width:320px; margin:auto;  border: none; border-bottom: none; overflow:hidden; padding:0px; }	
	}