BODY{
background:#000;
text-align: center;
font-family: verdana,arial,sans-serif; 
font-size: 12px;
line-height:1.3;
}

P,div{
font-size: 13px;
font-family: Geneva,Verdana,Arial,sans-serif;
}

blockquote {font-family:"Courier New", Courier, mono;}

img{
border:0px;
}

div.spacer {
  clear: both;
  }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


h1 
{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#fff;
}

h2
{
	display:inline;
	font-size: 14px;
	font-weight: bold;
}


a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: underline;
}

/** BEGIN GLOBAL MAIN SITE STRUCTURE**/
#sitewrapper{
width:955px;
border:1px solid #333;
margin: 0 auto;
padding:0px;
text-align: left;
background:#757575 url(/images/sitebg.gif) repeat-y;
}

div.spacer{
clear: both;
}





#contentarea{
display:block;
padding:0px 0px 20px 0px;
margin:0;
}

.content{
width:580px;
float:left;
padding:0 0 20px 0;
margin:0 30px 0 30px;
}

#rightcol{
background-color:#666666;
width:133px;
float:right;
/**margin:0px 15px 10px 10px;**/
padding:0px 13px 20px 13px;
/**border-left:1px solid #000;**/
}

#leftcol{
width:150px;
padding:0 0 10px 0;
float:left;
margin:0px;
/**margin:0px 30px 20px 0px;**/
background-color:#333333;
/**border-right:1px solid #777;**/
}


/** BEGIN LEFTNAV STYLES **/
ul.leftnav
{
/** width:110px;**/
font-family:Arial, Helvetica, sans-serif;
display: block;
font-size:11px;
padding:0 0 30px 0;
margin:0px;
list-style-type:none;
float:left;
vertical-align:top; 
}

.leftnav li {
display:inline;
float:left;
}

.leftnav input {
/** paypal view cart**/
display:block;
float:left;
padding-left:8px;
margin-left:7px;
/** ie 6 and below don't properly align this button; the margin and padding above seems to solve it **/

}

.leftnav a{
float:left;
/** width:135px;**/
height:14px;
text-decoration:none;
font-weight:normal;
font-size:11px;
padding-top:2px;
padding-bottom:2px;
}

.leftnav .hed{
font-family:"Trebuchet MS",Verdana,sans-serif;
padding-top:20px;
padding-left:15px;
color:#ccc;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

.leftnav .main a
{
padding-left:15px;
width:135px;
color:#fff;
text-decoration:none;
}

.leftnav .main a:hover {
padding-left:15px;
/**width:135px;**/
background-color:#262626;
text-decoration:none;
}

.leftnav .main-selected a
{
padding-left:15px;
width:135px;
background-color:#262626;
text-decoration:none;
color:#fff;
}

.leftnav .main-selected a:hover {
padding-left:15px;
width:135px;
background-color:#262626;
text-decoration:none;
color:#fff;
}

.leftnavad{
margin: 0 auto;
text-align:center;
}

.rightnavad{
margin: 0 auto;
text-align:center;
}

/** END LEFT NAV STYLES **/


.rightnav-hed{
font-family:"Trebuchet MS",Verdana,Monaco,sans-serif;
font-size:12px;
color:#ccc;
font-weight:bold;
}

a.rightnav:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	line-height:1.75;
}

a.rightnav:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	line-height:1.75;
}

a.rightnav:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:1.75;
}
a.rightnav:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	background: #333333;
	line-height:1.75;
}

div.main2 {width: 580px;}
div.main2 {margin:0;vertical-align:top;padding-bottom:13px;}
div.main2 .newsdate {font-size:11px; padding:0;margin:0; font-family:Verdana,Arial,sans-serif;font-weight:normal;}
div.main2 p {color:#000;font-family:Geneva,Verdana,Arial,sans-serif;}
div.main2 .newsdate +p{margin-top:0px;padding-top:0px;} /** no space betweein newsdate and first paragraph that follows it**/
div.main2 h2 +p{margin-top:0px;padding-top:0px;} /** no space betweein h2 and first paragraph that follows it**/
div.main2 h3 +p{margin-top:0px;padding-top:0px;} /** no space betweein h3 and first paragraph that follows it**/


.topbar{
width: 580px;
background: #333;
margin:0;
}

.topbar h1 {
	margin: 0; padding: 0.50em 1em 0.50em 10px; background: #333;letter-spacing:0.1em; text-align: left; font-family: "Trebuchet MS",Verdana,Monaco,Arial,sans-serif;
}

.topbar .pagination {
	float:right;
	color:#fff;
	margin:0; 
	padding:0.50em 1em 0.50em 0; 
	font-family:"Trebuchet MS",Verdana, Monaco,Arial,sans-serif;
	font-size:11px;
}

a.pagination-top:link{
	color:#fff;
	text-decoration:underline;
}
a.pagination-top:visited{
	color:#fff;
	text-decoration:underline;
}
a.pagination-top:hover{
	color:#fff;
	text-decoration:none;
}
a.pagination-top:active{
	color:#fff;
	text-decoration:underline;
}

/**  FOOTER **/
#footerleft{
	width:435px;
	height:25px;
	margin:0px;
	padding:0px;
	background:#000 url(/images/calibrate.gif) no-repeat left;
	float:left;
}

#footerright{
	width:520px;
	height:20px;
	padding:5px 0 0 0;
	margin:0;
	color:#c0c0c0;
	background:#000;
	float:right;
	text-align:right;
}


a.bottomnav:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}

a.bottomnav:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
a.bottomnav:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.bottomnav:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}

/**  COPYRIGHT **/
.copyright {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #CCCCCC;
}

.copyright a{
color:#fff;
}

.floatimageright{
float:right;
padding:0 15px 5px 15px;
}

.hilite{
/**background:#999;**/
color:#ffffcc;
font-weight:bold;
}

/** TOOLTIP WITH IMAGE **/
   
.dvhdr1img {
display:none;
}
         
.dvbdy1img {
padding:15px 15px 15px 15px;
background:#cccccc;
color:#000;
font-family:arial,sans-serif;
font-size:12px;
border:1px solid #333;
}
         
.dvbdy1img img{
border:1px solid #000;
}

/** END TOOLTIP WITH IMAGE **/

/** RIGHT NAV CART **/
.cart-table-rightnav tr.category td{
padding:4px 5px 4px 5px;
background:#333;	
color:#fff;
font-weight:bold;
margin:0;
background-image:url(/bwgallery/images/cart.gif);
background-position:right;
background-repeat:no-repeat;
}

.cart-table-rightnav{
border:1px solid #7d7d7d;
width:100%;
margin-left:20px;
margin-right:20px;
border-collapse: collapse;
margin: 0px auto 0px auto;
font-size:11px;
background:#666666;
}

.cart-table-rightnav tr td{
padding:4px 5px 4px 5px;
border-bottom:1px solid #7d7d7d;
}

.cart-table-rightnav td a:link{
font-size:11px;
text-decoration:underline;
}

.cart-table-rightnav td a:visited{
font-size:11px;
text-decoration:underline;
}

.cart-table-rightnav td a:hover{
font-size:11px;
text-decoration:none;
}

.cart-table-rightnav td a:active{
font-size:11px;
text-decoration:underline;
}

/** RIGHT NAV CART END **/


/** SHOPPING CART STYLES **/
.addcart-table{
border:1px solid #666;
width:100%;
margin-left:20px;
margin-right:20px;
border-collapse: collapse;
border:1px solid #000;
margin: 0px auto 0px auto;
/**background:#a1a1a1;**/
}

.addcart-table tr td{
padding:4px 10px 4px 0;
border-bottom:1px solid #7d7d7d;
}

.addcart-table td a:link{
text-decoration:none;
}

.addcart-table td a:visited{
text-decoration:none;
}

.addcart-table td a:hover{
text-decoration:underline;
}

.addcart-table td a:active{
text-decoration:none;
}


.addcart-table tr.category td{
padding:4px 5px 4px 0;
background:#666;
color:#000;
font-weight:bold;
}

.addcart-table select 
{
padding:0;
margin:0;
color:#000;
}

.addcart-table SELECT{
color:#000;
background:#999;
}

.addcart-table img{
margin-left:15px;
}

.button{
background:#666;
color:#000;
font-size:11px;
border:1px solid #444;
cursor:hand;
letter-spacing: 1.5px
}
/** END SHOPPING CART STYLES **/

/** GALLERY STYLES**/
.breadcrumbs{
color:#fff;
padding:0 0 20px 0;
}

.breadcrumbs a:link{
color:#fff;
text-decoration:underline;
}

.breadcrumbs a:visited{
color:#fff;
text-decoration:underline;
}

.breadcrumbs a:hover{
color:#fff;
text-decoration:none;
}

.breadcrumbs a:active{
color:#fff;
text-decoration:underline;
}

.thumbnail{
float:left;
padding:0px 20px 10px 20px;
}

.thumbnail img{

}

.gallerythumb{
border:1px solid #666;
}

.gallerythumb:hover{
border:1px solid #999;
}


.thumbnaildetails{
width:152px;
padding-bottom:5px;
}

.thumbnail-default{
float:left;
padding:0;
margin:0 0 10px 15px;
width:267px;
font-size:11px;
height:120px;
}

.thumbnail-default img{
padding:20px 10px 20px 10px;
float:left;
}

.thumbnaildetails-default{
padding:18px 10px 20px 10px;
}

.phototitle a:link{
font-weight:bold;
text-decoration:none;
font-size:13px;
}
.phototitle a:visited{
text-decoration:none;
font-size:13px;
}
.phototitle a:hover{
text-decoration:underline;
font-size:13px;
}
.phototitle a:active{
text-decoration:none;
font-size:13px;
}


/** TOOLTIP **/
.dvhdr1 {
text-align:left;
background:#333333;
color:#fff;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
border:1px solid #333;
padding:3px 5px 3px 7px;
width:150px;
}
         
.dvbdy1 {
text-align:left;
background:#cccccc;
color:#000;
font-family:arial,sans-serif;
font-size:12px;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
padding:7px;
width:150px;
}


.dvhdr_photodetails{
text-align:left;
background:#333333;
color:#fff;
font-family:helvetica,arial,sans-serif;
font-size:12px;
font-weight:bold;
border:1px solid #333;
padding:3px 5px 3px 7px;
width:220px;
}
         
.dvbdy_photodetails {
text-align:left;
background:#cccccc;
color:#000;
font-family:helvetica,arial,sans-serif;
font-size:12px;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
padding:7px;
width:220px;
}

/** END TOOLTIP **/

/**PHOTO DETAILS **/
.loading{
background-image: url(/images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}

.galleryphoto{
border:1px solid #000;
margin:0 auto;
}

.imagedesctop{
margin-top:5px;
width:575px;
height:12px;
display:block;
background: url(/images/imagedesc-top.jpg) no-repeat;
}

.imagedesc{
width:475px;
display:block;
background:#757575 url(/images/card.jpg) repeat-y;
padding:15px 50px 5px 50px;
color:#000;
text-align:left;
color:#000;
}

.image-title{
letter-spacing:0.1em;
font-weight:bold;
font-size:16px;
font-family:Palatino, Georgia ,"Times New Roman", Times, serif;
}

.desctext{
font-size:26px;
}

.imagesubdesc{
width:100%;
}

.imagedescbot{
width:575px;
height:12px;
display:block;
background: url(/images/imagedesc-bot.jpg) no-repeat;
}

.imagedesc #avail-prints{
font-weight:normal;
text-align:left;
width:100%;
padding-bottom:3px;
/**border-bottom:1px solid #000;**/
font-size:14px;
}

.imagedesc #photo-details{
font-size:14px;
font-weight:normal;
}

/**div > p:first-child{
display:inline;
}**/

.printsizeavailable{
width:25%;
text-align:center;
float:left;
}

.toppaginationdiv {
width:579px;
height:25px;
background: #8d8d8d;
border:1px solid #444;
padding:0;
margin:0 0 7px 0;
}

.toppaginationdiv #catjump{
float:right;
padding:3px 10px 0 7px;
margin:0;
}

.catdd
{
padding:0;
margin:0;
}

.catdd select
{
padding:0;
margin:0;
height:18px;
font-size:9px;
color:#000;
background:#8d8d8d;
border:1px solid #333; 
}

.catdd #button
{
padding:0;
margin:0;
height:18px;
color:#fff;
font-size:11px;
background:#666;
border:1px solid #333;
}

.paginationdiv {
width:570px;
margin: 0; 
padding: 0.50em 1em 0.50em 0; 
background: #333;
letter-spacing:0.1em; 
text-align: right; 
font-family: Monaco,"Trebuchet MS",Verdana,Arial,sans-serif; 
border-bottom: 0px solid #666;
}

.addtocart-table{
border:1px solid #666;
width:100%;
margin-left:20px;
margin-right:20px;
border-collapse: collapse;
margin: 0px auto 0px auto;
/**background:#666666;**/
}

.addtocart-table tr td{
padding:6px 10px 6px 15px;
border-bottom:1px solid #666;
}

.addtocart-table td a:link{
text-decoration:none;
}

.addtocart-table td a:visited{
text-decoration:none;
}

.addtocart-table td a:hover{
text-decoration:underline;
}

.addtocart-table td a:active{
text-decoration:none;
}

.addtocart-table tr.spacer {
height:2px;
background-color:#fff;
padding:0;
margin:0;
border-bottom:0;
}

.addtocart-table tr.spacer td{
height:2px;
background-color:#666;
padding:0;
margin:0;
border-bottom:0;
}

.addtocart-table tr.category td{
padding:4px 5px 4px 15px;
background:#666;	
color:#000;
font-weight:bold;
font-size:12px;
}

.addtocart-button{
background:#999;
color:#000;
height:20px;
width:80px;
font-size:11px;
border:1px solid #000;
cursor:hand;
/**letter-spacing: 1.5px**/
}

.addtocart-button:hover{
background:#f5f5f5;
}


/** END GALLERIES STYLES **/

.googlesearchbox
{
padding:0;
margin:0;
}

.googlesearchbox INPUT{
background:#757575;
color:#000;
border:1px inset;
}

.googlesearchbox #ss0{
border:0;
}

.googlesearchbox #ss1{
border:0;
}


.googlesearchbox #sbi{
background:#999999;
}


.googlesearchbox #sbb{
background:#999999;
color:#000;
border:1px outset;
}

/** TAGGING **/
.toolbarbox{
margin: 2px 0 0 0;
display: block;
}

.toolbar-tags{
float:left;
margin-left:2px;
font-size:10px;
color:#333333;
display:inline;
text-align:left;
}

a.tags:link{
font-size:10px;
color:#333333;
text-decoration:underline;
}

a.tags:visited{
font-size:10px;
color:#333333;
text-decoration:underline;
}

a.tags:hover{
font-size:10px;
color:#fff;
text-decoration:none;
}

a.tags:active{
font-size:10px;
color:#333333;
text-decoration:underline;
}

.toolbar-pics{
display:inline;
width:100px;
}


.pic-details{
float:right;
display:inline;
width:16px;
height:16px;
padding:2px;
border:1px solid #666;
margin:1px;
}

a.pic-details:link, a.pic-details:visited,a.pic-details:active{
background-image: url(/bwgallery/images/pic-details.gif);
background-repeat: no-repeat;
background-position: center;
}

a.pic-details:hover{
background-image: url(/bwgallery/images/pic-details-h.gif);
background-repeat: no-repeat;
background-position: center;
}


.pic-enlarge{
float:right;
display:inline;
width:16px;
height:16px;
padding:2px;
border:1px solid #666;
margin:1px;
}

a.pic-enlarge:link, a.pic-enlarge:visited,a.pic-enlarge:active{
background-image: url(/bwgallery/images/pic-enlarge.gif);
background-repeat: no-repeat;
background-position: center;
}

a.pic-enlarge:hover{
background-image: url(/bwgallery/images/pic-enlarge-h.gif);
background-repeat: no-repeat;
background-position: center;
}

.pic-next{
float:right;
display:inline;
width:16px;
height:16px;
padding:2px;
border:1px solid #666;
margin:1px;
}

a.pic-next:link, a.pic-next:visited, a.pic-next:active{
background-image: url(/bwgallery/images/pic-next.gif);
background-repeat: no-repeat;
background-position: center;
}

a.pic-next:hover{
background-image: url(/bwgallery/images/pic-next-h.gif);
background-repeat: no-repeat;
background-position: center;
}

.pic-prev{
float:right;
display:inline;
width:16px;
height:16px;
padding:2px;
border:1px solid #666;
margin:1px;
}

a.pic-prev:link,a.pic-prev:visited,a.pic-prev:active {
background-image: url(/bwgallery/images/pic-prev.gif);
background-repeat: no-repeat;
background-position: center;
}

a.pic-prev:hover{
background-image: url(/bwgallery/images/pic-prev-h.gif);
background-repeat: no-repeat;
background-position: center;
}

.pic-home{
float:right;
display:inline;
width:16px;
height:16px;
padding:2px;
border:1px solid #666;
margin:1px;
}

a.pic-home:link,a.pic-home:visited,a.pic-home:active {
background-image: url(/bwgallery/images/pic-home.gif);
background-repeat: no-repeat;
background-position: center;
}

a.pic-home:hover{
background-image: url(/bwgallery/images/pic-home-h.gif);
background-repeat: no-repeat;
background-position: center;
}

/** tabs on photograph.asp pages **/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #999;*/
	border-left: 1px solid #5e5e5e;
	width: 100%;
	font-size:12px;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #5e5e5e;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #696969;
	color:#000;
}

ul.tabs li a {
	text-decoration: underline;
	color: #000;
	display: block;
	padding: 0 20px;
	/*border: 1px solid #666;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-size:12px;
	font-weight:bold;
}
ul.tabs li a:hover {
	color:#f5f5f5;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	text-decoration:none;
	color:#000;
	background: #6f6f6f;
	border-bottom: 1px solid #6f6f6f; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #5e5e5e;
	/*border-top: none;*/
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #6f6f6f; 
}

.tab_container a {
	color:#000;
}

.tab_content {
	padding: 20px;
	font-size: 12px;
	color:#000;
}

/** LIGHTBOX **/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/javascripts/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/javascripts/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;padding-bottom:10px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }