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;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	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: "" "";
}
html{
	height:100%;
}
body {
	background: url('images/background.jpg') repeat-y;
	color:#6C6D6F !important;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif !important;
	font-size:0.8em !important;
	min-width:1300px;
	width: auto !important;
	width:1300px;
}
body.links{
	background:none !important;
}
a {
	text-decoration:none;
	color:#6c6d6f;
}
#header {
	display:block;
	height:165px;
	background:url('images/headr.jpg') top right no-repeat;
}
#header h1 a {
	display:block;
	width: 374px;
	height: 131px;
	background: url('images/logo.png') no-repeat;
	text-indent:-9000em;overflow:hidden;
}
#header #navigation {
	left:420px;
	position:absolute;
	top:0;
	z-index:11;
	width:600px;
}
#header #navigation li {
	float:left;
	margin:0 5px 0 0;
	padding:6px 8px;
}
div.flike{
	position:absolute;
	left:405px;
	top:137px;
	padding:2px 6px !important;
	background:none;
	margin:0 0 0 8px;
}
div.flike iframe{
	width:80px !important;
}

#header #navigation li.selected {
	background:#99CCDB none repeat scroll 0 0;
	color:#fff;
}
#header #navigation li.selected a {
	color:#fff;
}
#header #navigation li a {
	display:block;
	color:#3F3F3F;
}
#filterbut{
	position:absolute;
	top:144px;
	left:40px;
	height:21px;
	width:72px;
	background:url(images/filterbg.png) 0 0 no-repeat;
}
#filterbut a{
	height:21px;
	width:72px;	
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
#filter{
	position:absolute;
	top:165px;
	left:40px;
	height:116px;
	width:116px;
	background:url(images/filterbbg.png) 0 0 no-repeat;
	z-index:9999;
	padding:8px;
	display:none;
}
#filter ul{
	margin:6px 0 0 4px;
}
#filter ul li{
	margin:0 0 3px 0;
}
#scroller {
	overflow:hidden;
	left:0;
	margin:10px 0;
	width:160px;
	position:relative;
}
#scroller a:hover img {
	border:3px solid #99CCDB;
	padding:0 !important;
}
#sidebar {
	float:left;
	background: url('images/menubot.png') no-repeat;
}
#sidebar #scroller ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 11px;
	padding:0;
	top:0;
	width:150px;
	margin:-15px 0 -15px 11px;
}
#sidebar #scroller ul li {
	cursor:pointer;
	display:block;
	height:49px;
	/*margin-bottom:16px;*/
	margin:15px 0;
	overflow:hidden;
	width:136px;
}
#sidebar #scroller ul li a {
	display:block;
	margin-bottom:5px;
}
#sidebar #scroller ul li a img {
	display:block;
	padding:3px;
}
#sidebar #scroller ul li a:focus img{
	border:3px solid #99ccdb;
	padding:0;
}

.menu_tooltip {
	background:#000 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin-bottom:-20px;
	padding:6px;
	position:absolute;
}

#content {
	float:left;
}

#content h2 span, #linkwrapper h2 span {
	background:#99CCDB none repeat scroll 0 0;
	color:#FFFFFF;
	padding:3px 8px;
	font-size:2em;
	margin:0 0 3px 12px;
	display:inline-block;
}
#content h3 span {
	font-size:1.5em;
	margin:3px 0 20px 12px;
	background:#3F3F3F none repeat scroll 0 0;
	color:#FFFFFF;
	padding:5px 8px;
	display:inline-block;
}
#content h4 {
	color:#99CCDB;
	font-size:16px;
	font-weight:900;
	margin-bottom:4px;
	display:block;
}
ul#share-them{
	margin:10px 0 0 20px;
}
ul#share-them li{
	height:14px;
	width:14px;
	margin-right:10px;
	float:left;
}
ul#share-them .twittericon{
	background:url('images/itwitter.jpg') no-repeat left;
}
ul#share-them .facebookicon{
	background:url('images/ifacebook.jpg') no-repeat left;
}
ul#share-them .deliciousicon{
	background:url('images/idelicious.jpg') no-repeat left;
}
ul#share-them li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
p, h4 {
	padding:0 20px;
}
p {
	margin-bottom:20px;
	line-height:16px;
}
#content p a{
	text-decoration:underline;
}
.hidden {
	display:none;
}
#project-info {
	float:left;
	width:220px;
}
#big-image {
	background:transparent url(images/shadow.gif) no-repeat scroll right bottom;
	display:block;
	float:left;
	max-width:800px;
	max-height:800px;
	margin: 0px 0 0 40px !important;
	margin: 10px 0 0 5px;
	position:relative;
}
#big-image div.fake {
	background: url(images/shadow2.png) no-repeat left top !important;
	background: url(images/shadow2.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}
#big-image img {
	position:relative;
	z-index:1;
}
#big-image .loader {
	background: url('images/loading.gif') no-repeat center;
	display:block;
	width:700px;
	height:550px;
	position:absolute;
	z-index:0;
}
#overlaypage{
	position:fixed;
	top:0;
	left:0;
	min-height:100%;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background:url(images/aboutbg.png);
	background-attachment:fixed;
	z-index:10;
	display:none;
}
#about, #information, #twitter{
	position:absolute;
	top:170px;
	display:none;
	z-index:11;
	left:0px;
}
#about h2, #information h2{
	font-size:1.8em;
	color:#99ccdb;
	margin:0 0 15px 0;
}
#about #close, #information #closeme{
	position:absolute;
	z-index:14;
	left:558px;
	height:21px;
	width:21px;
	cursor:pointer;
	display:none;
}
#about #close{
	left:837px !important;
}
#closeme{
	left:752px !important;
}
#aboutusblock, #informationblock{
	position:absolute;
	height:380px;
	width:300px;
	padding:15px;
	left:50px;
	background:#fff;
	line-height:18px;
	display:none;
}
#informationblock{
	height:332px !important;
}
#aboutusblock p, #informationblock p{
	margin-bottom:16px;
	padding:0 !important;
}
#graphicblock{
	position:absolute;
	height:134px;
	width:141px;
	padding:15px;
	left:384px;
	background:#fff;
	line-height:18px;
	display:none;
}
#workingonblock{
	position:absolute;
	height:210px;
	width:160px;
	padding:15px;
	left:559px;
	background:#fff;
	line-height:18px;
	display:none;
}
#locationblock{
	position:absolute;
	height:102px;
	width:141px;
	padding:15px;
	left:662px;
	background:#fff;
	line-height:18px;
	display:none;
}
#contactblock{
	position:absolute;
	height:160px;
	width:244px;
	padding:15px;
	top:136px;
	left:662px;
	background:#fff;
	line-height:18px;
	display:none;
}
#romboutblock{
	position:absolute;
	height:131px;
	width:244px;
	padding:15px;
	left:384px;
	background:#fff;
	line-height:18px;
	display:none;
}
#wouterblock{
	position:absolute;
	height:131px;
	width:254px;
	padding:15px 5px 15px 15px;
	top:165px;
	left:384px;
	background:#fff;
	line-height:18px;
	display:none;
}
#internblock{
	position:absolute;
	height:131px;
	width:254px;
	padding:15px 5px 15px 15px;
	top:330px;
	left:384px;
	background:#fff;
	line-height:18px;
	display:none;
}
#romboutblock img.display, #wouterblock img.display, #internblock img.display{
	float:left;
	width:100px;
	margin:0 10px 0 0;
}
#romboutblock ul, #wouterblock ul, #internblock ul{
	float:left;
	width:133px;
}
#romboutblock ul li, #wouterblock ul li, #internblock ul li{
	float:left; 
	margin-left:4px;
}
#romboutblock p, #wouterblock p{

}
#interactiveblock{
	position:absolute;
	height:118px;
	width:141px;
	padding:15px;
	top:168px;
	left:384px;
	background:#fff;
	line-height:18px;
	display:none;
}
.inputr{
	border:none;
	width:232px;
	height:16px;
	background-color:#6c6d6f;
}
.textr{
	border:none;
	width:232px;
	height:31px;
	background-color:#6c6d6f;
}
.button{
	text-indent:-9999px;
	height:21px;
	width:41px;
	background:url(images/send.jpg);
	overflow:hidden;
	border:none;
	cursor:pointer;
}
.butarea{
	text-align:right;
	margin-right:4px;
}
.hidden{
	display:none;
}
input, textarea
{
	color:#fff;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 0.8em;
	padding:4px;
	margin-bottom:4px;
}
/*twitter part*/
#app{
	position:absolute;
	top:40px;
	left:50px;
	display:none;
}
#app ul li{
	line-height:18px;
	padding:10px;
	width:300px;
	margin:0 4px 4px 0;
	background:#fff;
}
 #followus{
	position:absolute;
	z-index:14;
	left:271px;
	height:36px;
	width:100px;
	display:none;
}
#closetwit{
	position:absolute;
	z-index:14;
	top:40px;
	left:373px;
	height:21px;
	width:21px;
	cursor:pointer;
	display:none;
}
noscript p{
	padding:32px;
	margin-bottom:32px;
	background:#999;
	color:#fff;
	line-height:18px;
}
noscript p a{
	color:#99ccdb;
}
#preloader{
	display:none;
}
.faker{
	position:fixed; 
	bottom:0; 
	right:0; 
	width:526px; 
	margin-left:390px;
	height:323px; 
	background: url('images/footr.png') no-repeat; 
	z-index:-2; 
}
#linkwrapper{
	margin:100px 0 0 100px;
}
#linkwrapper ul{
	float:left;
	margin:10px 22px 0 20px;
	line-height:21px;
}
#linkwrapper a{
	color:#99CCDB;
	text-decoration:underline;
}
#footer{
	position: fixed;
	text-align:center;
	z-index:-1; 
	font-size:10px;
	width: 650px;
	bottom:0;
    left:50%;
    margin-left:-325px;
}
#footer a{
	color:#99CCDB;
}
.nolink{
	text-decoration:none !important;
}