/* Colours */
body { background: #FFF; /*overflow:hidden;Needed to eliminate scrollbars*/ }
a { color: #000; text-decoration: none; }

em { color: #999; }
em a { color: #666; }
em.background { color: #BBB; }

/* Typography */
* {
	color:#111;
	font-family: "Helvetica Neue", "Helvetica", helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	text-align: left; }

ul li, p, em {
	font-size: 12px;
	font-style: normal;
	letter-spacing: -0.01em;
	text-align:left;
}
h1 { 
	font-size: 16px; 
	font-weight: 500; }
h2 {
	font-size: 13px;
	font-weight: normal; } 
h3 { 
	font-size: 14px; 
	font-weight: bold;
	padding:15px 0 25px; }
	h3 a { color:#FFF;}
h4 { 
	font-size: 13px; 
	font-weight: normal; 
	margin:5px 0;
	padding:0;
	line-height:normal;}
ul.menu li ul li ul li a, ul.news li a {
	font-size:11px;
	font-weight:normal;
}	

strong { font-weight: bold; }
.toolong { letter-spacing:-0.3px;}
.quote { font-size:14px; padding: 20px 0 0 25px; vertical-align: bottom;}
.email a {
	font-weight:300;
	color: #000;
	text-decoration:none; }
	.email a:hover {
		color: #999; }
.text p, .projecttext p,.text { 
	color:#333;
	font-size:12px;
	line-height:normal;
	text-align:justify; }
.contact { font-size:10px;}
.nng, .nng a {color: #666;}
	.nng a:hover {color:#333;}
	
/* Layout */
body { padding: 10px 0 40px; text-align: center; margin:0;}
div#container { margin: 0 auto -20px; padding: 0; text-align: left; }
div#header { margin: 30px auto 10px; height: 80px; vertical-align: baseline; }
div#leftcolumn {
	height: 455px;
	float: left;	
	margin:0;
	padding:0;
	position:relative;
}
div#network { 
	height: 62px; 
	float:left; 
	background:url(../images/plus.gif) no-repeat left top scroll;
	position:absolute;
		bottom:0;}
	div#network img { margin: 30px 4px 0 0;}
div#content {
	margin: 10px 0 0;
	float: left;
}
div.wrap {
	height:460px;	
	float:left;
	margin:0;
	padding:0;	
	position:relative; }
div.introduct {
	height:380px;		
	float:left;
	background-color:#FF0;
	margin:0 0 20px;	
	position:relative; }
div.description {
	height:130px;	
	background-color:#FF0;
	padding:0 10px 10px;
	position:relative;
	display:block;}
div#scrollLinks { float:right; margin:10px 10px 0; }
div.text, div.projecttext { 
	float:left; 
	padding:0 10px 20px;}
div.projecttext { background-color:#FF0; min-height:280px; width:227px; }
div.gallery {
	float: left;
	width: 500px;
}
div#footer, div#push { clear: both; height: 20px; border: none; }
div#footer {
 	/* border-top:1px solid #FFF;*/
	padding-top: 15px;
	margin: auto;
	font-size: 10px;
	font-weight:500;
	line-height: 12px;
}
.logo {
	float:left;
	width:420px;
	margin:30px 0 0;
}
.quote {
	float: right;
	margin: 0;
	min-height:35px;
	background:url(../images/plus.gif) no-repeat left top scroll;
}

.one { width: 175px; } /* use*/
.two { width: 227px; } /* use*/
.three {width: 247px; } /* use*/
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 500px; } /* use*/
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 747px; }
.eleven { width: 860px; }
.twelve { width: 922px; } /* use*/

/*	According Menu */
ul.menu {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 175px;
}
ul.menu ul {
  list-style-type:none;
  position:relative;
	left:5px;
  margin: 0;
  padding: 0;
  width: 160px;
}
ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {	
  margin-top: 5px;
}

ul.menu li a {
  background:url(../images/bulletbg.jpg) no-repeat left top scroll;
  height:28px;
  line-height:28px;
  margin:10px 0 0;
  padding: 0 0 0 10px;
}

ul.menu li a:hover {
	background:url(../images/bulletbg_h.jpg) no-repeat left top scroll;

}
/*	1st level sub menu */
ul.menu li ul li {
	position:relative;
	left:5px;
	width:155px;
}
ul.menu li ul li a {
	color: #000;
	background:none;
	height:auto;
	line-height:normal;
	margin:0;
	padding-left: 3px;
}
ul.menu li ul li a:hover {
	background:#FF0;
}
/*	2nd level sub menu */
ul.menu li ul li ul li {
	position:relative;
	left:5px;
	width:145px;
	margin-top:2px;
}

#slider {
	height:400px;
	margin:0;
	padding:0;
	position:relative;}
/* easyscroll */
#easyscroll{
	margin:0;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	#easyscrollnav, #easyscrollnav li{
		height:28px;
		line-height:28px;
		margin:0;	
		padding:0;
		}	
	#easyscrollnav{
		margin:0;
		position:absolute;
		top:410px;
		left:180px;
		width:60px;}			
	#easyscrollnav li{
		list-style:none;
		float:left;
		width:20px;
		height:20px;
		margin-left:5px;
		padding:0 5px 0 0;
		cursor:pointer;
		text-indent:-9000px;
		}					
	#easyscrollnav li.over{
		color:#999;
		text-decoration:underline;
		}						
#easyscrollnav #btnUp {
background:url(../images/up.gif) top left no-repeat !important;
}
#easyscrollnav #btnDown {
background:url(../images/dn.gif) top left no-repeat !important;
width:20px;
height:20px;
}
#easyscrollnav #btnReset {
background-image:url(../../images/btnReset.gif) !important;
}