* {
	margin: 0;
	padding: 0;
}
body {
	background: #000000 url(../_img/body_bg.gif) repeat-y center top;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #AFAFAF;
}
#container {
	width: 800px;
	margin: 0 auto;
	position: relative;
}
			
#banner {
	height: 90px;
	background: url(../_img/logo_banner.gif) no-repeat;
}
#banner h1 { 
	text-indent: -3333px;
}
#content {
	background-color: #050505;
	min-height:830px;
  	height:auto !important;
  	height:830px;
}
/* -------------------------------------------------------- */
/* ---------------->>> GLOBAL NAVIGATION <<<--------------- */
/* -------------------------------------------------------- */
#globalnav {
	width: 800px;
	height: 30px;
}
#globalnav li {
	float: left;
	list-style: none;
}
#globalnav li a {
	display: block;
	height: 30px;
	text-indent: -3333px;
	background-repeat: no-repeat;

}
#globalnav li#nav-home a {
	width: 68px;
	background-image: url(../_img/nav/home.gif);
}
#globalnav li#nav-gallery a {
	width: 76px;
	background-image: url(../_img/nav/gallery.gif);	
}
#globalnav li#nav-book a {
	width: 56px;
	background-image: url(../_img/nav/book.gif);	
}
#globalnav li#nav-updates a {
	width: 78px;
	background-image: url(../_img/nav/updates.gif);
}
#globalnav li#nav-lounge a {
	width: 76px;
	background-image: url(../_img/nav/lounge.gif);
}
#globalnav li#nav-blog a {
	width: 54px;
	background-image: url(../_img/nav/blog.gif);
}
#globalnav li#nav-about a {
	width: 64px;
	background-image: url(../_img/nav/about.gif);
}
#globalnav li#nav-contact a {
	width: 86px;
	background-image: url(../_img/nav/contact.gif);
}
#globalnav li#nav-view-basket {
	float: right;
}
#globalnav li#nav-view-basket a {
	width: 112px;
	background-image: url(../_img/nav/view_basket.gif);
}
#globalnav li#nav-skip_nav a, 
#globalnav li#sitemap a {
	display: none;
}
#globalnav li a:hover {
	background-position:0px -30px;
}


/* active navs for different pages */
#homepage #globalnav li#nav-home a, 
.gallerypage #globalnav li#nav-gallery a,
.bookpage #globalnav li#nav-book a,
.aboutpage #globalnav li#nav-about a,
.updatespage #globalnav li#nav-updates a,
#contactpage #globalnav li#nav-contact a  {
		background-position:0px -30px;
}

/* -------------------------------------------------------- */
/* --------------- BREADCRUMB NAVIGATION ------------------ */
/* -------------------------------------------------------- */
h2 {
	width: 800px;
	height: 17px;
	line-height: 17px;
	text-align: left;
	margin: 0 auto;
	position: absolute;
	top: 120px;
	vertical-align: middle;	
}
h2 b {
	margin-left: 70px;
	display: inline;
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 0 9px;
	color: #646464;	
	
}
h2 b i {
	color: #FFB217;
	font-style: normal;
	font-size: 11px;
}
h2 b a {
	color: #FFB217;
}
h2 b a:hover {
	text-decoration: underline;			
}



/*********** Home page / Pages with large splash shot **************/
#content p.largehoriz {
	padding-top: 60px;
	padding-bottom: 50px;
}
#content p.largehoriz img {
	display: block;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}
/***********************************/
/************ FRAMING *************/
/**********************************/

/* the <b> element is the frame! */
#content p.largehoriz b {
	display: block; height:338px; 
}
#content p.largehoriz b img {
	border: none;
	padding: 52px 0 0 52px;
}
.vertpage #content p.largehoriz b {
	display: block; 
	height:684px; 
	width: 289px;
	margin-top: 10px;
}
.vertpage #content p.largehoriz b img {
	border: none;
	padding: 46px 0 0 45px;
}
/* open editions have taller frame etc... */
#openspage #content p.largehoriz b {
	display: block; height:400px; 
}
#openspage #content p.largehoriz b img {
	border: none;
	padding: 80px 0 0 80px;
}


#content p {
	padding-bottom: 18px;
}
#content table {
	margin-bottom: 20px;
	margin-top: 4px;
}
#content p a,
#content dd a,
#content ul li a,
#content table tr td a {
	color: #fff;
}
#content a:hover {
	text-decoration: underline;
}

/******************************/
/********** ONE COLUMN ********/
/******************************/
#single_col {
	background: #0A0A0A;
	margin: 20px 20px 20px 20px;
}
.poppage #single_col {
	background: #0A0A0A;
	margin: 20px 0;
}
#single_col #inner_content {
	/* margin: 0 20px 20px 20px; */
	padding: 20px;
	line-height: 19px;
	font-size: 13px;
	color: #909090;
}
#single_col #inner_content strong {
	color: #ccc;
}
#single_col #inner_content p,
#single_col #inner_content h4,
#single_col #inner_content ul {
	padding-right: 165px;
}
#single_col #inner_content ul {
	margin: 0 0 20px 50px;
}
#single_col #inner_content ul li {
	padding-bottom: 12px;
}
#termspage #single_col #inner_content ul {
	margin: 0 0 20px 0px;
	list-style: none;
	padding-right: 175px;
}
#single_col #inner_content hr {
	width: 555px;
	margin-bottom: 20px;
	border: 0;
	border-bottom: 1px dashed #444;
}
#single_col #inner_content h4 {
	color: #FFB217;
	font-size: 14px;
	font-weight: normal;
}
#content p.sig {
	float: right;
}

/************************************/
/********* NEWS / UPDATES ***********/
/************************************/
/* the news preview */

.updatespage dl {
	margin: 20px 0 0 0;
}
.updatespage dt {
	width: 200px;
	float: left;
	margin: 0;
	margin-bottom: 20px;
	clear: left;
}
.updatespage dt img{
	display: block;
}
.updatespage dd {
	float: left;
	width: 445px;
	margin: -4px 0 20px 20px;
}
.updatespage dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.updatespage dd strong {
	color: #FFB217;
}
.updatespage #view_archived,
.updatespage #go_back {
	display: block;
	background: url(../_img/updates/view_archive.gif) no-repeat;
	width: 141px;
	height: 29px;
	text-indent: -3456px;
}
.updatespage #go_back { 
	background: url(../_img/updates/go_back.gif) no-repeat;
}
.updatespage #view_archived:hover,
.updatespage #go_back:hover {
	background-position: 0 -29px;
}


/******************************/
/********** Three Cols ********/
/******************************/
#left_col, #mid_col, #right_col {
	width: 240px;
	display: inline;
	float: left;
	margin-left: 20px;
}
#homepage #left_col h3, #homepage #mid_col h3, #homepage #right_col h3,
#photographypage #left_col h3, #photographypage #mid_col h3, #photographypage #right_col h3 {
	height: 28px;
	text-indent: -3333px;
}
a.overlay {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	height: 80px;
	width: 240px;
	text-indent: -3333px;
	background: #050505;
	opacity: .25; 
	filter: alpha(opacity=25); 
	-ms-filter: "alpha(opacity=25)";
	-khtml-opacity: .25; 
	-moz-opacity: .25;
}
.vertnailpage a.overlay {
	height: 300px;
	width: 80px;
}
#openspage a.overlay {
	height: 110px;
}
a.overlay:hover {
	background: #000;
	opacity: .00; 
	filter: alpha(opacity=00); 
	-ms-filter: "alpha(opacity=00)";
	-khtml-opacity: .00; 
	-moz-opacity: .00;
 }
/**************************************/
/********** HOME PAGE COLUMNS *********/
/**************************************/
#homepage #left_col h3 {
	background: url(../_img/home/welcome.gif) no-repeat;
}
#homepage #mid_col h3 {
	background: url(../_img/home/photography.gif) no-repeat;
}
#homepage #right_col h3 {
	background: url(../_img/home/thoughts.gif) no-repeat;
}

#welcome_box, #photography_box, #updates_box {
	position: relative;
	padding-top: 98px;
}
#updates_box p a {
	color: #AFAFAF;
}
#updates_box p a:hover {
	color: #fff;
}
/*********************************************/
/********** PHOTOGRAPHY PAGE COLUMNS *********/
/*********************************************/
#photographypage #left_col h3 {
	background: url(../_img/gallery/limited_edition.gif) no-repeat;
}
#photographypage #mid_col h3 {
	background: url(../_img/gallery/wideview.gif) no-repeat;
}
#photographypage #right_col h3 {
	background: url(../_img/gallery/open_editions.gif) no-repeat;
}
#limited_box, #wideview_box, #open_box  {
	position: relative;
	padding-top: 98px;
}


/*********************************************/
/************ GALLERY MENU PAGE **************/
/*********************************************/
#content .gallery_thumbnail {
	position: relative;
	width: 240px;
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0;
	height: 153px;
}

/*********************************************/
/************  PHOTO THUMBNAILS **************/
/*********************************************/

#content .thumbnail {
	position: relative;
	width: 240px;
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0;
	overflow: hidden; /* shouldn't need this when we get going */
	height: 153px;
}
.vertnailpage #content .thumbnail {
	width: 80px;
	height: 303px;
	margin-right: 36px;
}
.vertnailpage #content .last {
	margin-right: 0 !important;
}
/*********************************************/
/************  PHOTO DETAIL PAGE  ************/
/*********************************************/
.vertpage #content p.largehoriz {
	width: 309px;
	float: left;
}
.vertpage #content p.largehoriz img  {
	border-right: 10px solid #000;
}
.vertpage #photonav {
	display: none;
}
#photonav {
	display: block;
	position: absolute;
	right: 10px;
}
#next, #previous {
	height: 25px;
	width: 14px;
	float: right;
}
#next {
	background: url(../_img/arrow_right.gif);
}
#previous {
	background: url(../_img/arrow_left.gif);
}
#next span, #previous span {
	display: none;
}
#next:hover, #previous:hover {
	background-position: 0 -25px;
}
#photo_info_holder {
	background: url(../_img/gallery/image_view_page_bg.gif) repeat-y;
}
.vertpage #photo_info_holder {
	background: none;
	float: left;
	width: 471px;
	margin-top: 50px;
}
#content #image_description,
#content #image_options {
	color: #AFAFAF;
}
.vertpage #content #image_description,
.vertpage #content #image_options {
	background: #0a0a0a !important;
}
#content #image_description {
	width: 470px;
	float: left;
	margin: 0 10px 0 20px;
	display: inline;
	padding: 15px 15px 0 15px;
	line-height: 18px;
}
.vertpage #content #image_description {
	margin: 20px 10px 0 0;
	width: 440px;
}
#content #image_description p {
	padding-right: 50px;
}
#content #image_description h3,
#content #image_options h3 {
	font-size: 17px;
}
#content #image_description #footnotes em {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #AFAFAF;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: normal;
	padding-right: 2em;
}
#content #image_options {
	position: relative;
	width: 220px;
	float: left;
	margin: 0 20px 0 10px;
	padding: 15px 10px 0 10px;
	display: inline;
}
.vertpage #content #image_options {
	margin: 20px 20px 0 0;
}
#content #image_options	dt {
	width: 72px;
	float: left;
	margin: 0 0 10px 0;
	color: #AFAFAF;
}
#content #image_options	dd {
	float: left;
	width: 140px;
	margin: 0 0 10px 0;
}
#content #image_options .help {
	position: absolute;
	top: 18px;
	left: 115px;
	z-index: 200;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	color: #7C7C7C;
}
#content #image_options .help a {
	color: #7C7C7C;
}
/*********************************************/
/************  PHOTO DETAIL PAGE  ************/
/**********     FRAMING OPTIONS     **********/
/*********************************************/
form input, select, textarea, option {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	border: none;
	background: #E1E1E1;
}
#choice input, #choice select, #choice textarea, #choice option {
	color: #AFAFAF;
	background: #0A0A0A;
}
#choice option {
	padding-right: 16px;
	background: #222;
}
#choice select {
	background: #222;
}
form input#userPrice {
	border: 0;
	display: inline; width: auto;
}

form input.textinput {
	padding: 3px 2px 3px 5px;
	background: url(../_img/forms/text_input.gif) no-repeat;
	color: #222;
}

/*********************************************/
/*********  TABLES, TABLES, TABLES  **********/
/**********     BASKET + SIGN UP    **********/
/*********************************************/
#content table {
	/* border: 1px solid #212121; */
	border-top: 0;
}
#content table#basket {
	width: 718px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#content table.table_actions {
	width: 718px;
	margin-bottom: 50px;
	border: 0;
}
table.table_actions tr td {
	border: 0;
	background: #0a0a0a;
}
table tr th {
	color: #FFB217;
	background: #141414 url(../_img/tables/th.gif) repeat-x bottom;
}
table tr td {
	background: #0F0F0F url(../_img/tables/td.gif) repeat-x bottom;
}
table tr td,
table tr th {
	text-align: left;
	padding: 5px 8px 5px 8px;
	vertical-align: top;
	line-height: 20px;
	border-top: 1px solid #212121;
}
table tr td.rightcell,
table tr th.rightcell,
table tr td.bothcell,
table tr th.bothcell  {
	border-right: 1px solid #212121;
}
table tr td.leftcell,
table tr th.leftcell,
table tr td.bothcell,
table tr th.bothcell {
	border-left: 1px solid #212121;
}
table tr.bottomrow td {
	border-bottom: 1px solid #212121;
}
table tr.blankrow td {
	background: transparent;
	border: 0;
}
table tr.buttonrow td {
	padding-top: 20px;
	padding-bottom: 20px;
}

.align_right,
table tr th.align_right {
	text-align: right;
}
.align_center,
table tr th.align_center {
	text-align: center;
}
table tr td.totalcell {
	font-weight: bold;
	color: #fff;
}
table tr td .pandp_message {
	font-size: 11px;
}
table.simple tr td,
table.simple td th {
	background: none;
	border: none;
}
#termspage table.simple tr td {
	padding: 0 30px 0 0;
	
}
#below_basket {
	font-size: 11px;
	margin-left: 12px;
}

#content #single_col  #inner_content table tr th span, #content #single_col  #inner_content table tr td span{
	font-weight: normal; 
	font-size: 10px; 
	color: #bbb;
	padding: 0;
	margin: 0;
	line-height: 3px;
}
#content table tr th span a, 
#content table tr td span a {
	color: #ccc;
	font-size: 11px;
	text-decoration: underline;
}
#content #left_table,
#content #right_table {
	width: 350px;
	margin-right: 20px;
	float: left;
}
#content #right_table {
	margin-right: 0;
}
/**************************************************/
/**************   NEW SMALL BUTTONS  **************/
/**************************************************/
#content #frame_and_purchase,
#content #add_to_basket,
#content #soldout {
	padding-bottom: 4px;
	margin-top: 20px;
}
#frame_and_purchase a {
	display: block;
	width: 108px;
	height: 37px;
	text-indent: -3333px;
	background: url(../_img/buttons/frame_and_purchase.gif) no-repeat;
}
#frame_and_purchase a:hover {
	background-position: 0 -37px;
}
#content #soldout {
	text-indent: -3333px;
	width: 108px;
	height: 37px;
	background: url(../_img/buttons/sold_out.gif) no-repeat;	
}

#add_to_basket button {
	border: none;
	width: 108px;
	height: 37px;
	display: block;
	background: url(../_img/buttons/add_to_basket.gif) no-repeat;
	padding: 0; margin: 0;
	text-indent: -3333px;
	cursor: pointer;
}
#add_to_basket button:hover {
	background-position: 0 -37px;
}

/* Smaller (no reflect) buttons for tables /forms */
#checkout_button,
#save_changes,
#enter_code,
#remind_me,
#subscribe_button,
#unsubscribe_button {
	border: none;
	width: 108px;
	height: 23px;
	display: block;
	padding: 0; margin: 0;
	text-indent: -3333px;
	cursor: pointer;
	float: right;

}
#checkout_button {	background: url(../_img/buttons/checkout.gif) no-repeat; }
#save_changes {	background: url(../_img/buttons/save_changes.gif) no-repeat; }
#enter_code { background: url(../_img/buttons/enter_code.gif) no-repeat; }
#remind_me { background: url(../_img/buttons/remind_me.gif) no-repeat; }
#subscribe_button { background: url(../_img/buttons/subscribe.gif) no-repeat; }
#unsubscribe_button { background: url(../_img/buttons/unsubscribe.gif) no-repeat; }

#checkout_button:hover,
#save_changes:hover,
#enter_code:hover,
#remind_me:hover,
#subscribe_button:hover,
#unsubscribe_button:hover  {
	background-position: 0 -23px;
}
/*******************************************/
/************* BOOK PAGE *******************/
/*******************************************/
#booknav {
	list-style: none;
	height: 46px;
	margin-bottom: 8px;
}
#booknav li {
	float: left;
}
#booknav li a {
	display: block;
	height: 46px;
	text-indent: -3333px;

}
#booknav li#bn-tab1 a {
	width: 62px;
	background-image: url(../_img/book/intro.gif);
}
#booknav li#bn-tab2 a {
	width: 76px;
	background-image: url(../_img/book/wonders.gif);	
}
#booknav li#bn-tab3 a {
	width: 70px;
	background-image: url(../_img/book/journey.gif);	
}
#booknav li#bn-tab4 a {
	width: 54px;
	background-image: url(../_img/book/inside.gif);
}
#booknav li#bn-tab5 a {
	width: 56px;
	background-image: url(../_img/book/prints.gif);
}
#booknav li#bn-tab6 a {
	width: 60px;
	background-image: url(../_img/book/quotes.gif);
}
#booknav li#bn-tab7 a {
	width: 82px;
	background-image: url(../_img/book/exhibition.gif);
}
#booknav li#bn-tab8 a {
	width: 118px;
	background-image: url(../_img/book/special_edition.gif);
}
#booknav li#bn-purchase a {
	width: 108px;
	margin-left: 54px;
	background-image: url(../_img/book/purchase.gif);
	background-repeat: no-repeat;
}
#booknav li a:hover,
#booknav li.active a {
	background-position: 0 -46px;
}
img.bookcover {
	float: left;
	padding: 0 20px 0 0;
} 
/********* FOOTER ********/
#footer #footer_nav b {
	display: none;
}
#footer  {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   padding-bottom: 30px;
}
#footer #footer_nav,
#footer #copyright {
   clear:left;
   float:left;
   position:relative;
   left:50%;
   text-align:center;
}
#footer #footer_nav span,
#footer #copyright span {
	display:block;
	float:left;
	position:relative;
	right:50%;
	padding-right: 1px;
	background-image:url(../_img/footer/sep.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#footer #footer_nav span#fn_last,
#footer #copyright span  {
	background: none;
	padding: 0;
}
#footer #footer_nav a {
   display:block;
   height: 25px;
   text-indent: -33333px;
}
#footer #footer_nav a:hover,
#footer #copyright a:hover {
   background-position: 0 -25px;
}
#footer  #footer_nav a#fnav-facebook {
	background-image: url(../_img/footer/facebook.gif);
	width: 78px;
}
#footer #footer_nav a#fnav-client {
	background-image: url(../_img/footer/client.gif);
	width: 97px;
}
#footer #footer_nav a#fnav-products {
	background-image: url(../_img/footer/products.gif);
	width: 79px;
}
#footer #footer_nav a#fnav-press {
	background-image: url(../_img/footer/press.gif);
	width: 53px;
}
#footer #footer_nav a#fnav-stock {
	background-image: url(../_img/footer/stock.gif);
	width: 107px;
}
#footer #footer_nav a#fnav-commissions {
	background-image: url(../_img/footer/commissions.gif);
	width: 98px;
}
#footer #footer_nav a#fnav-terms {
	background-image: url(../_img/footer/terms.gif);
	width: 58px;
}
#footer #footer_nav a#fnav-lights {
	background-image: url(../_img/footer/lights.gif);
	width: 85px;
}
#footer #copyright a  {
	display: block;
	background-image: url(../_img/footer/copyright2010.gif);
	width: 221px;
	background-repeat: no-repeat;
	text-indent: -3333px;
}


a {
	text-decoration: none;
	outline: none;
}
img {
	border: 0;
}
.clr {
	clear: both;
}
.nowrap {
	white-space:nowrap;
}