body
{
margin				: 0px;
padding				: 0px;
font-family			: "Trebuchet MS", sans-serif;
font-size 			: 100%;
color				: #666;
background			: url(/images/bg-body.jpg);
background-attachment: fixed;
background-color	: #000;
}

form /* No space around forms */
{
margin				: 0px;
padding				: 0px;
}

img /* no border round images with links */
{
border				: 0px;
}

/* Header */

div.header
{
background			: url(/images/black60.png);
overflow			: hidden;
width				: 100%;
padding				: 12px 0px 12px 0px;
position			: fixed;
top					: 0px;
left				: 0px;
z-index				: 1000;	
}

div.header div.center
{
width				: 985px;		
margin				: 0px auto;	
overflow			: hidden;
}

div.header div.left
{
width				: 665px;
overflow			: hidden;	
float				: left;
padding				: 0px 0px 0px 65px;	
}

div.header div.left ul
{
list-style-type		: none;
margin				: 0px;
padding				: 0px;				
}

div.header div.left ul li
{
display				: block;
float				: left;
padding				: 0px;
color				: #FFF;	
margin-right		: 20px;
font-size			: 85%;	
}

div.header div.left ul li a
{
color				: #FFF;	
text-decoration		: none;
}
 
div.header div.left h1
{
background			: url(/images/mark-latham.png) no-repeat;
width				: 634px;
height				: 0px;
padding-top			: 40px;					
overflow			: hidden;
margin				: 0px 0px 15px 0px;
}

div.header div.right
{
width				: 245px;
overflow			: hidden;	
float				: left;
padding				: 25px 0px 0px 0px
}

div.header div.right p
{
background			: url(/images/search.png) no-repeat;
width				: 60px;
height				: 0px;
padding-top			: 15px;					
overflow			: hidden;
margin				: 0px 0px 3px 0px;
}

div.header div.right input.input
{
background			: url(../images/white10.png);
border				: 1px solid #333;
padding				: 3px;
width				: 200px;
font-family			: "Trebuchet MS", sans-serif;
color				: #999;
font-size			: 80%;	
}

div.header div.right input.submit
{
background			: transparent;
border				: 0px;
padding				: 3px;
width				: 20px;
font-family			: "Trebuchet MS", sans-serif;
color				: #FFF;
font-size			: 120%;	
font-weight			: bold;
cursor				: pointer;		
}

/* Hold */

div.hold
{
position			: relative;
width				: 985px;
margin				: 0px auto;
padding				: 110px 0px 0px 0px;
overflow			: hidden;
}

/* album-wrapper */

div.home-album-wrapper
{
width				: 725px;
float				: left;
overflow			: hidden;
}

div.album-wrapper
{
width				: 725px;
overflow			: hidden;
padding				: 0px 0px 10px 0px;
}

div.album-wrapper div.date-comment-download
{
width				: 55px;
float				: left;	
padding				: 5px 0px 0px 0px;
}

div.album-wrapper div.date-comment-download button span, div.album-wrapper div.date-comment-download p span
{
display				: none;	
}

div.album-wrapper div.date-comment-download p.date
{
width				: 46px;
background			: url(/images/bg_date.png) no-repeat;
height				: 46px;
color				: #FFF;
margin				: 0px;
padding				: 6px 0px 0px 0px;
font-size			: 70%;
line-height			: 18px;
text-align			: center;		
}

div.album-wrapper div.date-comment-download p.comment
{
width				: 46px;
background			: url(/images/bg_comment.png) no-repeat 3px 5px;
height				: 40px;
color				: #FFF;
margin				: 0px;
padding				: 11px 0px 0px 0px;
font-size			: 70%;
line-height			: 18px;
text-align			: center;	
}

div.album-wrapper div.date-comment-download a.download
{
width				: 8px;
background			: url(/images/bg_download.png) no-repeat;
height				: 40px;
color				: #FFF;
margin				: 0px;
padding				: 18px 22px 10px 16px;
font-size			: 70%;
line-height			: 18px;
overflow			: hidden;
border				: 0px;
cursor				: pointer;
text-align			: center;
text-decoration 	: none;
display				: block;
}

div.album-wrapper div.date-comment-download p.date a, div.album-wrapper div.date-comment-download p.comment a, div.album-wrapper div.date-comment-download p.download a
{
display				: block;
color				: #FFF;
text-decoration		: none;
}

div.album-wrapper div.album
{
width: 660px;
float				: left;	
}

div.album-wrapper div.album div.album-header-wrapper
{
width				: 660px;
background			: url(/images/black60.png);
overflow			: hidden;
min-height			: 55px;
}

* html div.album-wrapper div.album div.album-header-wrapper
{
height				: 55px;
}

div.album-wrapper div.album div.album-header-wrapper div.title
{
width				: 515px;
float				: left;
padding				: 11px 0px 8px 10px;
}

div.album-wrapper div.album div.album-header-wrapper div.title h2, div.album-wrapper div.album div.album-header-wrapper div.title h3
{
margin				: 0px;
}

div.album-wrapper div.album div.album-header-wrapper div.title h2 a {
    color: #FFF;
    text-decoration: none;
    font-size: 120%;
}

div.album-wrapper div.album div.album-header-wrapper div.title h3 a {
    color: #FFF;
    text-decoration: none;
    font-size: 85%;
}

div.album-wrapper div.album div.photo
{
width: 660px;
margin				: 0px 0px 10px 0px;
position			: relative;
}

div.album-wrapper div.album div.photo img {
    background: url(/images/white20.png);
    padding: 5px
}

div.album-wrapper div.album div.photo div.exif
{
width: 100%;
position			: absolute;
bottom				: 0px;
left				: 0px;
z-index				: 100;
margin				: 0px 0px 5px 5px;
}


div.album-wrapper div.album div.photo div.exif p
{
color				: #FFF;
line-height			: 15px;
padding				: 15px 0px 15px 15px;
margin				: 0px 0px 0px 0px;
font-size			: 90%;	
font-weight			: normal;
background			: url(/images/black80.png);
}

div.album-wrapper div.album div.album-header-wrapper div.view-prints
{
width				: 125px;
float				: left;
padding				: 10px 10px 0px 0px;
}

div.view-prints a:link,
div.view-prints a:visited {
    color: #FFF;
    text-decoration: none;
}

div.album-wrapper div.album div.album-header-wrapper div.view-prints p
{
margin				: 0px 0px 5px 0px;
}

div.album-wrapper div.album div.album-header-wrapper div.view-prints p a.viewmore
{
background			: url(/images/view-more.png) no-repeat;
height				: 0px;
padding-top			: 20px;
overflow			: hidden;
display				: block;
}

div.album-wrapper div.album div.album-header-wrapper div.view-prints .orderprints
{
background			: url(/images/order-prints.png) no-repeat;
height				: 0px;
padding-top			: 16px;
overflow			: hidden;
display				: block;
border				: 0px;
width				: 105px;
cursor				: pointer;
margin: 12px 0 0;
}
 

/* Right Side */

div.right
{
width				: 260px;
overflow			: hidden;
float				: left;
}

/* Latest Work */

div.right div.latest-work-header
{
width				: 240px;
overflow			: hidden;
padding				: 10px 10px 0px 10px;
background			: url(/images/black60.png);
min-height			: 32px;
}

* html div.right div.latest-work-header
{
height			: 55px;
}

div.right div.latest-work-header p.latest-work
{
background			: url(/images/latest-work.png) no-repeat;
width				: 102px;
height				: 0px;
padding-top			: 14px;
overflow			: hidden;
display				: block;
margin				: 0px;
}

div.right div.latest-work-header p
{
color				: #FFF;
line-height			: 14px;
margin				: 12px 0px 0px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.right div.latest-work-header p a
{
color				: #FFF;
text-decoration		: none;
margin-left			: 31px;
}

div.right div.latest-work
{
width				: 260px;
overflow			: hidden;
padding				: 0px 0px 0px 0px;
background			: url(/images/black40.png);
min-height			: 55px;
margin-top			: 1px;
margin-bottom		: 20px;
}

div.right div.latest-work ul
{
list-style-type		: none;
margin				: 0px;
padding				: 10px 0px 9px 0px;
overflow			: hidden;	
clear				: both;
}


div.right div.latest-work ul li
{
display				: block;
float				: left;
width				: 260px;

}

div.right div.latest-work ul li h4
{
margin				: 0px;
line-height			: 17px;	
font-size			: 95%;
font-weight			: bold;	
}

div.right div.latest-work ul li h4 span
{
margin				: 0px;
line-height			: 15px;
font-size			: 70%;
display				: block;	
}

div.right div.latest-work ul li h4 a
{
color				: #FFF;
text-decoration		: none;
display				: block;
padding				: 4px 10px 4px 10px;
}

div.right div.latest-work ul li h4 a:hover
{
background			: url(/images/black60.png);
}


div.right div.latest-work ul li h4 a span
{
color				: #999;
font-weight			: normal;	
}

div.right div.latest-work p,
div.right div.latest-work-links p
{
margin				: 0px;
}

div.right div.latest-work-links
{
width				: 260px;
overflow			: hidden;
padding				: 0;
background			: url(/images/black60.png);
margin-top			: 0px;
margin-bottom		: 0;
}

div.right div.latest-work-links a.previous
{
background			: url(/images/black60.png);
font-size			: 80%;
color				: #FFF;
text-decoration		: none;	
width				: 120px;
display				: block;
text-align			: left;
padding				: 3px 0px 3px 10px;
float				: left;
}

div.right div.latest-work-links a.next
{
background			: url(/images/black60.png);
font-size			: 80%;
color				: #FFF;
text-decoration		: none;	
width				: 120px;
display				: block;
text-align			: right;
padding				: 3px 10px 3px 0px;
float				: left;
}

/* Get Social */

div.right div.get-social-header
{
float: left;
width				: 240px;
overflow			: hidden;
padding				: 10px 10px 0px 10px;
background			: url(/images/black60.png);
min-height			: 25px;
}

* html div.right div.get-social-header
{
height			: 25px;
}

div.right div.get-social-header p.get-social
{
float: left;
background			: url(/images/get-social.png) no-repeat;
width				: 85px;
height				: 0px;
padding-top			: 16px;
overflow			: hidden;
display				: block;
margin				: 0px;
}

div.right div.get-social
{
float: left;
width				: 250px;
overflow			: hidden;
padding				: 10px 0px 10px 5px;
background			: url(/images/black50.png);
min-height			: 25px;
margin-bottom		: 20px;
margin-top			: 1px;
}

* html div.right div.get-social
{
height				: 45px;
}

div.right div.get-social a
{
margin				: 0px 10px 0px 0px;
}

/* Print Cart */

div.right div.print-cart-header
{
width				: 240px;
overflow			: hidden;
padding				: 10px 10px 0px 10px;
background			: url(/images/black60.png);
min-height			: 25px;
}

* html div.right div.print-cart-header
{
height			: 25px;
}

div.right div.print-cart-header p.print-cart
{
background			: url(/images/print-cart.png) no-repeat;
width				: 85px;
height				: 0px;
padding-top			: 16px;
overflow			: hidden;
display				: block;
margin				: 0px;
}

div.right div.print-cart
{
width				: 250px;
overflow			: hidden;
padding				: 5px 0px 10px 10px;
background			: url(/images/black60.png);
min-height			: 45px;
margin-bottom		: 20px;
}

div.right div.print-cart p
{
color				: #FFF;
line-height			: 14px;
margin				: 0px 0px 10px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.right div.print-cart p.total
{
line-height			: 25px;
border-top			: 1px solid #333;
border-bottom		: 1px solid #333;
}

div.right div.print-cart p a
{
color				: #FFF;
padding-left		: 50px;
font-size			: 90%;
}


div.right div.print-cart p img
{
vertical-align		: middle;
}



* html div.right div.print-cart
{
height				: 45px;
}



/* Keep in touch */

div.right div.keep-up-to-date-header
{
float: left;
width				: 240px;
overflow			: hidden;
padding				: 10px 10px 0px 10px;
background			: url(/images/black60.png);
min-height			: 25px;
}

* html div.right div.keep-up-to-date-header
{
height			: 25px;
}

div.right div.keep-up-to-date-header p.keep-up-to-date
{
float: left;
background			: url(/images/keep-up-to-date.png) no-repeat;
width				: 127px;
height				: 0px;
padding-top			: 16px;
overflow			: hidden;
display				: block;
margin				: 0px;
}

div.right div.keep-up-to-date
{
float: left;
width				: 240px;
overflow			: hidden;
padding				: 10px;
background			: url(/images/black60.png);
min-height			: 55px;
margin              : 1px 0px 20px 0px;
}

div.right div.keep-up-to-date p
{
color				: #FFF;
line-height			: 14px;
margin				: 0px 0px 10px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.right div.keep-up-to-date input.input
{
background			: url(/images/white10.png);
border				: 0px;
padding				: 5px;
width				: 230px;
font-family			: "Trebuchet MS", sans-serif;
color				: #999;
font-size			: 80%;	
margin				: 0px 0px 10px 0px;
}

div.right div.keep-up-to-date input.submit
{
background			: transparent;
border				: 0px;
padding				: 0px;
width				: auto;
font-family			: "Trebuchet MS", sans-serif;
color				: #FFF;
font-size			: 80%;	
font-weight			: normal;
cursor				: pointer;		
}

/* Blog */


div.blog-wrapper
{
with				: 660px;
overflow			: hidden;
border-top			: 3px solid #333;
border-bottom		: 3px solid #333;
background			: url(/images/black80.png);
margin-top			: 20px;
}

div.blog
{
background			: url(/images/quote-large.png) no-repeat;
background-position	: 20px 20px;
padding				: 20px 20px 20px 100px;
}

div.blog h4, div.blog p
{
color				: #FFF;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.blog p span
{
color				: #999;		
}

/* Comment */


div.comment-wrapper
{
with				: 660px;
overflow			: hidden;
border-top			: 0px solid #333;
border-bottom		: 1px solid #333;
background			: url(/images/black60.png);
margin-top			: 5px;
}

div.comment
{
background			: url(/images/quote-small.png) no-repeat;
background-position	: 50px 20px;
padding				: 20px 20px 20px 100px;
}

div.comment h4, div.comment p
{
color				: #FFF;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.comment p span
{
color				: #999;		
}

/* Add Comment */

div.add-comment
{
with				: 540px;
overflow			: hidden;
background			: url(/images/black60.png);
margin-top			: 5px;
padding				: 20px 20px 20px 100px;
}

div.add-comment p
{
color				: #FFF;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.add-comment input.name
{
background			: url(/images/white10.png);
border				: 0px;
padding				: 5px;
width				: 250px;
font-family			: "Trebuchet MS", sans-serif;
color				: #999;
font-size			: 80%;	
display				: block;
margin-bottom		: 5px;	
}

div.add-comment textarea.comment
{
background			: url(/images/white10.png);
border				: 0px;
padding				: 5px;
width				: 500px;
height				: 100px;
font-family			: "Trebuchet MS", sans-serif;
color				: #FFF;
font-size			: 80%;	
display				: block;
margin-bottom		: 5px;
}

div.add-comment label
{
color				: #FFF;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
padding				: 0px;
font-size			: 80%;	
font-weight			: normal;
}

div.add-comment input.answer
{
background			: url(/images/white10.png);
border				: 0px;
padding				: 5px;
width				: 20px;
font-family			: "Trebuchet MS", sans-serif;
color				: #999;
font-size			: 80%;	
margin-bottom		: 5px;	
}

div.add-comment input.submit
{
background			: transparent;
border				: 0px;
padding				: 3px;
width				: auto;
font-family			: "Trebuchet MS", sans-serif;
color				: #FFF;
font-size			: 80%;	
font-weight			: bold;
cursor				: pointer;		
}

/* Generic Pages (use the same css as index apart from below) */

div.generic-wrapper
{
width				: 670px;
float				: left;
overflow			: hidden;
padding-left		: 55px;
}

div.generic-wrapper div.generic-header-wrapper
{
width				: 660px;
background			: url(/images/black60.png);
overflow			: hidden;
min-height			: 65px;
}

* html div.generic-wrapper div.generic-header-wrapper
{
height				: 65px;
}

div.generic-wrapper div.generic-header-wrapper div.title_page
{
width				: 640px;
float				: left;
padding				: 10px 0px 5px 20px;
}

div.generic-wrapper div.generic-header-wrapper div.title_page h2
{
margin				: 0px;
height				: 0px;
padding-top			: 30px;
overflow			: hidden;
display				: block;
}

div.generic-wrapper div.generic-header-wrapper div.title_page h3
{
margin				: 0px;
height				: 0px;
padding-top			: 20px;
overflow			: hidden;
display				: block;
}

div.generic-content
{
width				: 620px;
padding				: 20px;
}

div.generic-content p
{
color				: #FFF;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
padding				: 0px;
font-size			: 85%;	
font-weight			: normal;
}


/* Titles on generic pages */

div.generic-wrapper div.generic-header-wrapper div.title h2#backgrounds
{background			: url(/images/desktop-backgrounds.png) no-repeat;}
div.generic-wrapper div.generic-header-wrapper div.title h3#backgrounds
{background			: url(/images/each-download.png) no-repeat;}

div.generic-wrapper div.generic-header-wrapper div.title h2#search-results
{background			: url(/images/search-results.png) no-repeat;}

/* Desktop Backgrounds */

h4.desktop-background
{
margin				: 0px;
font-size			: 75%;
width				: 160px;
background			: url(/images/black60.png);
padding				: 1px;
float				: left;
margin				: 15px 3px 0px 0px;	
overflow			: hidden;		
}

h4.desktop-background a
{
text-decoration		: none;	
color				: #FFF;
overflow			: hidden;		
}

h4.desktop-background a span
{
padding : 5px;
display	: block;
}

/* Search Results */

div.generic-content#search p.header
{
border-bottom		: 1px solid #CCC;
margin-bottom		: 20px;
padding-bottom		: 10px;	
}


div.generic-content#search p a
{
color				: #FFF;
text-decoration		: none;	
background			: url(/images/black60.png);
display				: block;
padding				: 10px;
margin-bottom		: 1px;
}


div.generic-content#search p span
{
font-weight 		: bold;
font-size			: 110%;
}

div.generic-content#search p.pagination a
{
color				: #FFF;
text-decoration		: none;	
background			: none;;
display				: inline;
padding				: 5px;
}

#prev_btn {
    
}

#next_btn {
    
}

#latest_work_container {
	float: left;
	width: 260px;
	height: 690px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.album_list {
    position: relative;
    height: 690px;
}

.hold #simple_captcha {
    border: none;
}

/* Ebook */

div.generic-content#ebook
{
width				: 620px;
padding				: 0px;
}

div.generic-content#ebook h4 a
{
background			: url(../images/ebook1.png) no-repeat;
width				: 658px;
height				: 0px;
padding-top			: 500px;
overflow			: hidden;
display				: block;
margin				: 0px;
}

/* Titles on generic pages */

div.generic-wrapper div.generic-header-wrapper div.title_page h2#backgrounds
{background			: url(/images/desktop-backgrounds.png) no-repeat;}
div.generic-wrapper div.generic-header-wrapper div.title_page h3#backgrounds
{background			: url(/images/each-download.png) no-repeat;}

div.generic-wrapper div.generic-header-wrapper div.title_page h2#search-results
{background			: url(/images/search-results.png) no-repeat;}

div.generic-wrapper div.generic-header-wrapper div.title_page h2#ebook
{background			: url(/images/rock-photography-ebook.png) no-repeat;}

div.generic-wrapper div.generic-header-wrapper div.title_page h3#ebook
{background			: url(/images/rock-photography-with-50-pages.png) no-repeat;}


/* pagination */
div.pagination {
	font-size: 80%;
	color: #FFF;
	padding: 0 0 10px;
}

div.pagination a {
	color: #FFF
}

.jager {
	text-align: center;
}

.jager img {
	border: 0;
}



	
/* --------------------------  Print CSS  ------------------------------- */


div.printable-photo
{
width				: 640px;
display				: block;
overflow			: hidden;
padding				: 0px 0px 5px 20px;
}

p.print-sizes
{
background			: url(/images/a4-a3-a2-a2canvas.png) 200px 0px no-repeat;
height				: 0px;
padding-top			: 32px;
width				: 660px;
overflow			: hidden;
display				: block;
}

div.printable-photo div.photo
{
width				: 100px;
margin: 0 40px 0 0;
padding				: 3px;
background			: url(/images/white20.png);
display				: block;
float				: left;	
}

div.printable-photo div.print-options
{
width				: 450px;
display				: block;
float				: left;	
padding				: 20px 0px 0px 25px;
}

div.printable-photo div.print-options input
{
background			: transparent url(/images/print-input-small.png) no-repeat;
border				: 0px;
width				: 38px;
height				: 30px;
margin				: 0px;
padding				: 13px 0px 4px 12px;		
font-family			: arial;
color				: #000;
font-size			: 170%;	
}

div.printable-photo div.print-options input.large
{
background			: transparent url(/images/print-input-large.png) no-repeat;
border				: 0px;
width				: 108px;
margin				: 0px 0px 0px 100px;
}


hr
{
background			: transparent url(/images/hr.png) no-repeat;
height				: 10px;
border				: 0px;
color				: transparent;
}

div.checkout
{
width				: 640px;
display				: block;
overflow			: hidden;
}


div.checkout p.left
{
color				: #FFF;
line-height			: 20px;
margin				: 0px 0px 0px 0px;
text-align			: right;			
font-weight			: normal;
font-size			: 90%;	
width				: 490px;
float				: left;	
padding-right		: 30px;
}

div.checkout p.right
{
color				: #FFF;
line-height			: 20px;
margin				: 0px 0px 0px 0px;
text-align			: left;			
font-weight			: normal;
font-size			: 90%;	
width				: 120px;
float				: left;	
}

input.paypal-submit
{
background			: transparent url(/images/checkout.png) no-repeat;
border				: 0px;
width				: 203px;
height				: 84px;
margin				: 20px 45px 0px 0px;
padding				: 0px;		
font-family			: arial;
color				: #000;
font-size			: 170%;	
float				: right;
}

p.order_item {
	color: #FFF;
	margin: 0 0 0 20px;
}

p.order_item span {
	width: 500px;
	display: inline-block;
}