/*
	#### Sample PhotoShelter Customization stylesheet ####

	This stylesheet implements some default styles for the PhotoShelter site.
	By including this stylesheet in your Custom Site Template, your pages 
	will emulate the look and feel of the standard PhotoShelter site.  

	This stylesheet does not illustrate all possible ways to manipulate the
	presentation of your Customized site. For a full list of CSS class 
	selectors available in the customization environment, please consult the 
	PhotoShelter Customization Tutorial:
	
	https://www.photoshelter.com/mem/home/help/custom/tut
*/


/* NOTE: you should be sure to apply your default font
  to all HTML elements listed below */
#home {
	width:100%;height:100%;margin:0;font:11px verdana, arial, sans-serif;color:#CCD3D7;background-color:#fff;
}

body {
	width:100%;height:100%;margin:0;font:11px verdana, arial, sans-serif;color:#424D47;background-color:#424D47;
}

TD, TH, INPUT, SELECT {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 11px;
}

/* this removes all margins (spacing) around these HTML block elements */
FORM {
	margin: 0;
}

/* ".input" is applied to tables which are used for form input
   (e.g. the Search form) */
TABLE.input TH {
	font-weight: bold;
}

/* "UL.thumbs" is used for all thumbnail displays */
UL.thumbs LI {
	margin: 1px;
	height: 160px;
	background-color: #ffffff;
}

UL.thumbs LI:hover {
	background-color: #ffffff;
}

UL.thumbs LI TABLE TD {
	font: 10px Verdana;
}

UL.thumbs LI TABLE TD.slide {
	background-color: #ffffff;
	border-top: 1px solid #fff;
	border-right: 1px solid #BFBFBF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
}

UL.thumbs LI DIV.thumb_links {
	padding: 2px;
	width: 97%;
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
}

FORM.image_keywords UL {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

FORM.image_keywords UL LI {
	float: left;
	width: 130px;
	padding: 0;
	margin: 0;
}
/* end sample stylesheet */

.transparentblock {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

/*FLOATING TABLE HOLDING ALL CONTENT*/
/*margins are set seperately so that the tabel will float in IE on the MAC*/
#area_float
{
   width:766px;margin-left:auto;margin-right:auto;padding:0;background-color:#71725c;text-align:left;vertical-align:top;font:11px verdana, arial, sans-serif;line-height:16px;
}

#area_float_ps
{
   width:766px;margin-left:auto;margin-right:auto;padding:0;background-color:#ffffff;text-align:left;vertical-align:top;font:11px verdana, arial, sans-serif;line-height:16px;
}

/*HEADER*/
#area_header
{
   float:left;background-color:#ffffff;
}

/*SUB NAV*/
#area_subnav
{
   float:right;margin:40px 20px 0 0;color:#635b58;   
}

/*NAV*/
#area_nav
{
   float:left;width:766px;height:26px;clear:both;
}

/*LEFT COLUMN*/
#area_left
{
   float:left;width:189px;font-size:10px;
}

/*LEFT COLUMN TEXT*/
#area_left_text
{
   padding:10px 20px 10px 20px;background-color:#aaaa9d;
}

/*LEFT COLUMN FEATURED*/
#area_left_featured
{
   width:169px; padding:0px 0px 0px 0px;text-align:left;float:left;background-color:#fff;float:left;
}

/*LEFT COLUMN HIGHLIGHT*/
#area_left_highlight
{
   width:149px; padding:0px 20px 0px 20px;text-align:left;float:left;clear:both;background-color:#eeefd4;
}

/*RIGHT COLUMN*/
#area_right
{
   width:577px;float:right;background-color:#71725c;
}

/*RIGHT COLUMN HIGHLIGHT*/
#area_right_highlight
{
   width:577px;height:115px;color:#d2d0bf;line-height:20px;
}

/*RIGHT COLUMN HIGHLIGHT TEXT*/
#area_right_highlight_text
{
   float:right;width:258px;padding:10px
}

/*MAIN CONTENT ON SUB PAGES*/
#area_main
{
   width:726px;background-color:#ffffff;padding:20px;clear:both;line-height:17px;
}

/*FOOTER*/
#area_footer
{
   width:756px;height:30px;background-color:#d2d0bf;border-top:solid 1px #C7CFD3;padding:10px 0 0 10px;clear:both;
}

/*AREA HOLDING COPYRIGHT AND BOTTOM NAV*/
#area_copyright
{
   width:690px;text-align:center;font:9px verdana, arial, sans-serif;color:#7b7b65;margin:5px 0 15px 5px; 
}

/*PICTURESQUE FOREST STYLES*/

#pf_area_right
{
   float:right;width:485px;margin-bottom:20px;   
}

#pf_area_right_container
{
   width:141px;height:427px;float:right;
}

#pf_area_right_content
{
   width:141px;height:367px;float:right;text-align:center;background-color:#D9E3D4;
}

#pf_area_right_thumbnail
{
   width:141px;background-image:url(../pfimages/bm_img_mid.jpg);padding:0;margin:0;float:left;
}

#pf_area_right_text
{
   font:11px verdana, arial, sans-serif;text-align:left;color:#2D3030;padding:10px;
}

#pf_area_right_trees
{
   width:121px;height:40px;text-align:left;color:#2D3030;padding:10px;background-color:#d2d0bf;float:right;clear:both;
}

#pf_area_grid
{
   background-image:url(../pfimages/forestpix.jpg);width:340px;height:425px;border:solid 1px #B4BAB8;float:left;   
}

.pf_grid_thumbnail
{
   width:15px;height:15px;float:left;border:solid 1px #B4BAB8;   
}


#pf_area_left
{
   width:216px;float:left;padding:10px 20px 0 0; 
}


/*CLIENT GROVE STYLES*/

#cg_area_right
{
   float:right;width:563px;margin-bottom:20px;   
}

#cg_area_right_container
{
   width:141px;height:427px;float:right;
}

#cg_area_right_content
{
   width:141px;height:367px;float:right;text-align:center;background-color:#D9E3D4;
}

#cg_area_right_thumbnail
{
   width:141px;background-image:url(../cgimages/bm_img_mid.jpg);padding:0;margin:0;float:left;
}

#cg_area_right_text
{
   font:11px verdana, arial, sans-serif;text-align:left;color:#2D3030;padding:10px;
}

#cg_area_right_trees
{
   width:121px;height:40px;text-align:left;color:#2D3030;padding:10px;background-color:#d2d0bf;float:right;clear:both;
}

#cg_area_grid
{
   width:420px;height:280px;border:solid 1px #B4BAB8;float:left;   
}

.cg_grid_thumbnail
{
   width:42px;height:56px;float:left;
}

#cg_area_left
{
   width:143px;font-size:10px;float:left;padding:0 15px 0 0;margin-bottom:10px;border-right:solid 1px #C7CFD3;
}

#cg_area_left h1
{
   font-size:10px;color:#965d0f;
}

#cg_area_instructions
{
   width:400px;font-size:10px;font-style:italic;color:#B8853A;text-align:right;padding:10px 10px 10px 0;float:right;
}

#cg_area_about
{
   width:390px;font-size:10px;padding:10px;border-top:solid 1px #C7CFD3;float:left;
}

#cg_area_footer
{
   width:100%;margin-bottom:20px;padding-top:10px;float:left;border-top:solid 1px #C7CFD3;font-size:10px;
}


/*DIVIDER*/
.horizdivider
{
   border-top:solid 1px #e29a37;margin:10px 0 10px 0;  
}

/*WHITE DIVIDER DOTS*/
.divider
{
   font:bold 12px verdana, arial, sans-serif;color:#fff;  
}

/*COPYRIGHT TEXT*/
.copyright_text
{
   margin-top:15px;
}

/*VERTICALLY ALIGN ALL TABLE CELLS*/
td
{
   vertical-align:top;   
}

/*BOLD TEXT*/
.bold
{
   font-weight:bold;   
}

/*ITALIC TEXT*/
.italic
{
   font-style:italic;   
}

/*HEADERS*/
h1
{
   font:bold 11px verdana, arial, sans-serif;color:#635135;
}

/*HEADERS*/
h2
{
   font:bold 11px verdana, arial, sans-serif;color:#635135;
}

/*HEADERS*/
h3
{
   font:bold 11px verdana, arial, sans-serif;color:#635135;
}

/*HEADERS*/
h1.ri
{
   font:bold 11px verdana, arial, sans-serif;color:#635135;lmargin-bottom:0;padding-bottom:0;
}

/*HEADERS*/
h2.ri
{
   font:bold 11px verdana, arial, sans-serif;color:#635135;margin-bottom:0;padding-bottom:0;
}

/*CENTERED TEXT*/
.center
{
   text-align:center  
}

/*LISTS*/
ul
{
   color:#898A37;   
}

.listText
{
  font:11px verdana, arial, sans-serif;color:#635135;letter-spacing:0;margin:2px 0 2px 0;padding:2px 0 2px 0;
}

.subnav
{
padding: 4px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
font:10px verdana, arial, sans-serif;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.subnav li{
display: inline;
margin: 0;
}

.subnav a, a:visited, a:active{
color: #898A37;
}

.subnav a:hover{
color: #898A37;
}

hr
{
	color:#d2d0bf;	
}

/*REGULAR LINKS USED IN MAIN CONTENT*/
.normallink
{
    font:11px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.normallink:visited
{
    font:11px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.normallink:active
{
    font:11px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.normallink:hover
{
    font:11px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

/*SMALL LINKS*/
.smalllink
{
    font:9px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.smalllink:visited
{
    font:9px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.smalllink:active
{
    font:9px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.smalllink:hover
{
    font:9px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

/*LINKS IN LEFT COLUMN*/
.leftlink
{
    font:10px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.leftlink:visited
{
    font:10px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.leftlink:active
{
    font:10px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

.leftlink:hover
{
    font:10px verdana, arial, sans-serif;color: #898A37;text-decoration: underline;
}

/*LINKS IN HOME PAGE HIGHLIGHT*/
.hilightlink
{
    font:11px verdana, arial, sans-serif;color: #caf182;text-decoration: underline;line-height:20px;
}

.hilightlink:visited
{
    font:11px verdana, arial, sans-serif;color: #caf182;text-decoration: underline;line-height:20px;
}

.hilightlink:active
{
    font:11px verdana, arial, sans-serif;color: #caf182;text-decoration: underline;line-height:20px;
}

.hilightlink:hover
{
    font:11px verdana, arial, sans-serif;color: #e6be88;text-decoration: underline;line-height:20px;
}

/*REGULAR LINKS USED IN MAIN CONTENT*/
.footerlink
{
    font:10px tahoma, verdana, arial, sans-serif;color:#785815;text-decoration: none;
}

.footerlink:visited
{
    font:10px tahoma, verdana, arial, sans-serif;color:#785815;text-decoration: none;
}

.footerlink:active
{
    font:10px tahoma, verdana, arial, sans-serif;color:#785815;text-decoration: none;
}

.footerlink:hover
{
    font:10px tahoma, verdana, arial, sans-serif;color:#4f4123;text-decoration: none;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    width:577px;
    height:364px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}