/* ---------------------------------------------- page nuts and bolts and global styles --------*/

html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	font-family: times, verdana, arial, helvetica, sans-serif;
	font-size: 100%; 
	color:#ccc;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	text-align:center; /* makes IE center everything*/
	background:#272f33;
	}
	
body a:link, body a:active, body a:visited{
	text-decoration:none;
	color:#ccc;
    }
	
body a:hover{
	text-decoration:underline;
	color:#078989;
	}
	
body .visit a:link, body .visit a:active, body .visit a:visited{
	text-decoration:underline;
	color:#078989;
	}
	
img{
	border:none;
	}
		
#container{
	padding:0;
	margin:0 auto 0;
	width:760px;
	text-align:center;
	}
	
p {
	font-size:80%;
	text-align:left;
	line-height:1.4em;
	margin:0px;
	padding:0px;
	}
	
h2 {
	font-size:90%;
	text-align:left;
	line-height:1.4em;
	margin:0px;
	padding:0px;
	font-weight:bold;
	}
	
h3 {
	font-size:80%;
	text-align:left;
	line-height:1.4em;
	margin:0px;
	padding:0px;
	}
	
h4 {
	font-size:80%;
	text-align:left;
	line-height:1.4em;
	margin:0px;
	padding:0px;
	color:#333;
	}
	

/* ---------------------------------------------------- the main naviagation and page header--------------- */	

#header{
	width:760px;
	}

#header h1{ /* ----- the logo ----- */	
	margin:18px 0px 18px 0px;
	padding:0px;
	align: center;
	}
	
#header h1 a{
	display: block;  /* so the link will work */
	}
	
#mainNav ul{
	margin:0px;
	font-size:84%;
	padding:0.5em 0em 0.4em 0em;
	text-align:center;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	}

#mainNav ul li{
	margin:0em 0em 0em 0.4em;
	padding:0em 0em 0em 1.5em;
	display:inline;
	background:url("../images/cross-icon.gif") no-repeat top left;
	}
	
#mainNav .noIcon{
margin:0;
padding:0em;
background:none;
	}

#mainNav .current a:link,#mainNav .current a:active,#mainNav .current a:visited{
	text-decoration:underline;
	color:#078989;
	}



/* ---------------------------------------------------- the main content area ------------------------------------------------------- */	

#content{
	width:760px;
	margin:1.4em 0em 0em 0em;
	
	}

#textBox{ /* ----------------------------------- contains the main copy area ------- */	
	width:170px;
	float:left;
	}
	
#textBox h2{ 	
	padding:0px 18px 0.6em 0px;
	/*background:url("../images/cross-icon.png") no-repeat top left;*/
	font-weight:normal;
	text-align:left;
	
	}
	
#textBox img{
	float:left;
	margin:0.2em 0.3em 0px 0px;
	padding:0px;
}
	
#textBox p{ 	
	padding:0px 18px 1.2em 0px;

	}
	
#textBox a{ 	
	text-decoration:underline;
	}
	
	

#photos{  /* ----------------------------------- contains the main photo area ------- */	
	width:450px;
	float:left;
	margin:0px 0px 2em 0px;
	}

#bigPic{  
	width:450px;
	margin:0px 0px 0.4em 0px;
	}

.thumBox{  
	margin:0px 7px 0.4em 0px;
	width:107px;
	height:107px;
	float: left;
	background-color:#3b4343;
	}
	
.thumBoxEnd{  
	margin:0px 0px 0.4em 0px;
	width:107px;
	height:107px;
	float: left;
	background-color:#3b4343;
	}
	
.thumBox h4 a, .thumBoxEnd h4 a{
	font-size:80%;
	line-height:1.4em;
	margin:0px 0px 0px 5px;
	padding:0px;
	}
	
.thumBox p, .thumBoxEnd p{
	font-size:80%;	
	line-height:1.4em;
	margin:0px 0px 0.4em 5px;
	padding:0px;
	}
	

#extraContent{ /* ----------------------------------- contains the extra 3rd coll ------- */	
	width:140px;
	float:right;
	}
	
#extraContent h3{
	padding:0px 0px 0px 18px;
	}
	
#extraContent p{ 
	padding:0px 0px 0px 18px;
	}
	



/* ---------------------------------------------------- the footer ------------------------------------------------------- */	

#footer{
	clear:both;
	width:760px;
	color:#999;
	}
	
#footer a{
	color:#999;
	}
	
#copy{
	font-size:80%;
	width:760px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:0.4em 0px 1.4em 0px;
	float:right;
	text-align:right;
	}

#footerNav {
	width:760px;
	float:left;
	text-align:center;
	}	
	
#footerNav ul{
	margin:1.8em 0px 2em 0px;
	font-size:70%;
	}	

#footerNav ul li{
	display:inline;
	margin:0px 0.3em 0px 0.3em;
	}
	
#hammerLink{
	width:760px;
	
	}	
	
#hammerLink p{
	float:right;
	margin:0px 0px 2em 0px;
	}	
	
#hammerLink p a{
	text-decoration:underline;
	}	
	
#hammerLink p a:hover{
	text-decoration:underline;
	color:#FF9900;
	}	
	
	
/* --------------------------------------------- Content pages below ---------------------------------------- */	
	

.thumBox2, .thumBoxEnd2{  /* ------------------------ Peak district photo library ----------------------------- */	
	width:130px;
	margin:0px 0px 0px 0px;
	background-color:#3b4343;
	padding: 0px 4px 32px 4px;
	border-right:10px solid #272f33;
	border-bottom:10px solid #272f33;
	}
.thumBoxImg2 {
	border-right:10px solid #272f33;
	background-color:#161A1C;
	width:140px;
	height:140px;
	}
.thumBoxEnd2{  
	margin:0px 0px 0.9em 0px;
	}
	
.thumBox2 h4 a, .thumBoxEnd2 h4 a{
	font-size:90%;
	text-align:left;
	line-height:1.4em;
	padding:0px;
	}
	
.thumBox2 p, .thumBoxEnd2 p{
	font-size:80%;
	text-align:left;
	line-height:1.4em;
	padding:0px;
	}
	
.husk{
	float:left;
	width:450px;
	margin:0px;
	padding:0px;
	}
	
	
.thumBox3, .thumBoxEnd3{  /* ------------------------ Portfolio photo library ----------------------------- */	
	margin:0px 10px 0.9em 0px;
	width:140px;
	height:290px;
	background-color:#3b4343;
	}
.thumBoxImg3 {
	background-color:#161A1C;
	height:110px;
}

.thumBoxEnd3{  
/*	margin:0px 0px 0.4em 0px;*/
	}
	
.thumBox3 h4 a, .thumBoxEnd3 h4 a{
	font-size:80%;
	text-align:left;
	line-height:1.4em;
	margin:0px 0px 0px 4px;
	padding:0px;
	}
	
.thumBox3 p, .thumBoxEnd3 p{
	font-size:80%;
	text-align:left;
	line-height:1.4em;
	margin:0px 0px 0px 4px;
	padding:0px;
	}
	
#sub {/* ---------- Portfolio photo library SUB NAV------------------- */	
	list-style-type:none;
	text-align:left;
	margin:0em 0em 1.4em 0em;
	padding:0px 0px 0px 0px;
	font-size:70%;
	}
	
#sub div {
margin:0em 0em 0.6em 0em;
padding: 0em 0.6em 0em 1.2em;
background: url("../images/cross-icon2.gif") no-repeat top left;
}


#sub a:link, #sub a:active, #sub a:visited{
	text-decoration:none;
	color:#ccc;
	padding:0px 0px 0px 0px;
	
    }
	
#sub a:hover{
	text-decoration:underline;
	color:#078989; 
	padding:0px 0px 0px 0px;
	
	}
	
#sub .current a:link, #sub .current a:active, #sub .current a:visited{
	text-decoration:underline;
	color:#078989;
	padding:0px 0px 0px 0px;
	
	}
	

	
	
#photos ul{	/* ------------------------ Links page formatting ----------------------------- */	
	list-style-type:none;
	text-align:left;
	margin:1em 0px 1em 0px;
	padding:0px
}

#photos ul li{	
	margin:0px 0px 0.9em 0px;
}

#photos ul span{	
	font-size:80%;
}

#photos ul a{	
	text-decoration:underline;
}

#photos span{ 	/* ------------------------ Contact page formatting ----------------------------- */	
	font-size:110%;
	}
	
#photos span a{ 
	text-decoration:underline;
	}
	
	
.clip, .clipHorizontal, .clipSquare{
widht:140px;
height:140px;

text-align:center;
margin:0px 0px 7px 0px;
}

.clipHorizontal img{
padding:23px 0px 0px 0px;
}

.clipSquare img{
padding:4px 0px 0px 0px;
}