@font-face { font-family: "Avant Garde Medium BT"; src: url('/inc/fonts/avgardm.eot'); }
@font-face { font-family: "Avant Garde Medium BT"; src: url('/inc/fonts/avgardm.ttf') format("truetype"); }

body, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, img, ul, ol { margin: 0; padding: 0; border: 0; }

body { color: #333; background: #fff url(/inc/images/bg_body.jpg) top left no-repeat; font: normal 70%/1.4em Tahoma, Verdana, Arial, sans-serif; }

a { color: #444; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

h1 { color: #000; font: 2.2em "Avant Garde Medium BT", Arial; padding: 0 0 8px 0; text-transform: lowercase;}
h2 { color: #000; font: 1.6em "Avant Garde Medium BT", Arial; padding: 0 0 4px 0;}

p { padding: 0 0 8px 0; }

form { padding: 0 0 20px 0; }
	form .comment { padding: 0; position: relative; top: -2px; width: 400px; line-height: 1.2em; }
	form .mandatory { padding: 0 3px 0 0; }
	fieldset {  }
	legend { padding: 0; font: 500 1.6em Tahoma, Verdana, Arial, sans-serif; color: #fff; display:none; }
	label { display: block; font-weight: normal; padding-top: 4px; clear: both; }
	label span { font-weight: normal; position: relative; top: -3px; left: 5px;}
	label.list { padding: 0; clear: both;}
	
	input, textarea, select { color: #000; }
	select { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	input { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	input[type="hidden"] { display: none; }
	input:hover, textarea:hover, select:hover { border-color: #666; }
	input:focus, textarea:focus, select:focus { border-color: #666; }
	input.error, textarea.error, select.error { border-color: #f00; }
	textarea { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 400px; height: 10em; display: block; overflow: auto;}
	label input { background: 0; padding: 0; margin: 0; border: 0; width: auto; display: inline; }
	
	.button-row { padding-top: 10px; }
	button { font: 1em Tahoma, Verdana, Arial, sans-serif; padding: 2px 5px; margin-top:10px;}


.left { float: left; }
.right { float: right; }

.img { padding: 3px 0 8px 0; }
	.img.left { margin-right: 18px; }
	.img.right { margin-left: 18px; clear:right; }
	.img img { display: block; border: 1px solid #000; }
	.img p { font-size: .85em; color: #666; padding: 0; }

.thumbnail { width: 100px; height: 100px; float: left; border: 1px solid #ddd; padding: 2px; margin: 0 10px 10px 0; position: relative; }
	.thumbnail a.lightbox { width: 100px; height: 100px; position: absolute; }
	.thumbnail a.full { width: 16px; height: 16px; position: absolute; background: #fff url(/inc/images/picture_save.png) 50% no-repeat; top: 83px; left: 83px; border-top: 1px solid #ddd;border-left: 1px solid #ddd; padding: 2px;}


#document { width: 965px; padding: 5px 20px; }

#head { padding: 0 20px; }
	#logo { display: block; float: left; }
	
	#navigation { float: right; padding-top: 43px; }
		#navigation ul { }
		#navigation ul li { float: left; list-style: none; padding-right: 20px; }
		#navigation ul li a { float: left; list-style: none; font: normal 1.3em Verdana; color: #fff; text-decoration: none; }
		#navigation ul li a:hover { color: #d8cfab; }

#main { background: url(/inc/images/bg_main.png); clear: both; padding: 12px; height: 1%; min-height: 1000px;}
#main:after { content: "."; display: block; clear: both; position: relative; height: 0; visibility: hidden; }

	#top-image { padding: 0 0 10px 0; }
		#top-image img { display: block; }

	#scene-frontpage { width: 400px; float: left; }
	#scene { width: 640px; float: left; }
	
	    #scene ul, #scene ol {margin-left: 20px;}
		
		#section-news {}
			#section-news h2 { color: #930000; font: bold 1em/1.4em Tahoma, sans-serif; padding: 0; cursor:pointer; }
			#section-news a { text-decoration:none;}
		#news-archive-list {}
			#news-archive-list h2 { color: #930000; font: bold 1em/1.4em Tahoma, sans-serif; padding: 0; cursor:pointer; }
			#news-archive-list a { text-decoration:none;}
			
	
	#extra-frontpage { width: 470px; float: left; margin-left: 45px; padding-right: 25px; background: url(/inc/images/bg_extra.png) top right no-repeat; }
	#extra { width: 230px; float: right; margin: 0px 0px 0px 45px; padding-right: 15px; }
		
		#sub-navigation { width: 230px; border: 8px solid #d8d8d8; font: normal 11px Arial; text-transform: uppercase; margin-bottom:20px; }
			#sub-navigation ul { background: #ebebeb; padding: 6px 8px 8px 8px; }
			#sub-navigation ul ul { padding: 0 0 0 20px; }
			#sub-navigation ul li { list-style: none; margin-top: 2px;}
			#sub-navigation ul li a { background: #f5f5f5 url(/inc/images/bg_subnav.png) 10px center no-repeat; display: block; color: #666; padding: 7px 10px 7px 30px; text-decoration: none;}
			#sub-navigation ul li a.active,#sub-navigation ul li a.active-parent { background-image: url(/inc/images/bg_subnav_active.png); }
			#sub-navigation ul li a.active { background-image: url(/inc/images/bg_subnav_active.png); }
		
		#section-teaser { float: left; width: 300px; }
		
		#section-socials-and-logos { float: right; width: 130px;}
		
		
			#section-socials-and-logos h1 { text-align: center; }
			
			#section-socials-and-logos ul li a span { display: none; }
			
			#section-socials-and-logos ul.socials { display: block; background: url(/inc/images/bg_social_network.png) top center no-repeat; height: 1%; padding: 8px 0;}
				#section-socials-and-logos ul.socials li { display: block; list-style: none; width: 130px; }
				#section-socials-and-logos ul.socials li a { display: block; background: url(/inc/images/icon_facebook.png) center center no-repeat; width: 130px; height: 36px; }
				#section-socials-and-logos ul.socials li.facebook a { background-image: url(/inc/images/icon_facebook.png); }
				#section-socials-and-logos ul.socials li.myspace a { background-image: url(/inc/images/icon_myspace.png); }
				#section-socials-and-logos ul.socials li.itunes a { background-image: url(/inc/images/icon_itunes.png); }
				#section-socials-and-logos ul.socials li.twitter a { background-image: url(/inc/images/icon_twitter.png); }
				#section-socials-and-logos ul.socials li.blogger a { background-image: url(/inc/images/icon_blogger.png); }
				
			#section-socials-and-logos ul.logos { display: block; height: 1%; width: 120px; margin: 0 auto; padding-top: 30px; }
				#section-socials-and-logos ul.logos li { display: block; list-style: none; width: 50%; float: left; }
				#section-socials-and-logos ul.logos li a { display: block; background: url(/inc/images/icon_sony.png) center center no-repeat; width: 112px; height: 160px; }
				#section-socials-and-logos ul.logos li.sony a { background-image: url(/inc/images/logo_sony.png); }
				#section-socials-and-logos ul.logos li.seven-sisters a { background-image: url(/inc/images/logo_seven_sisters.gif); }