/* Reset */
html, body, div, span, h1, h2, p, em, img, ul, li, fieldset, form, label, article, footer, header, menu, nav, section{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, footer, header, menu, nav, section { display: block; }

body{font:13px/1.231 sans-serif; *font-size:small;}
a:hover, a:active { outline: none; }
ul{ margin-left: 2em; }
nav ul, nav li{margin: 0; list-style:none; list-style-image: none; }
label, input[type="submit"]{ cursor: pointer; }
input{ margin: 0; font:99% sans-serif; vertical-align: middle; }

body, input{color: #262626; font-family: Arial, sans-serif;}

h1, h2{font-weight: normal;}
a, a:active, a:visited {color:#555; text-decoration:none;}
#holder a{text-decoration:underline;}

/* General */
body{height:100%; width:100%; background:#000; font-size:11px; line-height:14px; color:#000;}
p{font-size:11px; margin-bottom:14px;}
h1, h2{font-size:10px;}

/* Structure */
header, #main{position:absolute; top:9%;}
header{right:3%;}
#main.unloaded{display:none;}
#main{left:3%; width:681px; display:block;}
#page-tintab #main, #page-enquiries #main, #page-subscribed #main, #page-unsubscribed #main{width:454px;}
		#site{float:left;}
		#site, section{height:375px;}

		.toggle_menu, #location, #primary, #secondary, #content{background:rgba(244,244,244,0.8);}
		.toggle_menu, #location{display:block; float:left; padding:13px 12px; width:76px;}
		.toggle_menu{margin-right:2px; cursor:pointer; font-size:10px;}
		.toggle_menu:hover{color:#000;}
		#secondary .toggle_menu{background:none; padding:none; margin:0;}
		#secondary .toggle_menu:hover{background:none;}
		
		#location{width:201px; float:left; position:relative;}
			#project_arrows{position:absolute; top:0; right:3px;}
			#previous, #next{display:block; float:left; width:15px; height:20px; line-height:20px; text-align:center !important; margin-top:10px;}
			#previous:hover, #next:hover{color:#000;}
			#previous-slide, #next-slide{font-size:11px !important; }
			#next{text-align:right;}
			#location em{display:block; float:left; width:30px; height:40px; line-height:40px; text-align:center; font-style:normal;}
		
		#section{display:block; float:left; text-indent:-999em; font-size:10px;}
		.closed #section{text-indent:0;}

		#main_menus{clear:left; float:left; display:inline}
			#main_menus h2{margin-left:12px; color:#333;}
			#main_menus ul{margin-bottom:12px;}
			#main_menus li{position:relative;}
		#primary, #secondary, #content{float:left; margin-right:2px; padding-top:12px;}
		#primary, #secondary{width:100px; height:323px;}
			#primary a, #secondary a{padding:0 12px; display:block; line-height:14px; font-size:10px;}
			#primary a:hover, #secondary a:hover, .selected a{background:rgba(210,210,210,0.90); color:#000;}
		#secondary, #content{width:200px;}
		#secondary{width:225px;}
	#content{height:375px; width:326px; padding:0 12px 0 12px; float:right;}
	#holder{padding-top:52px; width:310px;}
		
		
	#image-position{position:absolute; width:51px; height:14px; top:0; right:3px;}
	#previous-slide, #next-slide{display:block; float:left; width:15px; height:14px; line-height:14px; text-align:center !important; margin-top:0; padding:0 !important;}
	#current-slide{float:left; display:block; margin-right:5px;}
	#previous-slide:hover, #next-image:hover{color:#000;}
	#next-slide{text-align:right;}
	
/*	
		#image-position{position:absolute; top:0; right:10px; background:url('/images/image-progress.png') no-repeat left top; width:30px; height:14px; line-height:14px;}
		#image-position.images-1{width:5px;}
		#image-position.images-2{width:11px;}
		#image-position.images-3{width:17px;}
		#image-position.images-4{width:23px;}
		#image-position.images-5{width:29px;}

		#image-position.currently-1{background-position:0 0;}
		#image-position.currently-2{background-position:0 -10px;}
		#image-position.currently-3{background-position:0 -20px;}
		#image-position.currently-4{background-position:0 -30px;}
		#image-position.currently-5{background-position:0 -40px;}												
*/		
/* Multiply */
#page-about-multiply #project_arrows{display:none !important;}

#project_arrows{display:block; float:right;}
#project_arrows em.all{font-size:10px !important; line-height:42px;}
	#project_arrows a{display:inline; padding:0}
#location .stat{display:none;}
.closed #location .stat{display:block;}
#location .all{display:block;}
.closed #location .all{display:none;}

/* Full Screen */
#supersized-loader{position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url('/images/loading.gif') no-repeat center center;}
#supersized{position:fixed; left:1.5%; top:3.5%; overflow:hidden; z-index:-999; height:93%; width:97%; cursor:pointer;}
/*#supersized{position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }*/
	#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
		#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
	
	#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
		#supersized a.prevslide { z-index:-20; }
		#supersized a.activeslide { z-index:-10; }
		#supersized a.image-loading{background:#000 url('/images/loading.gif') no-repeat center center; width:100%; height:100%;}
		#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

/* Form */
fieldset, fieldset div{margin-bottom:7px;}
.disclaimer{font-style:italic; color:#777;}
input.text{width:100%; border:1px solid #000; background:transparent; line-height:14px;}
.submit{background:transparent; color:#000; border:none; text-decoration:underline; margin:0; padding:0; font-size:10px; cursor:pointer; text-align:left; font-family:Arial, sans-serif;}
.submit::-moz-focus-inner{border:none; padding:0; margin:0; border-bottom:1px solid #000;}

.js #receive_updates{cursor:pointer; text-decoration:underline; color:#555 !important}
#receive_updates{margin-bottom:7px;}
#name_error, #email_error{color:#333; font-style:italic;}

#page-about-multiply #project_arrows{display:none;}
#page-about-multiply #supersized a{cursor:default;}

#page-enquiries #content{position:relative;}
#credit{position:absolute; bottom:0; left:10px; font-size:9px;}
#credit a{color:#999;}