/* ---  Reset --- */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
body,h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
img { border:none; }
a{outline: none;}



/* --- Global --- */

html{
	height:100%;}

body {
	
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:.9em;
	line-height:1.6em;
	letter-spacing:.05em;
	background: #fff;
	color:#999;}

.clear{clear:both;}	

.hide{display:none;}

a{
	color:#000;}
	
a:hover{
	color: #666;}	


/* --- Content --- */

.container{
	height:100%;
	text-align:left;
	width:auto;	
	margin:0 ;
	padding:60px;}


/* --- Logo and Navigation --- */



.top_content{
	font-size:.9em;
	position:relative;
	height:100%;
	width: 350px;
	float:left;
	display:inline;
	padding:0;
	margin:0;}
	
.logo{
	background:#666;
	position:absolute;
	}	
	
ul.navigation{
	margin-bottom:10px;
	letter-spacing:.08em;
	line-height:1.5em;
	top:145px;
	position:absolute;
	overflow:auto;}	
	
ul.navigation li{
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding:0;
	}	

.top_content a{	
	color:#aaa;}

ul.navigation li a:hover, ul.navigation li.active ul.subnav li a:hover{
    color:#333;}

.work ul.navigation li.work a, .show ul.navigation li.work a, ul.navigation li.active a, ul.navigation li.active a:hover, .work ul.navigation li.work a:hover{
	color:#333;}	
	
	
ul.navigation li.active ul.subnav li a{	
	color:#aaa;}
	
ul.navigation li.active ul.subnav li.active a{	
	color:#333;}	
	
	
	
	
.subnav{
	margin:5px 0 10px 0 ;
	font-size:.9em;}	
	
	

/* --- Info --- */

.info{	
	margin:50px 0 0 0;
	}

.info_text{
	}




/* --- Main Content --- */

/*
 .main_content{
	float:left;
	display:inline;
	width:auto;
	min-height:650px;
	margin:0 0 0 0; }
*/

.main_content{
	float:left;
	
	width:auto;
	/*min-height:650px;*/
	height:100%;
	margin:0 0 0 0;
	
	}
#slideshowContainer {
	position:absolute;
	bottom:0;
	left:410px;
	height:100%;
}

ul.thumbs {
	top:60px;
	position:absolute;
	bottom:0;
	left:410px;
	height:100%;
}

.page_content {
	position:absolute;
	left:410px;
	height:100%;
}

.page_info {
	color:#333;
	font-size:.9em;}

#slideshowholder {
	position:absolute;
	/*left:0;
	bottom:0;*/
	/*top:-10000px;left:-100000px;*/
}

#slideshowloader{
	position:absolute;
	left:550px;
	bottom:50%;
}

#caption {
	min-width:300px;
	letter-spacing:.1em;
	font-size:.8em;
	padding-top:10px;
	position:absolute;
	bottom:55px;
	left:410px;
	height:30px;
}

.ssImg img {position:absolute;bottom:95px;left:0;}
	
.show .main_content{	
	margin:0 0 0 0; }
	
.main_content.page_content{	
margin-top:145px;
	width:550px;}	
	
.main_content ul{
	overflow:auto;}	
	
.main_content ul li{
	margin:0 10px 10px 0;
	float:left;
	display:inline;}
	
.link, .main_content ul li img{
	display:block;}	

.controls{
	position:absolute;
	top:95px;
	}

.controls li{
	float:left;
	display:inline;
	margin:0 30px 0 0;
	
	}

.controls a{	
	color:#aaa;}
	
.controls .pauseresume{	
	letter-spacing:.05em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#999;
	font-size:1em;
	cursor:pointer;
	border: none;
	background:none;}	
	
.controls a:hover, .controls .pauseresume:hover{
    color:#333;}

.fullscreenimagelinks{
	margin-top:-4000px;}

.controls a.thumbslink{
	display:inline-block;
	height:13px;
	width:17px;
	background:url(images/thumbs.gif) no-repeat;}

a#fullscreenlink{
	display:inline-block;
	height:12px;
	width:19px;
	background:url(images/full-screen.gif);}
/*
#caption{
	padding-top:10px;
	height:20px;
	font-size:.9em;
	}*/
	
a.previmage{
	display:inline-block;
	background:url(images/back.gif);
	height:11px;
	width:9px;}	

a.nextimage{
	display:inline-block;
	background:url(images/next.gif);
	height:11px;
	width:9px;}


/* --- Home --- */

.home_image{
	margin:30px 0  0 0;
	margin:60px 0  0 0;
	width:1000px;}
	
	
/* --- Footer --- */

.footer{
	margin:50px 0  0 0; 
	}	
	
.footer a{	
	color:#999;}
	
.footer a:hover{
    color:#ccc;}
	
	
/* --- Centre slideshow images --- */
/* hides nyro links offscreen */
a.hideMe {position:absolute;left:-5000px;}



/* animating done in show.php */
#slideshowholder {/*border:1px solid white;*/}
.slideshow {}
.ssImg{ }


/* --- Removes on:focus outline on input --- */


button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}