/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

html{
	color: #1a171b;
	background:url('img/body.png') 0 0 repeat;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

p{
	margin-bottom: 10px;
}
p,ul,ol{
	line-height: 22px;
}

em{
	font-weight: bold;
}

/*ul{
	margin: 10px 0;
}
ul li{
	list-style-type: circle;
	margin-left: 20px;
}*/


a{
	color: #0f719e;
	cursor: pointer;
	text-decoration: none;
}

/*** /TYPO ***/

.wrapper{
	width: 960px;
	margin: 0 auto;
}

.wide{
	width: 100%;
	margin: 0 auto;
}

#homescreen {
  display: block;
  position: absolute;
  text-align: center;
  margin-top: 50px;
  margin-left: 10px;
  padding-top: 50px;
  width: 937px;
  background-color: #fff;
}

#header{
	position:fixed;
	height:95px;
	background-color:#1a171b;
	top:0;
	z-index:200;
}

#homelink{
	display:block;
	width:124px;
	height:61px;
	margin:18px 0 0 0;
}



#cornerleft {
	display: block;
	position: absolute;
	margin-top: 0px;
  width:202px;
  z-index: 70;
}

div #top1 {
  display: block;
  margin: 0;
  position: relative;
  width: 143px;
  height: 23px;
  background-color: #1a171b;
}
div #top2 {
  display: block;
  margin: 0;
  position: relative;
  width: 23px;
  height: 23px;
  background-color: #1a171b;
}

#content{
	width: 960px;
	/*border: 1px solid yellow;*/
	margin: 100px auto 0 auto;;
	/*margin:100px auto 0 auto;*/
	/*background:url('img/logo_tl_proportioal.png') -2px 0 no-repeat;*/
	padding:0;
	position:relative;
  
}


#sidebar{

  margin-top: 0px;
	width: 202px;

	padding:0 20px 0 28px;
	padding-top: 30px;
	float:left;
  z-index: 60;
}
#stuff{
  /*border: 1px solid blue;*/
	margin-left: 220px;
	width:681px;
	
	padding:0;
	margin:0 6px 0 0;
	z-index: 0;
	overflow: hidden;
}

/*
#stuff .viewport .overview img{
	background:url('../img/ajax-loader-2.gif') 50% 50% no-repeat;
	min-width:100px;
	min-height:100px;
}*/

#cornerright {
	display: block;
	position: absolute;
	/*padding-top: 23px;*/
	/*margin-top: -23px;*/
	height: 47px;
	width: 960px;
  z-index: 50;
}

#cornerr1 {
	border: 2px solid #1a171b;
	display: block;
  margin: 0;
	margin-top: -27px;
	margin-left: -25px;
	width: 21px;
	height: 47px;
	float: right;
}



#legend {
	bottom:0;
	right: 0;
	margin:0;
	padding: 3px 40px 0 20px;
	text-align: right;
	height:17px;
	display:block;
	overflow:hidden;
  float: right;
	border:2px solid #1a171b;
	width: 179px;
}

#outerlegend {
	width: 960px;
}

#closelogo{
	margin:-32px 0 -10px 6px;
	display:none;
}

/*** MENU ***/

/* http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery/ */
/* base nav styles */


nav { display:block; margin:0 auto 20px; position:relative;margin:-30px 0 0 160px; z-index: 80;}  
nav ul { padding:0; margin:0; }  
nav li { position:relative; float:left; list-style-type:none; }  
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }  
nav li a { display:block; padding:10px 20px; color:#eee; text-decoration:none; }  
nav li a:focus { outline:none; text-decoration:underline; }  
nav li:first-child a { border-left:none; }  
nav li.last a { border-right:none; }  
nav a span { display:block; float:right; margin-left:5px; }  
nav ul ul { display:none; width:200px; position:absolute; left:0; background:#1A171B; }  
nav ul ul li { float:none; }  
nav ul ul a { padding:5px 10px; border:none;  }  
nav ul ul a:hover { background-color:#555; } 

/*** ***/



/*** scrollbar ***/

/*#stuff { width: 520px; clear: both; margin: 20px 0 10px; }*/
/*#stuff .viewport { width: 680px; height: 350px; overflow: hidden; position: relative; }*/
/*#stuff .overview { list-style: none; position: absolute; left: 0; top: 0; }*/
/*#stuff .thumb .end,*/
/*#stuff .thumb { background-color: #545454;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }*/
/*#stuff .scrollbar { position: relative; float: right; width: 12px; }*/
/*#stuff .track {  height: 100%; width:10px; position: relative; padding: 0 1px; }*/
/*#stuff .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }*/
/*#stuff .thumb .end { overflow: hidden; height: 5px; width: 10px; }*/
/*#stuff .disable{display: none;}*/


/*** FOOTER */

#footer{
	padding:0;
	position:fixed;
	height:100px;
	/*background-color:#1a171b;*/
	bottom:0;
	z-index: 50;
	border-top:15px solid #1a171b;
	border-bottom:18px solid #1a171b;
	background:url('img/body.png') 0 0 repeat;
}
#footer .wrapper {
	display: box;
	position: relative;
	overflow: hidden;
	
	
}

#footer p{
	font-size:10px;
}
#footer a{
}
#footer a:hover{
	text-decoration:underline;
}

#footer .bottomnote{
	color:#fff;
}
#footer #pagebottom{
	margin:0px auto 0 auto;
	bottom:0;
}
.footerlink{
	float:right;
	color:#5e5e5e;
	font-size:9px;
	margin:5px 0 0 0;
}


.project{
	display: block
	width:90px;
	height:90px;
	padding:5px;
	float:left;
}

.project:hover, .activeProject{
	background-color:#38353a;
}
/*a.thumb{
	display:block;
	width:90px;
	height:90px;
}*/
a.thumb img{
	float:left;
}
a.thumb img, img.tmb{
	background:url('../img/ajax-loader.gif') 50% 50% no-repeat;
}
#thumbnails{
	display:none;
	width:100%;
	padding:0;
	height:100px;
	position:absolute;
	left:0;
	border-left:1px solid #69686b;
	background:url('img/thumbnails.png') top left repeat-x #747376;
	z-index: 50;
}


#loader{
	display:block;
	width:16px;
	height:16px;
	margin:42px 0 0 42px;
}

#thumbnails img.tmb{
	width:90px;
	height:90px;
	margin:5px;
	cursor:pointer;
	display:inline-block;
}


input[type=text],input[type=button], textarea,button {
  border: 1px solid #1a171b;
}

button {
  color: #ffffff;
  font-size: 12px;
  background-color: #1a171b;
}



/*** /FOOTER ***/

a img{cursor: pointer;border:none;}
.hide{display: none;}
/*.clearer{zoom:1;overflow: hidden;}*/
.relative{position: relative;}

#sidebar a.sidebtn{
  display: block;
  color: #000;
  text-decoration: underline;
  padding: 5px 10px; 
}

#sidebar div.sidebtn{
  display: block;
  color: #000;
  text-decoration: underline;
  padding: 5px 10px; 
}

#sidebar a.sidebtn:hover {
  font-style: italic;
}