body {
	margin:0;
	padding:0;
	background: #ECEDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #7e3e18;
}
img {border:0}
/*
.tooltip {
	font-size: xx-small;
	text-align:center;
}*/
h3 {
	text-decoration:underline;
}


/*** LINK ***/
.klikme {
	color: #7e3e18;
	font-weight: bold;
	text-decoration: none;
}
.klikme link, visited{
	text-decoration: underline;
	color: #7e3e18;
	font-weight: bold;
}
.klikme:hover {
	text-decoration: underline;
	color: #A1A256;
	font-weight: bold;
}


/**** LAYOUT ****/
#centercontent {
	text-align: center;
	/*margin-top: -300px;*/
	margin-left: -402px;
	position: absolute;
	/*top: 50%;*/
	left:50%;
}
#clement {
	width: 840px;
}
#clementprint {
	margin-left:15px;
}
#top {
	width: 840px;
	height:120px;
	background: url(../images/bkg_top.gif) repeat-y;
}
#toppics {
	width:840px;
	background: url(../images/bkg_toppick.gif) repeat-y;
	text-align: right;
	font-size: small;
}
#content {
	width: 804px;
	background-color: #ECEDDD;
	text-align: left;
}
#footer {
	float:left;
	width: 840px;
	height: 60px;
	background-color: #7B4718;
	text-align: center;
}
#container {
	width: 804px;
}

/**** NAV & LOGO ****/
#logo {
	float:left;
	margin-left: 23px;
	margin-top: 97px;
}
#topnav {
	float:right;
	height:42px;
	margin-top: 41px;
	margin-right: 26px;
}
*html #topnav {
	float:right;
	margin-top: 41px;
	margin-right: 15px;
}
.navspace {
	margin-left:10px;
}
.wlcmspace {
	margin-right:5px;
	float:left;
}

.navcontainer {
	float:right;
	width:468px;
	height:42px;
	margin-top:41px;
	margin-right:26px;
	text-align:right;
}
*html .navcontainer {
	float:right;
	width:468px;
	height:42px;
	margin-top:41px;
	margin-right:15px;
	text-align:right;
}



/*** FOOTER ***/
.info {
	margin-top: 15px;
}


/*** HOME ***/
#c-home {
	text-align: right;
	padding-top: 35px;
	padding-right: 80px;
	padding-bottom: 15px;
}

/*** CONTACT ***/
#contactleft {
	width:169px;
	float:left;
	text-align: left;
	font-size:smaller;
	padding: 30px 0 20px 17px;
}
#contactcenter {
	width:377px;
	float:left;
	padding: 30px 0 20px 0;
	/*padding-bottom:10px;
	padding-top: 30px;*/
}
#contactright {
	width:216px;
	float:left;
	text-align:left;
	font-size: smaller;
	padding: 30px 25px 20px 0;
}
.printme {
	padding-top:150px;
	text-align:center;
	font-weight:bold;
}
.printme a, a:visited, a:link{
	color: #7e3e18;
	text-decoration:none;
}
.printme a:hover{
	color: #7e3e18;
	text-decoration:underline;
}
.legend {
	float:left;
	font-weight:bold;
	margin-bottom:5px;
}
.legend01 {
	width:15px;
	height:15px;
	float:left;
	background-color:#422872;
}
.legend02 {
	width:15px;
	height:15px;
	float:left;
	background-color:#4c9bc6;
}
.legendteks {
	float:left;
	margin-left:5px;
	/*padding-top:5px;*/
}
#legendprint {
	clear:both;
	margin-top:5px;
	font-weight:bold;
	font-size:smaller;
}
#direction {
	clear:both;
	text-align:left;
}

/*** IDENTITY ***/
#idleft {
	width:500px;
	float: left;
	text-align: left;
	font-size: smaller;
	padding-top: 40px;
	padding-left: 20px;
}
#idleft ul{
	padding-left:10px;
}
*html #idleft ul{
	margin-left:5px;
}
#idright {
	width: 600px;
	float: left;
	text-align: left;
	font-size: smaller;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 210px;
}
#idfoot {
	/*width: 100%;*/
	float: left;
	/*padding-top: 15px;*/
	padding-left: 32px;
	padding-bottom: 20px;
}
.quote {
	text-align: right;
	font-weight: bold;
}


/*** SERVICES ***/
#servcontainer {
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 30px;
	font-size: smaller;
}
#servtop {
	width:100%;
	text-align: left;
	padding-bottom:20px;
}
#servleft {
	width: 34%;
	float:left;
	text-align: left;
}
#servleft ul{
	padding-left: 12px;
}
*html #servleft ul{
	margin-left: 5px;
}
#servcenter {
	width: 33%;
	float:left;
	text-align: left;
}
#servcenter ul{
	padding-left: 12px;
}
*html #servcenter ul{
	margin-left: 5px;
}
#servright {
	width: 33%;
	float:left;
	text-align: left;
}
#servright ul{
	padding-left: 12px;
}
*html #servright ul{
	margin-left: 5px;
}
#servbottom {
	float: left;
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
}
#servbottom p{
	background-color: #E3E8C9;
	border: 2px solid #A4AD78;
	margin-left:150px;
	padding: 10px;
	width: 300px;
	text-align: justify;
	color: #669900;
}
*html #servbottom {
	float: left;
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
}
*html #servbottom p{
	background-color: #E3E8C9;
	border: 2px solid #A4AD78;
	padding: 10px;
	width: 300px;
	text-align: justify;
	color: #669900;
}
.goright {
	font-weight: bold;
	/*float:right;*/
}



/*** PROJECTS ***/
#projcontainer {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
	font-size: smaller;
}
.projtop {
	width:100%;
	text-align: left;
	margin-bottom:5px;
}
.projleft {
	width: 25%;
	float:left;
	text-align: left;
	padding-left: 80px;
}
.projleft ul{
	padding-left: 12px;
}
*html .projleft ul{
	margin-left: 5px;
}
.projcenter {
	width: 25%;
	float:left;
	text-align: left;
}
.projcenter ul{
	padding-left: 12px;
}
*html .projcenter ul{
	margin-left: 5px;
}
.projright {
	width: 35%;
	float:left;
	text-align: left;
}
.projright ul{
	padding-left: 12px;
}
*html .projright ul{
	margin-left: 5px;
}
.publication {
	clear:both;
	font-weight:bold;
}
.publicationleft {
	width:85px;
	float:left;
	padding-right:5px;
}
.publicationright {
	width:200px;
	float:right;
}
.duacols_kiri {
	width:180px;
	padding-right:0px;
	padding-bottom: 10px;
	float: left;
	text-align: left;
}
.duacols_kanan {
	float:right;
	width:580px;
	text-align: left;
	margin-left:0px;
	padding-bottom: 20px;
	padding-right: 50px;
}
.artist {
	line-height: 15px;
}
.stephenson {
	float: left;
	text-align: left;
	letter-spacing: 5px;
	width:650px;
	margin-left: 80px;
	padding-left:70px;
	padding-bottom: 20px;
}
*html .stephenson {
	float: left;
	text-align: left;
	letter-spacing: 5px;
	width:650px;
	margin-left: 40px;
	/*padding-left:70px;*/
	padding-bottom: 20px;
}
.telegraph {
	float:left;
	text-align: left;
	width: 600px;
	margin-left: 80px;
	padding-left: 0px;
	letter-spacing: 0px;
}
*html .telegraph {
	float:left;
	text-align: left;
	width: 600px;
	margin-left: 40px;
	/*padding-left: 70px;*/
	letter-spacing: 5px;
}
.sutherland {
	float:left;
	text-align: left;
	width: 90%;
	padding-left: 151px;
	letter-spacing: 5px;
}
.sobelleft {
	/*background-color:White;*/
	float: left;
	width: 28%;
	padding-top: 30px;
	padding-right: 31px;
	padding-bottom: 20px;
	text-align: right;
}
.sobelright {
	float: left;
	width: 66%;
	text-align: left;
	font-size: smaller;
	color: #7E3E18;
	padding-top: 30px;
	padding-bottom: 20px;		
}
.lauerleft {
	float: left;
	width: 28%;
	padding-top: 30px;
	padding-right: 31px;
	padding-bottom: 20px;
	text-align: right;
}
.lauerright {
	float: left;
	width: 66%;
	text-align: left;
	font-size: smaller;
	color: #7E3E18;
	padding-top: 30px;
	padding-bottom: 20px;
}
/*** BIO ***/
#biophoto {
	/*background-color:White;*/
	float: left;
	width: 28%;
	padding-top: 30px;
	padding-right: 31px;
	padding-bottom: 20px;
	text-align: right;
}
#bioteks {
	float: left;
	width: 66%;
	text-align: left;
	font-size: smaller;
	color: #7E3E18;
	padding-top: 30px;
	padding-bottom: 20px;
}

#bioteks ul{
	margin-top: -9px;
	padding-left: 14px;
}
*html #bioteks ul{
	margin-top: 2px;
	margin-left: 5px;
}
.photo {
	border: 10px solid #6F4630;
}
#clementprojects {
	width: 840px;
}
.picturesLeftTelegraph {
	width:840px;
	padding-right:0px;
	padding-bottom: 15px;
	float: left;
	text-align: left;
}
.picturesRightTelegraph {
	width:400px;
	padding-right:0px;
	padding-bottom: 10px;
	float: right;
	text-align: right;
	left: 420px;
	padding-left: 0px;
}
.projectstop {
	float:left;
	width:620px;
	text-align: left;
	margin-left:0px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 80px;
}
.duacols_kanan2 {
	float:right;
	width:500px;
	text-align: left;
	margin-left:0px;
	padding-bottom: 20px;
	padding-right: 50px;
	padding-left: 80px;
	line-height: 13px;
}