/* the Gallery2 stylesheet  */
/*   Copyright Webfresh, www.webfresh.com.au    */



body  {
	font-size: 14px;
	/*font-family: Arial, Helvetica, sans-serif;  */
	font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	/*text-align: center; */
	margin:0;
	padding: 0;
	color: #555555;
	background-color: #EFEFEF ;
	}


div, p, h1, h2, h3, h4, ul,  img, table, td, tr, th {padding:0px; margin:0px;}
img, td, tr, th {border: none;}

table {border-collapse:collapse;}  

ul{list-style-type:none;}

a {outline: none} /* stop dotted lines around links in firefox */


h1,h2,h3, h4 {font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; color: #8b6602; font-weight: 400;  word-spacing: 0; }




h1 {
	padding: 50px 8px 0 0 ;
	font-size: 30px;

}

#index h1 {
	font-size: 24px;
	color: #16364d;
}

h2 {
	margin: 40px 0 14px 0px;
	font-size: 21px;


}


h3 {
 
	margin: 30px 0 15px 0;
	font-size: 15px;
	font-weight: 700;
}



h4 {
	color: #333333;
	margin: 18px 0 6px 0;
	font-size: 15px;
	font-weight: normal;
}



/************  paragraph  *****************/
p {
	word-spacing: 1px;
	line-height: 1.5;  
	margin: 10px 10px 17px 0;
}


.p16 { font-size: 16px; }

.p18 { font-size: 18px; }

.p22 { font-size: 22px; }

.pbold { font-weight: 700;}


.ppurple {color: #2A0A5F;}


.g-italic {font-style: italic;}


/******************** main layout ***********************/

#pages-wrapper {
	margin:0;
	padding: 0;
	background: #EFEFEF url("images/ibackground.gif") repeat-x 0 0;
}

#index #pages-wrapper {
	background: #EFEFEF url("images/background.gif") repeat-x 0 0;
}

#wrapper {
	width: 980px;
	padding: 0;
	margin: 0 auto;

}	


#header {
	background: transparent url("images/header.gif") no-repeat center 0 ;  
	height: 124px;
	width: 980px;
	margin:0;
	padding: 0;
	text-align: left;
}




#pagetitle {
	text-align: right;
	height: 109px;
	background: transparent url("images/page-title.gif") no-repeat center 0 ;  
}

#index #pagetitle {
	text-align: center;
 
}

#middle-wrapper {
	width: 978px;
	background-color: #ffffff ;  
	border: 1px solid #d5d5d5;
	margin:0 0 37px 0 ;
	text-align: left;
}

#middle {
	width: 978px;
	background: #ffffff url("images/page-middle.gif") repeat-y 0 0;  
	margin:0 ;
	text-align: left;
}

#gallery #middle, #index #middle {
	background: #ffffff;  
}



#middle-inner {
	min-height: 320px;  
	padding: 1px 0 0 0;
	margin: 0 25px 0 0;
}


#gallery #middle-inner, #index #middle-inner {
	margin: 0;
}



/***************  front page  ****************/


#photoback {
	background: #000000 url("images/hashback.gif") repeat 0 0;  
	height: 457px;
}





.front-box {
	border: 1px solid #E2E2E2;
	width:396px;

}

#leftcol .front-box {
	background: transparent url("images/specialist-archaeological-photographer.jpg") no-repeat 0 0;  
}


#rightcol .front-box {
	background: transparent url("images/photo-techniques-course.jpg") no-repeat 0 0;  
}

.front-box-head {
	height:60px;
	width: 396px;
	background-color: #191919;
		margin: 86px 0 0 0 ;
}

.front-box-head h2 {

	font-size: 18px;
	padding: 20px 0 0 0;
	text-align: center;
	color: #ffe584;
}


.front-box-body {
	padding: 30px 30px 0 30px;
}

.front-box-body p {
	font-size: 16px;
	margin-right: 0;
}





/************  left  col ***************/

#leftcol {
	float:left;
	width:320px; /* added to right col plus padding must be <= 980  */
	margin-right: 10px
}



#gallery #leftcol {
	float:left;
	width:978px; /*   */
	margin: 0 20px 0 40px;
}

#index #leftcol {
	width:460px;
}


#left-inner {
	padding:1px 0 1px 0;    /* 1px to uncollapse margins so all browsers look the same  */
}


#gallery #left-inner {
	padding: 20px 0 12px 0;
	width: 690px;
}

#index #left-inner {
	padding: 40px 0 50px 49px;
}


/************  right col ***************/

#rightcol {
	float:left;
	width:600px;  /* added to leftcol plus padding must equal 980 */

}


#gallery #rightcol {
	float:left;
	width:978px;  /* gallery pages are fullwidth */
	background: #222222 url("images/gallery-middle.gif") repeat-y 0 0;  

}

#index #rightcol {
	width:460px;
}

#right-inner {
	padding: 44px 0 50px 64px;
}


#gallery #right-inner {
	padding: 24px 0 50px 10px;
}

#index #right-inner {
	padding: 40px 0 50px 64px;
}



/*****************  Links  page *******************/


#middle-inner ul.linklist{
	padding: 10px 0 0 0;
	list-style-type: none; 
	margin: 0;
}


#middle-inner ul.linklist li{
	padding: 0 0 25px 20px;
}


 #middle-inner ul.linklist li{
	padding: 0 0 20px 30px;
}


#middle-inner ul.linklist h4 {
	padding: 0px 0 4px 0;
	margin: 0 0 0 0;
}


/*********************** contact page layout divs  */

#middle-inner .contact-box{
	font-size:15px;
	font-weight: normal;
	margin:35px 0 0 40px;
	padding:1px 0 1px 0;  /* to uncollapse the margins inside this box  */
}


#middle-inner .contact-box ul{
	list-style-image: none;
}

#middle-inner .contact-box ul li{
	padding: 0 0 10px 0;
	line-height: 1.5;
}

#middle-inner .left-div {
	float:left;
	width: 100px;
}

#middle-inner .contact-box .left-div ul{
	font-weight: bold;
	color: #8b6602;
}

#middle-inner .right-div{
	float:left;
	width: 300px;

}



#middle-inner .error_div h3 {
	color: #FE0000;
	font-size: 16px;
}



/*****************  buttons ********************/

#middle-inner .button-container{
	float:right;
	padding: 0 ;
	margin: 0 30px 20px 0;
}

#middle-inner .button{
	float: right;
	width: 134px; height: 33px;
	background: transparent url( 'images/read-more.gif' ) left -35px no-repeat;
	}

#middle-inner .button a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	text-align:center;
	border: none;
	background: transparent url( 'images/read-more.gif' ) 0 -1px no-repeat;
	}

#middle-inner .button  a:hover {
	background: transparent;
	border: none;
	}



/*******************  footer *********************/

#foot-wrapper {
	padding: 0;
	margin: 0 auto;
	background: #060606 url("images/footer.gif") repeat-x 0 0;
	min-height: 330px;
	width: 100%;
	/*min-width: 980px;*/
}

#footer {
	min-height: 260px;
	/*padding: 48px 0 0 0 ;*/
	width: 980px;
	margin: 0 auto;

}

#footer p {
	line-height: 1;
}


#bottom-middle {
	padding: 38px 0 0 0;
	margin: 0 0 0 40px;
}

.bottom-col {
	width: 155px;
	margin: 15px 10px 30px 20px ;
	float: left;
	padding: 0 0 0 10px ;
	text-align: left;
}

.wide {
	width: 338px;
}


.bottom-col p  {
	font-size: 15px;
	margin: 0 0 20px 0;
	color: #ffe584;
}

.submenu {
	margin: 0 0 20px 0;
}

.submenu p {
	margin: 0 0 11px 17px;

	
}


#footer .bottom-col a , #footer .bottom-col a:visited {
	text-decoration: none;
	color:#ffe584;
	border-bottom: 1px solid transparent;
}

#footer .bottom-col a:hover, #footer .bottom-col a:active,  #footer .bottom-col a:focus
{

	border-bottom: 1px solid #FFF9BA;
}


.bottom-contact {
	width: 330px;
	margin: 15px 0 13px 20px ;
	float: left;
	padding: 0 0 0 10px ;
	text-align: left;
	color: #ffe584;
	font-size: 15px;
}


.bottom-contact-head {
	font-size: 16px;
	margin: 0 0 10px 0;
}


#footer .bottom-contact-head a , #footer .bottom-contact-head a:visited {
	text-decoration: none;
	color: #ffe584;
	border-bottom:1px solid #FFF9BA;

	}

#footer .bottom-contact-head a:hover, #footer .bottom-contact-head a:active,  #footer .bottom-contact-head a:focus
{
	color:#ffffff;
	border-bottom: 1px solid #FFF9BA;
}



.left-contact {
	float: left;
	width: 33px;
	color: #FFF9BA;
	font-size: 17px;
	margin: 25px 0 0 0 ;
	
}

#bottom-middle .left-contact p {
	margin:  0;
	height: 38px;

}

.phoneicon {
	background: transparent url("images/phone-icons.gif") no-repeat 0 0px;
}

.mphoneicon {

	background: transparent url("images/phone-icons.gif") no-repeat 0 -55px;

}

.atsign {

	background: transparent url("images/phone-icons.gif") no-repeat 0 -104px;
}

.right-contact {
	float: left;
	width: 290px;
	margin: 25px 0 0 0 ;
}

#bottom-middle .right-contact p {
	/*margin: 0 0 30px 0;*/
	margin: 0;
	height: 38px;
}


#footer .right-contact a , #footer .right-contact a:visited {
	text-decoration: none;
	color: #ffe584;
	border-bottom: 1px solid transparent;
	}

#footer .right-contact a:hover, #footer .right-contact a:active,  #footer .right-contact a:focus
{
	border-bottom: 1px solid #FFF9BA;
}



#footer-links-wrapper{
	margin:0 auto;
	padding: 0;
	width: 100%;
	min-height: 39px;
	background: transparent url("images/footerlink.gif") repeat-x 0 0 ;  
}

#footer-links{
	margin:0 auto;
	width: 910px;
	min-height: 39px;

}

#footer-links p {
	margin: 0;
	padding: 0;
	line-height: 1;
}


#footer-links .right {
	text-align:right;
	width:400px;
	float: right;
	padding: 8px 0 0 0; 
	font-size: 11px;
	color: #548C93;
}



#footer-links .left {
	font-size: 12px;
	text-align:left;
	float: left;
	padding: 10px 0 1px 0; /* need bottom 1px so borders show in links in ie  */
	width: 450px;
	color: #848484;  
}

#footer-links .right a {
	border-bottom: 1px solid transparent;
	color: #848484;
}


#footer-links .right a:hover, #footer-links .right a:active, #footer-links .right a:focus{
	color:#ffffff;  
	border-bottom: 1px solid #848484;

}


/************  link styles  links href *************/

 a , a:visited {
	text-decoration: none;
	color: #16364d;
}

 a, a:visited {
	border-bottom: 1px solid #B9C2C9;  
}

 a:hover,  a:active,  a:focus
{
	color:#000000;  
	border-bottom: 1px solid #00535E;  
}


/* images inside links - remove bottom border*/

a.noborder,  a:hover.noborder,  a:visited.noborder,  a:active.noborder,  a:focus.noborder  {
	border: none;
}


/*******************  tables  *************************/

td, th {
	vertical-align: top;
	padding: 10px 4px 10px 3px;
}
th {
	border-bottom: 1px solid #EFEFEF;
}

.tabhead th {
/*	padding-bottom: 20px;
*/}

.tabodd {
	background-color: #ffffff;
}

.tabeven{
	background-color: #f5f5f5;
}

.tablastcol {
	padding-left: 5px;
}



/******************   lists  **************************/



.bulletlist {
	margin: 8px 0 15px 20px;
	line-height: 1.4;
	list-style-type:none;
}
.bulletlist li {
	padding: 0 0 8px 15px;
	background: transparent url(images/bullet6.gif) no-repeat 0 7px ;
}



/*******************  testimonial page    ***************/


.testimonial{
	margin: 70px 0 70px 0;

}

.testi-text {
	/*float: left;*/
}

.testi-text p {
	font-style: italic;
	font-size: 16px;
}

.logo {
	float: right;
	margin: 0 0 30px 20px;
}

span.quote, span.quoteclose{
	font-family: 'Times New Roman', Times, serif;
	font-size: 30px;
	color: #2A0A5F;
	line-height:20px; /* make this smaller that the quotetext default line-height = 1.5 * 16px = 24px */
	vertical-align:-5px;
	font-weight: bold;
}

span.quote {
	padding-right:6px;
}

span.quoteclose{
	padding-left:3px;
}

.test-more {
	float: right;
    width: 300px;
}

.test-more p {
	text-align: right;
}

#testimonials .test-more a , #testimonials .test-more a:visited {

	color: #555555;
}

#testimonials .test-more  a:hover,  #testimonials .test-more a:active,  #testimonials .test-more a:focus
{
	color:#000000;  
}




.divider {
	padding: 0 0 20px 0;
	margin: 0 20px 0 20px;
	border-bottom: 2px solid #EAE0A5;
}






/*********************  images *******************/

.framed {
	border: 2px solid #736330;
}




/************************  gallery pages  **************/

.galcontainer {
	padding:  0 0 30px 0;
}

.gal-photo {
	float: left;
	margin: 30px 0 0 29px;
}

.gphoto {
	padding: 2px 2px 2px 2px;
	border: 1px solid #736330;
	width: 150px;
	height: 150px;
}


/*********************  miscellaneous  *******************/


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}



/*********************  navigation *************************/

/*** ESSENTIAL STYLES ***/
#navbar {
	padding: 0 1px 0 386px;
}


#sfnav, #sfnav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sfnav li {
	position: relative;
}
#sfnav ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
#sfnav > li {
	float: left;
}
#sfnav li:hover > ul,
#sfnav li.sfHover > ul {
	display: block;
}

#sfnav a {
	display: block;
	position: relative;
}
#sfnav ul ul {
	top: 0;
	left: 100%;
}


/*** SKIN ***/
#sfnav {
	float: left;
	/*margin-bottom: 1em;*/
	padding: 1px 0 0 0 ;
	font-size:14px;
	font-family: 'Merriweather Sans', Arial, Helvetica,sans-serif;
	font-weight:normal;
	line-height: 1.0;  /* this determines the height of the hover block on the main menu  and placement of menu marker*/
}

#sfnav ul {
	margin: 0 0 0 -1px ;
	padding: 16px 0 0 0; /*move the first dropdown items down a bit and add padding to bottom  */
	line-height:1.3;  
	border-top: none;
	border-bottom:1px solid #706230;     /* border on drop down block  */
	border-left:1px solid #706230;  
	border-right:1px solid #706230;  
	background-color: #FAF9CA;  /* background color of menu item block  */
}
#sfnav a {
	border: none;
	text-decoration: none;
	/* zoom: 1; is in  IE7.css */
	padding: 60px 0 5px 0; /* margin for hover block */
	vertical-align: text-bottom;
	border-bottom: 1px solid #191919 ;  /* add a dummy border so nothing moves when real border added to bottom of seleted item*/
}

#sfnav a {
	color: #ffffff;
}

/* used for styling current menu item. */
#sfnav a.selected {
	border-bottom: 1px solid #706230 ; 
}


#sfnav li {
	background: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
	padding: 0 21px 0 21px; /* margin for hover block */
	margin: 0 0px 0 0px;  /* move space between items to li rather than a so that hover marker is only as wide as the text */
	border-right: 1px solid #706230;
}

#sfnav li.lastnav {
	padding: 0 18px 0 21px; /* margin for hover block */
	border-right: none;
}

#sfnav li li {  /* borders on individual li items  */
	width:310px;  /*subtract the border widths here from the width above */
	border-right:none;  
	margin: 0;
	padding: 0;
	}

#sfnav li li a {
	padding:12px 3px 12px 21px;  /* top and bottom padding for height of drop down hover block and left and right padding  */
	width:285px;  /* this width should match width of submenu minus padding and borders  */
	font-size:14px;  /* font size on drop down  */
	color:#000000;  /* link text colour - should be same as hover color - is used on mouseout when dropdown delays closing */
	border-bottom: 1px solid #F8F6C5 ;  /* add a dummy border so nothing moves when border colour changed*/
	}

/* background colour of dropdown menu item  */
#sfnav ul li {
	background-color: #FAF9CA;
}
/* 2nd level menu padding top and bottom  */
#sfnav ul ul {
	padding: 0; 
}

/* 2nd level menu background colour  */
#sfnav ul ul li {
	background-color: #FAF9CA;
}


/* top level hover background color need angle brackets to stop colour being used on mouseout on lower level items */
#sfnav > li:hover,
#sfnav > li:focus,
#sfnav > li.sfHover {
	background: transparent url(images/menu-hover-block.gif) repeat-x 1px 0;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

#sfnav li:hover a, 
#sfnav li:focus a, 
#sfnav li.sfhover a {
	color:#000000 ;  /* top level font hover colour  */
	border-bottom: 1px solid #F8F6C5 ;  /* add a dummy border so nothing moves when border colour changed*/
	}


#sfnav li li:hover,
#sfnav li li:focus,
#sfnav li li.sfhover {
	background: #E5D994;  /* hover background colour in dropdowns   */
}





/*
    ColorBox Core Style:  The following CSS should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#222222;}
#colorbox{outline:0; }
    #cboxTopLeft{width:21px; height:21px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:21px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:21px; height:21px; background:url(images/border1.png) no-repeat -29px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/border1.png) no-repeat 0 -29px;}
    #cboxBottomCenter{height:21px; background:url(images/border1.png) repeat-x 0 -79px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/border1.png) no-repeat -29px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:21px; background:url(images/border2.png) repeat-y -29px 0;}
    #cboxContent{overflow:hidden;background-color: #fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:52px;}
        #cboxTitle{position:absolute; bottom:8px; left:0; text-align:center; width:100%; color:#222222;}
        #cboxCurrent{position:absolute; bottom:6px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.gif) no-repeat -61px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-61px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.gif) no-repeat -36px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-36px -25px;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.gif) no-repeat -11px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-11px -25px;}
        button {border:none;} /* I added this to stop the default button border showing on the X control that closes the window  */


       /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}









/******************  print overrides  *******************/


 @media print {
	
	body {background:#ffffff;}
	
	#header, #navbar, #footer-links, #foot-wrapper { display : none; } 
	#pagetitle, #middle, #photoback, #gallery #rightcol  {
		background: #ffffff;  
	}

	#middle-wrapper {
		border: none;
	}
	#wrapper, #pages-wrapper, #index #pages-wrapper {
		background: #ffffff;
		border: none;
	}
}