/* @override http://heiaespen.garage.upstruct.com/css/framework.css */

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  RESET ALL CSS STYLES CROSS BROWSER
//
///////////////////////////////////////////////////////////////////////////////////
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, 
acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, 
strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}
html,body { height:100%; } /* This is key for IE6! */
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1.6em; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Globals
//
///////////////////////////////////////////////////////////////////////////////////
*/

body{ background-color:#1A1A1A; }

body, p, h1, h2, h3, h4, h5, h5{
	font-family: "Tahoma", "MS Tahoma", sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color:#FFFFFF;
}

a:link,a:visited{ color:#1A1A1A; text-decoration:underline; }
a:hover{ color:#85DB18; }


#logo{
	margin-left: 25px;
	margin-top: 6px;
}

.pointer{
	cursor: pointer;
}

#footer{
	position: absolute;
	top: 20px;
	right: 20px;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Navigation
//
///////////////////////////////////////////////////////////////////////////////////
*/

#header{
	height: 90px;
}

/* Navigation level 1 */
#navigation{
	font-size: 12px;
	margin-left: 170px;	
	height: 70px;
	width: 300px;
	/*background-color: white;*/
	/*letter-spacing:0.1em;*/
}

#navigation ul{ padding: 35px 0px 0px 10px; }
#navigation ul li{ margin-right: 25px; float: left; }

#navigation a{ text-decoration: none; }
#navigation ul li a:link,#navigation ul li a:visited{ color: white; }
#navigation ul li a:hover{ color:white; }

#navigation ul li label{
	font-size: 12px;
	color: white;
	position: absolute;
	top: 60px;
	left: 180px;
	width: 200px;
}

#navigation ul li label select{
	background-color: white;
	border: solid 1px white;
	font-size: 11px;
	color: #1A1A1A;
	width: 150px;
	_height: 15px;
}

/* Navigation level 2 
#navigation ul li ul {
	padding: 0px;
	color: #1A1A1A;
	font-size: 12px;
	float: left;
	position: absolute;
	top: 70px;
	letter-spacing:0em;
}
#navigation ul li ul li { margin-right: 15px; }

#navigation ul li ul li a:link,#navigation ul li ul li a:visited{ color:#1A1A1A; }
#navigation ul li ul li a:hover{ color:#85DB18; }
*/
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Imagebrowser
//
///////////////////////////////////////////////////////////////////////////////////
*/

#overview-images{
	margin: 20px 0px 8px 0px;
	overflow: hidden;
	width: 100%; /*<-- Needed for IE6*/
	height: 460px;
}

#overview-container{
	margin: 0px 20px 0px 20px;
}

.overview-image{
	float:left;
	margin: 0px 20px 20px 0px;
}

#overview-loader{
	position: absolute;
	/* z-index: 6600px; */
	z-index: 6600;
	margin: 335px auto 0px auto;
	width: 42px;
	height: 42px;
	left: 50%;
}

#overview-loader img{
	padding: 5px;
}

.overview-imagerow-clear{
	clear:both;
}

#overview-navigation{
	margin: 0px auto 0px auto;
	position: relative;
	top: -40px;
	width: 700px;
}

#overview-slider{
	height:25px;
}

#overview-slider-track{
	width: 100%; 
	height: 18px;
	background: url(../images/framework/slider-track.gif) repeat-x;
}

#overview-slider-handle{
	width: 15px; 
	height: 15px; 
	cursor: move;
	top: 2px;
	position: relative;
	background: url(../images/framework/slider-handle-trans.png) no-repeat;
}

#overview-slider-step-left{
	position: relative;
	left: -40px;
	top: 29px;
	_top: 32px;
}

/*
div#overview-slider-step-left{
	
}
*/

#overview-slider-step-right{
	float:right;
	position: relative;
	top: -28px;
	left: 40px;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//	Subject
//
///////////////////////////////////////////////////////////////////////////////////
*/

#subject-background{
	background-image: 	url(../images/framework/subject-background.png);
	position: 			absolute;
	z-index: 			900;
	float: 				left;
	width: 				100%;
	height: 			100%;
}

#subject-loader{
	/*background-color: white;*/
	padding: 5px;
}

#subject-holder{
	position: absolute;
}
#subject-detail{
	padding: 15px 10px 5px 10px;
	color: white;
	text-align: center;
	height: 50px;
}

#prev{
	position: absolute;
	left: -60px;
	top: 40%;
}

#next{
	position: absolute;
	right: -60px;
	top: 40%;
}

#tip{
	background-color: white;
	padding: 5px 10px 5px 10px;
	color: black;
	position: absolute;
	z-index: 6000;
}

#subject-close{
	position: absolute;
	top:-25px;
	right: -25px;
}

/*
///////////////////////////////////////////////////////////////////////////////////
//
//  Contact
//
///////////////////////////////////////////////////////////////////////////////////
*/

#contact-info,#contact-logo{
	width: 379px;
	height: 397px;
	position: absolute;
	text-align: center;
}

.lenscap{
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

#contact-info p,#contact-logo p{
	font-size: 16px;
	position: relative;
	z-index: 1;
	padding-right: 10px;
	color:#1A1A1A;
}