/* CSS Document */

html {height:100%;}

body {	 text-align:center; margin:0; padding:0;
	width:100%; height:100%;position:relative;}

body, textarea { font:100%/1 helvetica, arial, sans-serif; }

p, h1, h2, h3, h4, img { margin:0 0 25px 0; padding:0; text-align:left; }

p, label, button, form, textarea, input { font-size:11px; text-align:justify; line-height:22px }
h1 { font-size:2em; line-height:1em; margin:0; font-weight:normal; }
h2 { font-size:0.75em; line-height:1.3em; margin:1em 0 1.5em; font-weight:normal;}
h3 { font-size:1em; font-weight:normal; margin:0 0 1.25em; }
h4 { font-size:0.8em; line-height:1em; font-weight:normal; margin:0 0 1em; }

ul, li, h4, .cv p {font-size:11px}

a {text-decoration:none;}

.home h1 {text-align:center;margin:1em 0 0;font-size:1.5em;line-height:1em;}
.home h2 {text-align:center;margin:2em 0 0;line-height:1.5em}
.home a.enter { float:right;font-size:0.8em;padding:0.5em;margin:-2em 1em 0;display:inline}
.home a#intro {display:block;margin:200px auto 0;padding:10px;font-size:4.5em!important;line-height:1em;text-align:center;}
.home a#intro:hover {background:none;}

.home a {position:relative}
.home a strong {position:absolute;bottom:7.5em;left:14.25em;font-size:1.5em;font-weight:normal}

ul, ol { list-style:none; text-align:left; margin:0; padding:0; }

img { margin:0; padding:0; text-align:left;}


#content form {margin:0  0 40px;}	
fieldset { border:none; clear:left; margin:0; padding:0}
form label { float:left; clear:left; }
.input { border:1px solid #999; padding:0.25em; margin:0.75em 0 1em; clear:left; float:left; }
.button {padding:0 10px; margin:0.75em 0.5em 0 0; }

.checkbox label, .checkbox .input {float:left;clear:none;line-height:20px;padding:0;margin:10px 10px 15px 0;border:0px solid #000;}
.checkbox label {margin-top:6px;}

.clear {clear:both;height:0;font-size:0;line-height:0;margin:0;padding:0;}


/* page divs */


	#content, #nav, #imageNav ul { clear:both; min-width:910px; max-width:1030px; text-align:left; margin:0 auto;}
	
	/* header */
	
	/* top nav bar */
	
	#nav { position:relative; padding:40px 40px 30px; }
	 
	#nav li, #nav h1 { display:inline; font-size:18px;line-height:18px}
	#nav a, #nav h1 { padding:10px 20px; display:block; float:left; } 
	#nav h1 { cursor:default; margin-left:-20px;}
	
	#nav a.selected { text-decoration:none;  }	
	#nav a.selected:hover {cursor:default }

	
	/* footer */

	/* content */
	
	#content { padding:0 40px 40px; position:relative}
	.home #content {text-align:center;padding-top:3em;}
	.images #content { padding-top:5px;}

	#content h3 { margin:1.5em 0 1em;}
	#content img { margin:1.5em 0 0; }
	
	#content a img { text-decoration:none; border:0px solid; }
	#content a:hover img {  }

	.statement #content img, .catalogue #content img {margin:5px 0 0;position:absolute;right:40px;border:1px solid #fff;}
	.statement #content div, .catalogue #content div {margin-right:567px;}
	
	.indentedP { margin-bottom:1.25em; }
	.indentedP h4 { margin:0; padding:0; text-align:left; }
	.indentedP p { margin:0 0 0 120px; padding:0; float:none;line-height:20px;}
	.indentedP ul { margin:-1em 0 0.75em 120px; padding:0;font-size:0.8em}
	.indentedP li { margin:0 0 0.75em; padding:0;}
	
	.instruction { font-size:0.9em; clear:both; font-weight:normal; padding-left:0 !important;}
	.instructionTop {font-size:0.9em; font-weight:normal; padding:0;margin:0}
	
	.contact #content h3 { margin:40px 0 15px;}
	.ymlp {font-style:italic;font-size:11px}
	
	
	/* image page */

	
	#imageNav {clear:both; padding:0;margin:0;cursor:default;overflow:hidden;height:60px;}
	#imageNav ul {padding:0;float:left;}
	#imageNav li { cursor:pointer;display:block; float:left; font-size:0.85em;font-size:0.8em;line-height:1.2em;padding:0 20px 0;margin:0;height:60px;}
	#imageNav li, #imageNav li a {}
	#imageNav li.groupOn {cursor:default; }
	#imageNav li:hover, #imageNav li.groupOn, #imageNav li a:hover {}

	/* thumbs left
	#thumbs {line-height:1em;margin:-5px 720px 0 -5px;font-size:1em;padding:0;clear:none;float:left;}
	#imageWrap {position:absolute;right:40px;}
	 */
	 
	 /* thumbs right */ 
	#thumbs {line-height:1em;margin:-5px -5px 0 735px;font-size:1em;padding:0;clear:none;float:right;}
	#image, #info {position:absolute;left:40px;}
	 
	#thumbs a img {border:1px solid #000;}
	 
	#thumbs img {opacity:1.0;margin:0; padding:0; border:1px solid #000; float:left;width:48px;height:48px;margin:5px;}
	#thumbs img.thumb:hover, #thumbs img.IEhoverFix {cursor:pointer;opacity:0.5;}

	#thumbs img.on {opacity:0.3;border:1px solid #000;}
	#thumbs img.on:hover {cursor:default;opacity:0.3;border:1px solid #000;}

	#image {cursor:pointer;margin:0;padding:0;float:left; border:1px solid #000 }
	#image img {margin:0;padding:0;float:left;}
 
	#info {top:505px;}
	#name, #date, #media, #size, #extra {font-size:11px;clear:none;padding:0;float:left;text-align:left;margin:0 10px 0 0}
	#name, #extra {clear:left;}

	#loading {font-size:10px;position:absolute;top:20px; left:20px;}
	
	
	/* lightbox  */
	
	
#ultrabundleWrap {width:100%;height:100%;background:#000;position:fixed;top:0;left:0;opacity:0.7;}

#ultrabundle {width:100%;height:100%;background:none;position:absolute;top:0;left:0;}
#ultrabundleContent {width:860px;position:relative;background:url(<?=$imgPath?>ultrabundle/ultrabundle-boxes.jpg) bottom left no-repeat #000;margin:70px auto 0;height:510px;border:1px solid #333;}

	
	#lightbox {width:100%;height:100%;background:#000;position:fixed;top:0;left:0;}
	#lightboxPic {width:100%;height:100%;position:absolute;top:0px;left:0;margin:0}
	#lightboxFloater	{float:left; width:100%;height:50%; margin-top:-375px;}
	#lightboxPicWrap {clear:both; position:relative;background:none;cursor:pointer;text-align:center;}
	#lightboxPic img  {background:#000;margin:0 auto;border:1px solid #111;}