@charset "UTF-8";
/* CSS Document for herrphotography.com */
/* site colors:
	#2D3091 = Dk Blue
	#ccc = grey backgrounds
	#039 = blue
	
*/

/* IE Fixes*/
* html .visualIEFloatFix { height: 0.01%; }

/* zero elements */

html, body, ul, ol, li, form, fieldset{
	margin: 0;
	padding: 0;
	border:0;
	/*height : 100.1%; NOT VALID force vertical scroll bar to avoid page shift in Firefox */
	min-height: 100%; margin-bottom: 1px; /* VALID force vertical scroll bar to avoid page shift in Firefox */
}
img, p{margin: 0px;padding: 0px; border:none;}

body { /**/
	background-color:#fff;/**/
	margin: 0px;
	padding: 0px;
	/*background-image:url(../imgs/back-body.gif);
	background-repeat:repeat-x;*/
}

#siteWrapper{ /**/
	position:relative;
	z-index:auto;
	width:955px;
	height:auto;
	/*min-height:400px;*/
	margin: 0px auto;
	padding: 0px;
	background-color:#FFF;/**/
	/*border: #fff 1px solid;*/
}
#mastheadWrapper{
	position:relative;
	z-index:auto;
	width:955px;
	height:197px;
	margin: 0px;
	padding: 0px;
	background-image:url(../imgs/mh-back.jpg);
	background-repeat:no-repeat;
	background-position:right;
}


#navWrapper{
	position:absolute;
	top:19px;
	left:265px;
	z-index:auto;
	width:220px;
	height:159px; /* -4 for border*/
	margin: 0px;
	padding: 0px;
	padding-left:30px;
	border-left: #999 1px solid;
}
#subnavWrapper{
	position:relative;
	z-index:auto;
	width:955px;
	height:25px; /* -4 for border*/
	margin: 0px;
	padding: 0px;
	background-color:#2D3091;
}

#bodyWrapper{
	position:relative;
	z-index:auto;
	width:955px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color:#fff;
}
#bodyContent{
	position:relative;
	z-index:auto;
	width:300px; /* 355 MAX */
	height:376px;/* 401 MAX */
	margin: 0px 0px 0px 0px;
	padding: 25px 25px 0px 25px;
	background-color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	font-weight:normal;
	line-height:17px;
	border-right: #fff 5px solid;
	overflow:auto;
}

#bodyPhoto{
	position:absolute;
	top:0px;
	left:355px;
	z-index:5;
	width:600px; /*  */
	height:401px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	background-color:#CCC;
	/*background-image:url(../imgs/pic-homepage.jpg);*/
}
#bodyPhotoGlass{
	position:absolute;
	top:0px;
	left:355px;
	z-index:100;
	width:600px; /*  */
	height:401px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	background-image:url(../imgs/blank.gif);
}
#footerWrapper{
	position:relative;
	z-index:auto;
	width:955px;
	height:88px; /*70px*/
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
	/*border:#ccc 1px solid;*/
}

/* --- MASTHEAD -------------------*/
#mh-logo{position:absolute;top:0px;left:0px;z-index:auto;width:212px;height:184px;margin:0px;padding:0px;cursor:pointer;/*border:#000 1px solid;*/}
#mh-logo img{border:none;}
#mh-callout{
	position:absolute;
	top:0px;
	left:651px;
	z-index:auto;
	width:153px; /* 183 */
	height:149px; /* 179 */
	margin: 0px;
	padding: 20px 15px 10px 15px;
	background-image:url(../imgs/callout-back.png);
	background-repeat:no-repeat;
	background-position:top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4C4C4C;
	font-weight:normal;
	line-height:24px;
}

/* ---- NAV ------------------------------ */
#navWrapper a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#999;
	text-decoration:none;
	line-height:22px;
}
#navWrapper a.clientaccess{color:#2D3091;}

#subnavWrapper ul#subnav {padding:0px;margin:0px 0px 0px 60px;width:895px;height:auto;/*border:#900 1px solid;*/}
#subnavWrapper ul#subnav li {
	display:block;
	float:left;	
	margin: 0px 0px 0px 0px;
	padding: 6px 25px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
}

#subnavWrapper ul#subnav a {display:block;float:left;margin: 0px;padding: 0px;color:#fff;text-decoration:none;}

/* --- BODY -------------------*/
#bodyLeftWrapper{
	position:absolute;top:0px;left:0px;
	z-index:auto;
	width:190px; /*192 - 2px border*/
	height:auto;
	margin: 0px;
	padding: 0px;
}
#bodyCenterWrapper{
	/*position:absolute;top:0px;left:202px;*/
	position:relative;
	z-index:auto;
	margin: 0px 0px 0px 0px;
	padding:0px;
	width:558px;
	height:auto;
}
#bodyCenterWrapper.homepage{
	/*position:absolute;top:0px;left:202px;*/
	position:relative;
	z-index:auto;
	margin: 0px 0px 0px 202px;
	padding:0px;
	width:356px;
	height:auto;
}
#bodyRightWrapper{/**/
	position:absolute;top:0px;left:568px;
	z-index:auto;
	width:192px;
	height:auto;
	margin: 0px;
	padding: 0px;
}


/* --- FOOTER -------------------*/
#footerWrapperGallery{
	position:relative;
	z-index:auto;
	width:955px;
	height:24px; /*70px*/
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
	/*border:#ccc 1px solid;*/
}
#ftrLogos{
	position:relative;
	z-index:auto;
	width:324px; /* 355 MAX */
	height:88px;/*  MAX */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight:normal;
	line-height:17px;
	/*border: #AAA 1px dashed;*/
	border-right: #ccc 2px solid;
}
#ftrCopyright{
	position:absolute;
	top:70px;
	left:380px;
	z-index:auto;
	width:auto; /* 355 MAX */
	height:18px;/*  MAX */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #999;
	font-weight:normal;
	line-height:17px;
}
#ftrCopyrightGallery{
	position:absolute;
	top:0px;
	left:380px;
	z-index:auto;
	width:auto; /* 355 MAX */
	height:18px;/*  MAX */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #999;
	font-weight:normal;
	line-height:17px;
}
#ftrBlog{
	position:absolute;
	top:10px;
	left:820px;
	z-index:auto;
	width:120px; /* 355 MAX */
	height:43px;/*  MAX */
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
}
.footer{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	line-height:14px;
	text-align:center;
}
#copyright{margin-top:7px;}


/* ---- PAGES ------------------------------ */

/* Gallery --- */
#bodyContentGallery{
	position:relative;
	z-index:auto;
	width:300px; /* 355 MAX */
	height:475px;/* 401 MAX */
	margin: 0px 0px 0px 0px;
	padding: 25px 25px 0px 25px;
	background-color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	font-weight:normal;
	line-height:17px;
	border-right: #fff 5px solid;
	overflow:auto;
}
#bodyPhotoGallery{
	position:absolute;
	top:0px;
	left:355px;
	z-index:5;
	width:600px; /*  */
	height:401px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	background-color:#CCC;
	background-image:url(../js/ajax-loader-lg-ccc.gif);
	background-position:center;
	background-repeat:no-repeat;
}
#galleryThumbs{
	position:absolute;
	top:401px;
	left:355px;
	z-index:5;
	width:600px; /*  */
	height:94px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

/* CONTACT FORM ---------------------------*/

#contactForm .input{
	color: #333;
	background: #ECECEC;
	border: 1px solid #999999;
	width: 80px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contactForm label{
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
#contactForm label.longLabel{
	width: 200px;
	display: block;
}
#contactForm p{
	padding-top:0px;
	margin:2px;
}
#contactForm .req{
	background-color:#ececec;
}

/*#contactForm fieldset{
	border: 1px solid #333;
	width: 190px;
	padding: 2px;
	margin-bottom: 2px;
}*/

#contactForm .textArea{
	margin: 0px;
	width: 250px;
	height:50px;
	border: 1px solid #999999;
	color: #333;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contactForm .textAreaSm{
	margin: 0px;
	width: 550px;
	height:72px;
	border: 1px solid #999999;
	color: #333;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}
#contactForm legend{
	color: #C00;
	border: none;
	padding: 2px 6px;
	margin-left: 10px;
	font-weight:bold;
}

#contactForm .submit{
	margin: 0px 0px 0px 65px;
}
#contactForm .lSubmit{
	padding:0px;
	margin:0px 15px 0px 0px;
	width:87px;/*85*/
	height:24px;/*22*/
	border:#fff 1px solid;
	font-style:normal;
	font-weight:bold;
	display:inline;
	color:#fff;
	background-color:#2D3091;
}
/* END Form ---------------------------*/


/* Spry Sliding Panels -------------------------------*/
#arrowBack{position:absolute;top:0px;left:0px;z-index:5;width:25px;}
#arrowForward{position:absolute;top:0px;left:575px;z-index:15;width:25px;}
#hslider{
		margin-left:25px;
		margin-right:25px;
}
#hslider.SlidingPanels {
	float: left;
	width:550px;
}
#hslider .SlidingPanelsContentGroup {
	float: left;
	width: 15000px;
}
#hslider .SlidingPanelsContent {
	float: left;
	width: 550px;
	height:80px;
}
#hsp1{background-color:#fff;}
#hsp2{background-color:#fff;}
#hsp3{background-color:#fff;}
#pageNumbers{
	position:absolute;
	top:80px;
	left:0px;
	z-index:25;
	width:600px; /*  */
	height:18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333;
	font-weight:normal;
	line-height:18px;
	border-bottom:#ccc 1px solid;
	text-align:center;
}
#pageNumbers a{text-decoration:none; color:#666;}
.thumbImageDiv{position:relative;float:left;margin:5px 2px 0px 3px;overflow:hidden;height:75px;width:105px;}
/* ---- ELEMENTS ------------------------------ */
h1{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;width:auto; line-height:16px;font-family:Verdana, Geneva, sans-serif;font-size:14px;font-weight:bold;color:#2D3091;text-align:left;}
h2{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;width:auto; line-height:11px;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;text-align:left;color:#2D3091;}
h3{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;width:auto;height:25px;line-height:25px;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;text-align:left;color:#000;}
h4{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;width:auto;height:25px;line-height:25px;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;text-align:left;color:#000;}
h5{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;width:auto;height:25px;line-height:25px;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;text-align:left;color:#000;}
h6{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;width:auto;height:25px;line-height:25px;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;text-align:left;color:#000;}
p{margin:0px 0px 17px 0px;}
ul{margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
ol{margin:10px 0px 10px 20px;}

/* ---- LISTS ------------------------------ */
#bodyContent ul, #bodyContentGallery ul{margin:10px 0px 0px 20px;}
#bodyContent ol, #bodyContentGallery ol{margin:10px 0px 0px 20px;}
#bodyContent li, #bodyContentGallery li{position:relative;display:list-item;margin:0px;padding:0px;vertical-align:top;}

/* ---- IDS ------------------------------ */


/* ---- CLASSES ------------------------------ */
.center{text-align:center;}
.bluecopy{color:#2D3192;}
.nouline{text-decoration:none;}
.footerlinks{color:#999;}
.greylinks{color:#666;}

.u{text-decoration:underline;}
.bold{font-weight:bold;}
.boldLink{font-weight:bold;text-decoration:none;}
.bodyCopy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	line-height:12px;
	font-weight:normal;
}
.numbers{float:left; padding:3px 3px 3px 0px; margin:0px 5px 15px 0px;vertical-align:middle;}
.clearLeft{clear:left;}
.locations{line-height:12px;margin-bottom:5px;}