body {font-family: arial; font-size: 100%; line-height: 1.25em; text-align: center; font-weight: normal; Color: #fff; background-color: #959d92; background-attachment: fixed; background-position: 0%,0%; background-image: url("images/hfgallerymainbg.jpg"); margin: 0px; padding: 0px;}
h1 {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 1.4em; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-align: center; color: #fff; padding: 0 5px 15px 55px; margin:0; line-height: 4.5em;}
@media screen and (max-width:1000px) {h1 {font-family: arial, Courier New, times new roman, verdana, Helvetica; font-size: 1.4em; font-weight: normal; letter-spacing: 1px; word-spacing: 1px; text-align: left; color: #fff; padding: 25px 5px 15px 15px; margin:0; line-height: normal;}}
.bodytext {font-family: arial, verdana, Helvetica, Courier New, times new roman; font-size: 14px; font-weight: normal; color: #ffffff; margin: auto; text-align:center; padding: 15 0 15 0;}
.bodyimg {margin: auto; text-align:center; padding: 10px 0 25px 0; max-width: 98%}
.imgspc {display: inline-block; margin: auto; text-align:center; padding: 0 10px 0 10px;}
.endtitle {font-family: arial; font-size: .80em; font-weight: normal; text-align: center; color: #fff; padding: 10px;}
.centered {font-family: arial, verdana, Helvetica, Courier New, times new roman; font-size: 10pt; font-weight: normal; color: #D3841F; padding: 5px; text-align: center;}
.descr {font-family: arial, verdana, Helvetica, Courier New; font-size: 4px; font-weight: normal; text-align: center;  padding: 0;}
a{cursor:hand;height:1px;behavior:url(linkhilight.htc);filter:progid:dximagetransform.microsoft.gradientwipe(duration=1)}
a:link{color:#fff; text-decoration:underline;cursor: pointer;}
a:visited{color:#fff;text-decoration: none;font-weight: normal}
a:hover{color:#fff;text-decoration: none;background-color: none;font-weight: normal;cursor:pointer}
a:active {font-family: arial, verdana, Helvetica, Courier New; font-weight: normal; text-decoration: none; color: #F9DB2E}
#topsec {position: relative; top: 0px; bottom: 0px; margin: auto; text-align: center;}
#midsec {width: 100%; top: 0px; bottom: 0px; margin: auto; text-align: center; background-color: #262B24;}
#bodycont {position: relative; padding: 0px; margin: auto; text-align: center; max-width: 100%}
#clssec {position: relative; top: 0px; bottom: 0px; margin: auto; text-align: center;}
.imgsoc {position: relative; display: inline; margin: auto; text-align: center; padding: 25px 7px 0 0;}.img {max-width: 100%; max-height: auto; border: 0}

/*  ********** footer *********** */
footer {padding-bottom: 10px; margin: auto; text-align: center; background: transparent; height: auto; max-width: 1200px; border: 0; clear:both}
footer a:link, visited {text-decoration: none; color: #492725;}
footer a:hover, active {text-decoration: none; color: #fff; cursor: pointer;}
footer a:focus {text-decoration:underline; cursor: pointer; background-image: none; font-weight: 600; color: #ffffff; padding: 2px; background-color: #3b4238; border: 1px solid #ffffff;}
.close {font-family: arial, verdana, Helvetica, Courier New;color: #646C5E; font-size: 70%; font-weight: normal; padding: 25px 0 5px; text-align: center; margin: auto;}
.close a:link, visited {text-decoration: underline; color: #613532;}
.close a:hover, active {text-decoration: none; color: #2A2E28; cursor: pointer;}
.clseblurb {font-family: 'Crimson Text', serif; color: #613532; font-size: 120%; font-weight: 400; padding-top: 5%; text-align: center; margin: auto;}
.endblurb {font-family: arial, verdana, Helvetica, Courier New; font-size: 90%; line-height: 1em; font-weight: normal; Color: #82674D; text-align: center;  padding: 2%;}
.titleprints {font-family: 'Crimson Text', serif; font-size: 1.3em; font-weight: 400; font-variant: small-caps; letter-spacing: 2px; color: #ffffff; padding: 13px 0px 13px 0px; margin-bottom: 15px; text-align: center; background: #3b4238 url("../images/tree.png") no-repeat left center; border: 1px solid #ffffff; max-width: 200px;}
#leftcont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0;}
@media screen and (max-width:800px) {   #leftcont {width: 96%;  padding-left: 1%; padding-right: 1%; min-width: 96%; float: none}}
#midcont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0}
@media screen and (max-width: 800px) {   #midcont {width: 96%;  padding-left: 1%; padding-right: 1%; min-width: 96%; float: none}}
#rightcont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0}
@media screen and (max-width: 800px) {   #rightcont {width: 96%;  padding-left: 1%; padding-right: 1%; padding-bottom: 20px; min-width: 90%; float: none}}
#acccont {display: inline-block; vertical-align: top; width: 24%; margin-left: 1%; padding: 3% 0 0  0}
@media screen and (max-width: 800px) { #acccont {width: 96%;  padding-left: 1%; padding-right: 1%; padding-bottom: 20px; float: none}}
#endcont {margin-left: auto;  margin-right: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; width: auto; clear:both;}
@media screen and (max-width: 800px) { #endcont {float:left}}
.port {margin-right: 20px; padding: 0px; float: left; text-align: left; word-wrap: break-word;}
.port ul {display:inline-block; padding: 0; margin:0px;}
.portli {display:block; padding-top: 15px; padding-bottom: 15px; list-style-type:none}
.portli {font-family: 'Crimson Text', serif; font-weight: 700; font-size: 1.2em;  line-height: 1.25em; color:#10120f;}
@media screen and (max-width: 800px) {.port {max-width: 96%;  padding-left: 3%; padding-right: 3%; min-width: 96%; float: none}}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:41px;
	height:41px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -41px;
	width:41px;
	height:41px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}/*  ********** wraps *********** */
#mainwrap {text-align: center; position: relative; margin-left: auto; margin-right: auto; margin-top: 3%; max-width:900px; background: #FEFEFE; border: 2px solid #30362D;}@media screen and (max-width: 768px) {#mainwrap {margin-top: 0; max-width: 100%}}
.wrapper {padding-top: 20px; max-width: 900px; margin: auto; text-align: center; }
.wrapint {padding: 0px;}