@import url(normalise.css);
@import url(http://fonts.googleapis.com/css?family=Gudea:400,700|Montserrat|Signika:400,600|Ubuntu:400,500|Lato:400,700|Ubuntu+Mono:400,700|PT+Sans+Caption:400,700|Hammersmith+One|Amaranth|Cabin:400,700|PT+Sans:400,700|Cabin+Condensed:400,600);

html,body {
    height:100%;
}


 body {
	font-family:  Verdana, Lucida Sans, Lucida Grande, arial, helvetica, verdana, sans-serif;
	/*GuardianTextEgyptian, */
		text-align: right;
		background-image: url(bg-crop-980.jpg) ; 
		background-repeat: no-repeat;
  		background-position: right top;
		height: 100%;
}
H1 {font-family:  trebuchet,  helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, 		sans-serif;
	font-size: 2em;
	color: #495d68;
}
H2  {font-family:  trebuchet,  helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, 		sans-serif;
	font-size: 1.5em;
	color: #495d68;
}
H3  {font-family:  trebuchet,  helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, 		sans-serif;
	font-size: 1.3em;
	color: #495d68;
}
H4  {font-family:  trebuchet,  helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, 		sans-serif;
	font-size: 1em;
	color: #495d68;
	
ul {
	
}
}
li {font-size: 1.5em;
margin: 0 0 0.75em 0;
	
}
a{
	text-decoration:none;
	color: #333;
	
}
a:hover{
	text-decoration:underline;
	color: #071617;
}
ul{margin-bottom:2em;}

#container {
	float: left;
	margin:auto;
	width:900px; /* remove and footer text boes alongside page on some oages */
	height:100%;
	min-height: 100%;
}

#all-the-stuff {
	float: left;
	width:900px; /* remove and the page gets wider */
	text-align:left;
	vertical-align:top;
	background-color: #f8f8f8;
}

#banner{
	width:970px; /* width between logo and social network buttons */
	height:83px; 
	margin: 0 0 0 28px;
	padding:0;
	float: left;
}

#logo{
	width:530px;
	height:37px; 
	margin: 26px 0 0 12px;
	float: left;
}

#social-networks{
	width:112px;
	height:32px; 
	margin: 0 133px 0 0;
	padding: 33px 0 0 0;
	float: right;
}

#menubar{
	float: left;
	height: 26px; 
	width: 820px;
	font-size: 1.1em;
	background-color: #ccd6da ; 
	text-align:center;
	margin: 0 0 0 40px;
	border-color : #cbcbcb; 
	border-style : solid; 
	border-width: 0 0  1px 0;
	
}
#content{
	width:900px;
	float: left;
	text-align:left;
	margin: 8px 0 0 0;
	height: 100%;
}
#content p{
	/*font-family: GuardianTextEgyptian;*/
	font-size: 1.5em;
}

#content h1{
	margin:14px 0 0 0;
	
}
#content h2{
	margin:14px 0 0 41px;
}

#galleries{
	width:950px;
	float: left;
	margin:30px 0 30px 0px;
	/*font-size: 1.2em;*/
}
#galleries h1{
	margin:0  0 0.5em 37px;
}
#galleries .thumb{
	width:237px;
	height:237px;
	float: left;
	padding:0;
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 0 50px 46px;
}
#galleries .thumb p{
	color:#333;
	font-size:0.9em;
}

#intro-to-galleries{
	width:850px;
	float: left;
	margin:30px 0 0 43px;
	
}
#intro-to-galleries H1{
	float: left;
	margin: 0 30px 1em 0;
	/*font-size: 2em;*/
}
#intro-to-galleries p{
	font-size: 1.4em;
	float: left;
	margin:0 30px 1em 0;
	/*font-size: 1.2em;*/
}

#contactus{
	width:850px;
	float: left;
	margin:30px 0 0 43px;
	text-align:justify;
}
#contactus p{
	float: left;
	margin:0 30px 1em 0;
}
#contactus h1{
	float: left;
	margin:0 30px 1em 0;
}
#bio{
	width:950px;
	float: left;
	margin:30px 0 30px 0px;
	
}
#bio H1{
	Margin: 
}
#bio-col{
	float: left;
	margin: 0 0 1em 50px;
	width:470px;
	text-align:left;
	/*background-color: #ccd6da ; */
}
#bio-col p {
	font-size: 1.4em;
	margin:0 0 1em 0;
}
#bio-col h1 {
	margin: 0 0 0.5em 0;
}
#bio-col h2 {
	font-size: 1.75em;
	margin: 1.2em 0 0.8em 0;
}
#bio-col li {
	font-size: 1.4em;
	margin: 1em 0 0.75em 0;
}
#privacy{
	/*font-family: GuardianTextEgyptian;
	font-size: 1.2em;*/
	width:950px;
	float: left;
	margin:30px 0 30px 0px;
	
}
#privacy p{
	/*font-size: 1.5em;*/
}

/*
#privacy H1{
	font-size: 1.2em;
}
#privacy H2{
	font-size: 1.2em;
*/
#privacy H3{
	font-size: 1.5em;
	margin: 0.8em 0 1em 0;
}

#gallery-thumbs{
	width:950px;
	float: left;
}
#gallery-thumbs .thumb{
	width:237px;
	height:237px;
	float: left;
	padding:0;
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 49px 50px 0px;
}


#portrait{
	width:300px;
	float: left;
	margin:0 0 0 40px;
}
#portrait img	{
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 0 0 0;
}


#rh-col{
	float: left;
	padding:0 0 0 2.5em;
	width:320px;
	text-align:left;
}
#rh-col p {
	margin:0 0 1em 0;
}
#gallery{
	width:950px;
	float: left;
	margin:0 0 50px 12px;
}
#gallery p {
	/*font-family: GuardianTextEgyptian;
	font-size: 2em;*/
	font-size: 1.4em;
	width: 800px;
	margin:12px 20px 0 28px;
	
}
#gallery h1 {
	margin:12px 20px 0 31px;
	font-size: 2em;
}


#gallery-image-details{
	background: ccc;
	float: left;
	margin:10px 0 30px 35px;
	width:820px;
	/*width:620px;*/
	text-align:left;
	/*text-align:justify;*/
	
}
#gallery-image-details p {
	font-size: 1.4em;
	margin:0 0 1em 0;
}
#gallery-image-details  h1 {
	/*color: #071617;*/
	margin:0 0 1em 12px;
	}
#gallery-image-details h3 {
	/*color: #071617;
	font-family:  Trebuchet, helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;*/
	font-size:1em;
	margin:1em 0 0.5em 0;
	}
	
#gallery-image-details  h2 {
	/*color: #071617;
	font-family:  'Georgia','Lato',  'Gudea', arial,Verdana,  Trebuchet, helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;
	font-size:1.5em;*/
	margin:1em 0 0.5em 0;
	}
	





#description{
	width:300px;
	float: left;
	margin:20px 0 20px 8px;
	padding:0;
	/*background-color: #e3e1e2;*/
}
#main-pic{
	width:816px;
	float: left;
	margin:20px 0 0 30px;
	padding:0;
}
#main-pic p{
	font-size:0.9em;
}
#main-pic .left{
	text-align:left;
	float: left;
	margin:0;
	padding:0;
	
}
#main-pic .right{
	
	float: right;
	margin:0;
	padding:0;
	text-align:right;
}
#main-pic img	{
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 0 0 0;
}
#collection{
	width:900px;
	float: left;
	margin:0 0 30px 15px;
}
.info{
	width:800px;
	float: left;
	margin:0 0 30px 27px;
}
#noresults{
	margin:0 0 0 40px;
}

#words{
	
	float: left;
	margin:10px 0 30px 35px;
	width:820px;
	/*width:620px;*/
	text-align:left;
	/*text-align:justify;*/
	
}
#words p {
	font-size: 1.4em;
	margin:0 0 1em 12px;
}
#words  h1 {
	/*color: #071617;*/
	margin:0 0 1em 12px;
	}
#words h3 {
	color: #071617;
	/*font-family:  Trebuchet, helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;
	font-size:1.5em;*/
	margin:1em 0 0.5em 0;
	}
	
#words  h2 {
	color: #071617;
	/*font-family:  'Georgia','Lato',  'Gudea', arial,Verdana,  Trebuchet, helvetica, Lucida Sans, Lucida Grande,  helvetica, verdana, sans-serif;
	font-size:1.5em;*/
	margin:1em 0 0.5em 0;
	}
	


#news-home{
	float: left;
	width:812px;
	margin:0 0 30px 43px;
	/*background-color: #ccc;*/
}
#news-home p {
	font-size: 1.4em;
	margin:0 0 1em 0;
}
#news-home h1 {
	margin:0  0 0.5em 0;
}
#news-home a{
	color: #676767;
}
.news-thumb{
	width:237px;
	height:237px;
	float: right;
	padding:0;
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px;
	margin:0 0 0 0;
	
}
.news-pic{
	margin:0 12px 12px 0;
	float: left;    
 margin: 0 15px 0 0;
}
#news-list{
	width:800px;
	float: left;
	margin:0 0 30px 25px;
}
.news-box{
	width:788px;
	height:150px;
	float: left;
	padding:0;
	margin:0 0 30px 0;
	background: #f8f8f8 url(news-tile.jpg) left repeat-x; 
}
.newsinfo{
	width:530px;
	float: left;
	padding:0;
	margin:12px 1em 0 20px;
	text-align:left
}
.newsinfo h2{
	font-size:1.5em;
}
/*
.galleryend{
		width:760px;
		height:auto;
		margin:0 0 30px 25px;
	}
	.galleryend .left{
		text-align:left;
		float:left;
	}
	.galleryend .right{
		color:#999;
		font-size: 1.2em;
		text-align:right;
		margin-top:0.5em;
		float:right;
	}
*/

#footer{
	float: left;
	width:810px;
	height:20px;
	margin: 30px 0 0 43px;
	text-align:right;
	border-color : #ccc; 
	border-style : solid; 
	border-width: 1px 0 0 0;
	padding: 4px;
	position: relative;
	bottom:inherit;
	font-size: 0.8em;
	font-family:verdana;
}
	

	
#menubar A:link {
	COLOR: #071617; 
	TEXT-DECORATION: none; 
	font-weight: normal;
	height:18px;
	display:block;
	float:left;
	margin: 0;
	padding: 5px 18px 4px 18px;
}
#menubar A:visited {
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight: normal;
	height:18px;
	display:block;
	float:left;
	margin: 0;
	padding: 5px 18px 4px 18px;
}
#menubar A:active {
	COLOR: #071617; 
	TEXT-DECORATION: none; 
	font-weight: normal;
	height:18px;
	display:block;
	float:left;
	margin: 0;
	padding: 5px 18px 4px 18px;
}
#menubar A:hover {
	color:#000;
	TEXT-DECORATION: none; 
	font-weight: normal;
	height:18px;
	display:block;
	float:left;
	padding: 5px 18px 4px 18px;
	background-color: #999;
	opacity : 0.6;
    filter: alpha(opacity=60); /* msie */
}	
#menubar .navactive{
	color:#000;
	background-color: #c7c2b4;
	TEXT-DECORATION: none; 
	font-weight: normal;
	height:18px;
	display:block;
	float:left;
	margin: 0;
	padding: 5px 18px 4px 18px;
	opacity : 0.6;
    filter: alpha(opacity=60); /* msie */
}
#menubar .stillactive{
	color:#000;
	background-color: #ccc;
	TEXT-DECORATION: none; 
	font-weight: normal;
	height:26px;
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	
}



	

	

