/*
   Dreamscope
   Default screen stylesheet
   Powered by Prego
*/

/* GENERAL ELEMENTS
* ----------------------------------- */

html,
body
{
	width:100%;
	height:100%;
}

body
{
	font-size:62.5%;	/* 1em = 10px */
	font-family:arial, sans-serif;
	background-color:#c3d9fc;
	background-image:url('../images/site/background-gradient.gif');
	background-position:0 1em;
	background-repeat:repeat-x;
}

#cloud-container
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden;
}

#cloud1,
#cloud2,
#cloud3,
#cloud4,
#cloud5
{
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
}

#cloud1
{
	background-image:url('../images/clouds/1.png');
	width:172px;
	height:52px;
	top:100px;
	left:35%;
}

#cloud2
{
	background-image:url('../images/clouds/2.png');
	width:377px;
	height:134px;
	top:150px;
	left:60%;
}

#cloud3
{
	background-image:url('../images/clouds/3.png');
	width:688px;
	height:285px;
	top:200px;
	left:-10%;
}

#cloud4
{
	background-image:url('../images/clouds/4.png');
	width:352px;
	height:85px;
	top:300px;
	left:80%;
}

#cloud5
{
	background-image:url('../images/clouds/5.png');
	width:1367px;
	height:122px;
	top:0;
	right:0;
}

#container
{
	position:relative;
	font-size:1.3em;
	min-height:100%;
	z-index:2;
}

/** Block elements **/
p
{
	margin-bottom:1em;
}

ul
{
	margin-bottom:1em;
	padding-left:2em;
	list-style:disc;
}

ol
{
	margin-bottom:1em;
	padding-left:2em;
	list-style:decimal;
}

li
{
}

dl
{
}

dt
{
	float:left;
	display:inline;
	clear:left;
	margin-right:0.5em;
}

dd
{
	margin-bottom:1em;
}

blockquote
{
}


/** Inline elements **/
a
{
	text-decoration:none;
	color:#001b57;
}

a:hover,
a:focus,
a:active
{
	text-decoration:underline;
}

img
{
	vertical-align:bottom;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

q
{
}

cite
{
}

del
{
}

ins
{
}

code
{
}

var
{
}

abbr
{
}

acronym
{
}

small
{
	font-size:0.85em;
}

big
{
}


/** Forms **/
form ol
{
	margin:0;
	padding:0;
	list-style:none;
}

form li
{
	margin-bottom:1em;
	width:512px;
	overflow:hidden;
	text-align:right;
}

form label
{
	float:left;
	text-align:left;
	min-width:10em;
	line-height:1.5em;
}

form input
{
	max-width:506px;
	width:30em;
	margin-right:2px;
}

form textarea
{
	width:506px;
	margin-right:2px;
}

div.sidebar form li
{
	width:auto;
	text-align:left;
}

div.sidebar form label
{
	float:none;
	width:auto;
	display:block;
}

div.sidebar form input
{
	width:auto;
	max-width:250px;
}

form div.fake-file-input object
{
	vertical-align:bottom;
}


/** Headers **/
h1
{
	line-height:2em;
	color:#adcfff;
	white-space:nowrap;
}

h2
{
	font-weight:bold;
	margin-bottom:0.5em;
}

h3
{
}

h4
{
}

h5
{
}

h6
{
}



div.sidebar
{
	margin-top:1em;
	margin-left:1em;
	padding:10px;
	background-image:url('../images/site/background-sidebar.png');
	background-repeat:repeat;
	background-position:100% 100%;
	width:290px;
	color:#fff;
	float:left;
}

body.news div.sidebar
{
	min-height:36.15em;
}

body.services div.sidebar,
body.contact div.sidebar
{
	min-height:14em;
}

div.sidebar h2
{
	text-transform:uppercase;
	margin-bottom:1em;
}

div.sidebar ol
{
	margin:0;
	padding:0;
	list-style:none;
}

div.page-content
{
	float:left;
	width:512px;
	min-height:100px;
	margin-top:14.5em;
	margin-left:1em;
}

div.page-content div.content
{
	min-height:576px;
	background-position:0 290px;
}

div.page-content div.copy
{
	padding:1em;
}



/* PAGE STRUCTURE
 * ----------------------------------- */
 
#accessibility
{
	position:absolute;
	top:-5em;
	left:0;
}

#accessibility a
{
	position:absolute;
	display:block;
	background:#adcfff;
	top:0;
	width:10em;
	padding:0.5em;
	text-align:center;
}

#accessibility a:active,
#accessibility a:focus
{
	margin-top:5em;
}

#header
{
	background:#001b57;
	color:#fff;
	text-transform:uppercase;
}

#header ul
{
	list-style:none;
	margin:0;
	padding:0;
	padding-right:350px;
	min-height:2em;
}

#header li
{
	display:inline;
	margin-left:1em;
}

#header a
{
	line-height:2em;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}

#header a:focus,
#header a:hover,
#header a:active,
#header li.selected a
{
	text-decoration:underline;
}

#header strong.logo
{
	position:absolute;
	right:10px;
	top:5px;
	width:317px;
	height:0;
	padding-top:74px;
	overflow:hidden;
	background-image:url('../images/site/logo.png');
}

#content
{
	width:100%;
	overflow:hidden;
	margin-bottom:2em;
}

#footer
{
	position:absolute;
	right:1em;
	bottom:1em;
	font-size:0.8em;
}

#footer ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#footer li, #footer address
{
	display:inline;
}

#video
{
	clear:left;
	position:relative;
	top:-2em;
	overflow-x:hidden;
	overflow-y:visible;
	min-width:900px;
	min-height:620px;
}

#video div.current-video
{
	position:relative;
	z-index:7;
	margin-left:336px;
	width:512px;
}

#video div.current-video div.description
{
	color:#fff;
	color:#001b57; /* TEST */
	padding:1em;
	line-height:1.25em;
	min-height:255px;
	background-repeat:no-repeat;
}

#video div.current-video div.video-container
{
	position:absolute;
	z-index:10;
	top:2em;
	left:0;
}

#video div.current-video a.play-video
{
	position:absolute;
	z-index:10;
	width:106px;
	height:0;
	padding-top:106px;
	overflow:hidden;
	margin-top:2em;
	top:91px;
	left:203px;
	background-image:url('../images/site/button-play.png');
	cursor:pointer;
}

#video ul.navigation
{
	position:absolute;
	z-index:5;
	top:144px;
	left:323px;
	list-style:none;
	padding:0;
	margin:0;
	width:200000px;
}

#video ul.navigation li
{
	display:block;
	float:left;
	background-position:13px 100%;
	background-repeat:no-repeat;
}

#video ul.navigation li a
{
	display:block;
	width:256px;
	text-decoration:none;
	color:#adcfff;
	padding-top:2em;
	padding-left:13px;
	min-height:288px;
}

#video ul.navigation li span.title
{
	display:block;
	line-height:2em;
	margin-top:-2em;
	white-space:nowrap;
}

#video ul.navigation li.current
{
	visibility:hidden;
}

#video ul.navigation li.next
{
	margin-left:256px;
}

#video ul.navigation li.next a
{
	background-image:url('../images/site/arrow-right.gif');
	background-position:7px 200px;
	background-repeat:no-repeat;
}

#video ul.navigation li.previous a
{
	padding-right:6px;
	margin-right:-6px;
	background-image:url('../images/site/arrow-left.gif');
	background-position:100% 200px;
	background-repeat:no-repeat;
}

#contact-details a.download
{
	display:block;
	height:0;
	padding-top:18px;
	width:29px;
	overflow:hidden;
	background-image:url('../images/site/icon-hcard-download.png');
	background-position:0 50%;
	background-repeat:no-repeat;
}
 
div#upload-progress
{
	z-index:21;
	font-size:1.5em;
	position:absolute;
	top:50%;
	left:50%;
	margin:-3.5em 0 0 -165px;
	width:300px;
	min-height:5em;
	padding:1em 15px;
	color:#fff;
	background-image:url('../images/site/background-sidebar.png');
}

div#upload-progress div#progress-bar-container
{
	width:300px;
	height:1em;
	margin-bottom:0.5em;
	background-color:#001B57;
}

div#upload-progress div#progress-bar-container div
{
	height:1em;
	background-color:#fff;
}

div#upload-progress span
{
	display:block;
	margin-bottom:0.5em;
}

div#upload-progress-mask
{
	z-index:20;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	background:transparent url('../images/site/black50.png');
	background:rgba(0,0,0,0.5) none;
}



/* HACKS AND TRICKS
 * ----------------------------------- */

.hidden
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	font-size:0.1em;
	height:1px;
}