@charset "UTF-8";
/* CSS Document */

html,body,div,p,span,h1,h2,h3,h4,h5,h6,img,ul,ol,dl,li,dt,dd,blockquote,pre,form,fieldset,label,input,table,th,td,a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #3b3b3b;
	
	padding-bottom: 00px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: white  top center repeat fixed;

}
ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
}


a {
	color: #a8ef9d;
	text-decoration: none;
}
a:hover {
}
a img {
	border: 0;
}

iframe {
	margin-bottom: 10px;
	margin-top: 10px;
	}
/************************************************
* Header *
************************************************/

#top {
	position:fixed;
	top:0px;
	width:100%;
	height:110px;
	border-bottom: 1px dashed #3b3b3b;
	background-color:white;
	z-index:100;
	}

#top #header-logo {
	padding-left:10px;
	padding-top:10px;
}

#top #topmenu {
	/*float: left;
	width: 640px;*/
	margin-top:10px;
	padding-left:10px;
	
}

#top #topmenu li {
	float: left;
	padding: 0 .8em .2em .8em;
	line-height: 1.5em;
	margin: 0 .4em .4em 0;
}


#top #topmenu li a {
	color: #3b3b3b;
	
}
#top #topmenu li a:hover {
	color: #a8ef9d;
}

#topmenu #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: rgba(220, 133, 5, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/************************************************
* Fancy Jquery list *
************************************************/

#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-two li { display: inline; }
#example-two li a { position: relative; z-index: 200; color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-two li a:hover { color: white; }
#example-two #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: rgba(220, 133, 5, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

/************************************************
* Content *
************************************************/

#main {
	padding-top: 120px;
	width:100%;
	padding-bottom:50px;
}
#content {
	width:650px;
	margin:auto;
		overflow: hidden;
	
	/*background:url(images/gradient-line.png);*/
	
	padding:0px;
}
#video-content {
	width:640px;
	margin:auto;

		overflow: hidden;
	
	/*background:url(images/gradient-line.png);*/
	
	padding:20px;
}
.intro-text {
	display: block;
	position: absolute; 
	top:130px; 
	left:0px;
	width: 125px;
 	padding: 5px; 
	margin: 10px; 
	   
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: left;
   }
   
.headline {
	background-color:#d5d8cd;
	margin-bottom:20px;
	}


#text {
	width:400px;
	margin:auto;
		overflow: hidden;
	
	/*background:url(images/gradient-line.png);*/
	
	padding:50px;
}
#content.full {
	width: 980px;
}

#display-box {
	
	border: 1px solid #ccc; 
	}
/************************************************
* Illustration subpage *
************************************************/
#thmb-grid {
	
	width:980px;
	margin:auto;
}



/************************************************
* Footer *
************************************************/
#footer {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	background-color:#282828;
	
	font-size: 0.8em;
}
#footer #footermenu {
	/*float: left;
	width: 640px;*/
	margin-top:5px;
	padding-left:10px;
	float:right;
	
}
#footer #footermenu a span {
	display:none;
}
#footer #footermenu a:hover span {
	display: block;
	position: absolute; 
	bottom: 40px; 
	right: 0; 
	width: 125px;
 	padding: 5px; 
	margin: 10px; 
	z-index: 100;
   
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

#footer #footermenu li {
	float: left;
	padding: 0 .8em .2em .8em;
	line-height: 1.5em;
	margin: 0 .4em .4em 0;
	display:inline;
}


#footer #footermenu li a {
	color: #fff;
	font-size: .75em;
}
#footer #footermenu li a:hover {
	color: #a8ef9d;
}