@charset "UTF-8";

body {
	margin: 0;
	height: 100vh;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #2f2b2c;
}
#site_container {
	background: #474344 url("images/main-gradient.png") repeat-x scroll center top;
}
#header {
	/*position: fixed;*/
	top: 0;
	height: 110px;
}
#header_container {
	width: 1030px /*75%*/;
	margin: 0 auto;
}
#logo {
	float: left;
	margin: 1.25rem 0 0 0;
}
#logo p {
	margin: 0;
}
.subtitle {
	color: #2fb357;
}
#nav {
	color: #fff;
	float: right;
	margin: 2.25rem 0 0 0;
	font-size: 1.25rem;
	font-weight: bold;
}
#nav a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover {
	color: #2fb357;
	text-decoration: none;
}


#divclear {clear: both;}


/*--- HOMEPAGE STYLING ---*/
#slideshow_01 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_01 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_02 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_02 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_03 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_03 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_04 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_04 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_05 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_05 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_06 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_06 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_07 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_07 img {max-width: 147px; max-height: 147px; position: absolute;}
#slideshow_08 {width: 147px; height: 147px; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
#slideshow_08 img {max-width: 147px; max-height: 147px; position: absolute;}
.homepage_mobilecolumn {float: left;}
.homepage_mobilecolumn img {max-width: 147px; max-height: 147px;}
.homepage_tabletcolumn {float: left;}
.homepage_tabletcolumn img {max-width: 147px; max-height: 147px;}
.homepage_tabletLRGcolumn {float: left;}
.homepage_tabletLRGcolumn img {max-width: 147px; max-height: 147px;}
.homepage_desktopcolumn {float: left;}
.homepage_desktopcolumn img {max-width: 147px; max-height: 147px;}
#imagesearch {margin: 2rem auto 2rem auto; text-align: center; background: #222; font-weight: bold;padding: 1.25rem 0; height: 3rem;}
#imagesearch h1 {margin: 0; font-size: 2.25rem; text-align: left; float: left;}
#submit {border: 0; width: 6rem; height: 3rem; background: #2fb357 url('images/Icon_Search.png') no-repeat center center; float: right; margin: 0 1rem 0 0;}
#keyword {color: #999; font-size: 1.25rem; font-style: italic; padding: 0 0 0 .75rem;line-height: 2.5rem; float: left; width: 33.75rem;}
#imagesearch_interior {margin: 2rem auto 0rem auto; text-align: center; background: #222; font-weight: bold;padding: 1.25rem 0; height: 3rem;}
#imagesearch_interior h1 {margin: 0; font-size: 2.25rem; text-align: left; float: left;}
#submit_interior {border: 0; width: 6rem; height: 3rem; background: #2fb357 url('images/Icon_Search.png') no-repeat center center; float: none; margin: 0 1rem 0 0;padding: 7px 0 0px 0;}
#keyword_interior {color: #999; font-size: 1.25rem; font-style: italic; padding: 0 0 0 .75rem;line-height: 2.5rem; float: none; width: 33.75rem;}

#container {
	width: 1030px;
	background: transparent;
	margin: 0 auto;
	padding: 0.1rem 0 1rem 0;
	color: #fff;
}
#container h1 {
	padding: 0 1rem 0 1rem;
}
#container h2 {
	padding: 0 1rem 0 1rem;
}
#container p {color: #fff;}
#container a {color: #fff;text-decoration: none;}
#container a:hover {color: #2fb357;text-decoration: underline;}

/* --- SEARCH RESULTS STYLES ---*/
#filter_container {
	height: 10rem;
	width: 100%;
	background: #333;
}
#filter_container h3 {margin: .5rem 0 0 0; padding: 0 0 0 0px; color: #2fb357;text-align: center;}
.small_filter {padding: 0px 10px 0px 10px; float:left;	width:18%;}
.small_filter p {line-height: 1.75rem; margin: .5rem 0 0 0; font-size: .95rem;}
#photog {margin: .5rem 0 0 0;}
#filterSubmit {background: #2fb357; width: 100%; height:1.5rem;color: #fff;font-size: 1rem;}
#clearFilter {background: #2fb357; width: 100%; height:1.5rem;color: #fff;font-size: 1rem;}
#results_container {margin: 0 auto; text-align: center;}
.thumbnailrow {width: 100%}
.thumbnail {width: 21%; margin: 2%; float: left;}
.thumbnail img {width: 100%; height: auto;}
#search-nav {width: 100%;}
.previous {font-size: 90%; color: #2fb357; float: left; width: 27%;}
.previous a {text-decoration: none; padding:0; display: block;color: #fff; }
.previous a:hover {color: #2fb357; }
.page-numbers {list-style:none; padding: 0 !important; margin:0 auto; width: 50%;text-align: center; color: #fff; float: left;}
.page-numbers a {color: #2fb357; text-decoration: none; padding: 0 .5rem;}
.page-numbers a:hover {color: #fff; }
.page-numbers .active {color: #fff; font-weight: bold;}
/*.page-numbers li {float: left; margin:0 10px 0 0; width: 25px; text-align: center; font-size: 90%;}
.page-numbers li a {text-decoration: none; padding:3px; color: #2fb357; display: block;}
.page-numbers li a:hover {font-weight: bold;}
.page-numbers li .active {text-decoration: none; padding:3px; background: none; border: none; display: block; font-weight: bold;}*/
.next {font-size: 90%; color: #2fb357; float: right; width: 23%; text-align: right; }
.next a {text-decoration: none; padding:0 !important; display: block;color: #fff; }
.next a:hover {color: #2fb357; }

/* ---- FORM STYLING  --- */
.formrow {margin: 1rem 0 1rem 0;clear: both;}
.formrow label {float: left; width: 13rem; padding-right: .5em; text-align: left;}
.formrow input {text-align: left;}
.redstar {color: #ff0000;}
.redtext {color: #ff0000;}
.validateErrMsg {color: #ff0000;}

/* ---- IMAGE DETAIL PAGE STYLING  --- */
#detail_container {width: 100%}
#detail_image {width: 650px; height: 465px; /*background: #333; */float: left; margin: 0 20px 0 0; text-align: center;}
#detail_image img {max-width: 650px;}
#detail_info {background: transparent; float: left; width: 360px}
#detail_info h2 {margin: 0 1rem .25rem 1rem; font-size: 1.5rem; font-weight: normal;}
#detail_info p {margin: 0 0 1.25rem 0; font-size: .95rem;}
#detail_info a {color: #2fb357; text-decoration: none;}
#detail_info a:hover {text-decoration: underline;}
#detail_info hr {margin: 0 1rem 1.25rem 1rem; border: solid 1px #888;}
#relatedimages {width: 100%;margin: 2rem auto;}
#relatedimages h2 {font-weight: normal; font-size: 1.25rem; margin: 0 0 .5rem 0;}
#relatedimages img {width: 125px; height: 125px; margin: 0 .95rem 0 0; border: 1px solid transparent; }
#relatedimages img:hover {border: 1px solid #2fb357; }


/* ---- ADMIN STYLING  --- */
#adsearchimage {float: left;}
#adsearchinfo {float: left; margin: 0 2rem 0 0;}
#adsearchinfo a {color: #2fb357; text-decoration: none;}
#adsearchinfo a:hover {color: #fff; text-decoration: underline;}

/* ---- TAG STYLING  --- */
#tag_column {float: left; width: 48%; }
#tag_group {margin: 0 1rem 1rem 0rem; line-height: 2rem;}
.tag_title {width: 100%; background: #2fb357; font-weight: bold;}
#tag_group h1 {padding: 0 0 0 .5rem; font-size: 1rem; margin: 0;}
.tag_subtitle {width: 100%; height: 100%; background: #eee; color: #666;}
.tag_subtitle input {height: 1rem; width: 1rem; margin: 0 .5rem 0 .5rem;}
.tag_select {width: 100%; background: #fff; color: #666;}
.tag_select input {height: 1rem; width: 1rem; margin: 0 .5rem 0 1.75rem;}

#footer {
	border-top: 1.75rem solid #2fb357;
    height: 7rem;
	width: 100%;
	color: #bcbec0;
	/*position: fixed;*/
    bottom: 0;
    background: #2f2b2c; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#474344, #2f2b2c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#474344, #2f2b2c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#474344, #2f2b2c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#474344, #2f2b2c); /* Standard syntax */
}
#footer_container {
	width: 1030px;
	margin: 0 auto;
}
#footer_text {
	width: 50%;
	float: left;
	padding: 1rem 0 1rem 0;
	font-size: .75rem;
}
#footer_logos {
	width: 50%;
	float: right;
	padding: 1rem 0 1rem 0;
	text-align: right;
}

/********************************************
   RESPONSIVE
********************************************/ 
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {

.nomobile {
	display: none;
}
}


/* Smaller Desktops and laptops ----------- */
@media only screen  and (max-width : 1030px) {

.nomobile {
	display: none;
}
	#container {width: 100%;}
	#slideshow_01 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_01 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit; position: absolute;}
	#slideshow_02 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_02 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;position: absolute;}
	#slideshow_03 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_03 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;position: absolute;}
	#slideshow_04 {width: 25%; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_04 img {width: 100%; max-width: inherit; max-height: inherit; position: absolute;}
	#slideshow_05 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_05 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit; position: absolute;}
	#slideshow_06 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_06 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit; position: absolute;}
	#slideshow_07 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_07 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit; position: absolute;}
	#slideshow_08 {width: 25%; height: inherit; padding: 0; position: relative; overflow: hidden; border: 0px solid;}
	#slideshow_08 img {width: 100%; height: 50%; max-width: inherit; max-height: inherit; position: absolute;}
	.homepage_desktopcolumn {display: none;}
	.homepage_tabletLRGcolumn {width: 25%; float: left;}
	.homepage_tabletLRGcolumn img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;}
	.homepage_tabletcolumn {width: 25%;}
	.homepage_tabletcolumn img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;}
	.homepage_mobilecolumn {float: left; width: 25%;}
	.homepage_mobilecolumn img {width: 100%; height: inherit; max-width: inherit; max-height: inherit;}
	#keyword {color: #999; font-size: 1rem; font-style: italic; padding: 0 0 0 .75rem;line-height: 1.5rem; float: left; width: 50%; text-align: center; margin: .5rem 0 1rem 1rem;}
	#submit {border: 0; width: 3rem; height: 1.95rem; background: #2fb357 url('images/Icon_Search.png') no-repeat center center; float: left; margin: .45rem;}
	#imagesearch {margin: 2rem auto 2rem auto; text-align: center; background: #222; font-weight: bold;padding: 1.25rem 0 2.25rem 0; height: inherit;}
	#imagesearch h1 {float: left; text-align: center; font-size: 1.75rem;}
}


/* Mobile Large 800px ----------- */

@media only screen  and (max-width : 800px) {

.nomobile {
	display: none;
}
	#header {height: inherit; margin: 0 0 1.5rem 0;}
	#header_container {width: 100%;}
	#logo {margin: 1.25rem 0 .75rem 0;}
	.subtitle {text-align: center; padding: 0 .5rem;}
	#nav {float: none; margin: 0 auto; text-align: center;}
	#container {width: 100%;}
	#slideshow_container_01 {margin: 0 auto;}
	#slideshow_01 {display: none;}
	#slideshow_02 {display: none;}
	#slideshow_03 {display: none;}
	#slideshow_04 {display: none;}
	#slideshow_05 {display: none;}
	#slideshow_06 {display: none;}
	#slideshow_07 {display: none;}
	#slideshow_08 {display: none;}
	.homepage_desktopcolumn {display: none;}
	.homepage_tabletLRGcolumn {display: none;}
	.homepage_tabletcolumn {width: 33%;}
	.homepage_tabletcolumn img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;}
	.homepage_mobilecolumn {float: left; width: 33%;}
	.homepage_mobilecolumn img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;}
	#keyword {color: #999; font-size: 1rem; font-style: italic; padding: 0 0 0 .75rem;line-height: 1.5rem; float: left; width: 70%; text-align: center; margin: .5rem 0 1rem 1rem;}
	#submit {border: 0; width: 3rem; height: 1.95rem; background: #2fb357 url('images/Icon_Search.png') no-repeat center center; float: left; margin: .45rem;}
	#imagesearch {margin: 2rem auto 2rem auto; text-align: center; background: #222; font-weight: bold;padding: 1.25rem 0 2.25rem 0; height: inherit;}
	#imagesearch h1 {float: none; text-align: center; font-size: 1.75rem;}
	#footer_container {width: 100%;}
	#footer_text {width: 90%; padding:1rem;}
	#footer_logos {width: 100%; float: none; text-align: center;}
}


/* Mobile Small 500px ----------- */
@media screen and (max-width: 500px) {

.nomobile {
	display: none;
}
	#logo img {width: 95%;}
	.homepage_desktopcolumn {display: none;}
	.homepage_tabletLRGcolumn {display: none;}
	.homepage_tabletcolumn {display: none;}
	.homepage_mobilecolumn {float: left; width: 50%;}
	.homepage_mobilecolumn img {width: 100%; height: 50%; max-width: inherit; max-height: inherit;}
	.homepage_tabletcolumn {float: left;}
	.homepage_tabletcolumn img {max-width: 147px; max-height: 147px;}
	.homepage_desktopcolumn {float: left;}
	.homepage_desktopcolumn img {max-width: 147px; max-height: 147px;}

}
	


/*rledit revData labels*/
.revData label {color:#2fb357;}


/* CSS Document */