body {background-color: #504b5a; font-family: arial, helvetica, sans-serif; font-size: 13px; padding: 0; margin: 0;}
	img {border: 0px;}
	h1,h2 {color: #f3b91d;}
	h1{font-size: 20px;}
	h2{font-size: 16px;}
	
	a {text-decoration: none; color: #f3b91d;}

	div#top,div#background,div#bottom{width: 975px;margin: 0 auto;}
	
/*	div#top{height: 127px;background-image: URL('/files/layout/top.jpg');}
	*/
	
	#top{
		background-image: url('/files/layout/header_new5.jpg');
		background-repeat: no-repeat;
		background-position: 2px 0px;
		height: 134px;
		position: relative;
	}

	
	#background .button{
		width: 173px;
		height: 40px;
		color: #000;
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: bold;
		text-align: center;
		margin-top: 10px;
	}
		#background .button a{
			padding-top: 10px;
			display: block;
			width: 173px;
			height: 40px;
			background-image: url('/files/layout/top_button.jpg');	
			background-repeat: no-repeat;
			color: #000000;
		}
		#background .button a:HOVER		{background-image: url('/files/layout/top_button_hover.jpg'); color: #FFF;}
		#background .button a.checked	{background-image: url('/files/layout/top_button_hover.jpg'); color: #FFF;}
			
	#background .design{
		position: absolute;
		top: 0px;
		right: 137px;
	}
	
	#background .maintenance{
		position: absolute;
		top: 0px;
		right: 315px;
	}
	
	#background .set-up{
		position: absolute;
		top: 0px;
		left: 308px; 
	}
	
	a.subitem {
		color: #504b5a;
		font-size: 14px;
		letter-spacing: 1px;
		padding-right: 20px;
		font-weight: bold;
	}
	
	a.subitem:hover{
		color: #F3B91D;
	}
	
	div#background{background-image: URL('/files/layout/bg.gif'); position: relative;}
	div#bottom{height: 177px;background-image: URL('/files/layout/bottom.gif'); position: relative;}

	div#menu{float: left; width: 145px;	margin: 20px 0px 0px 19px;}
	div#menu a.first{border-top: 1px solid #ada1c9;}
	div#menu a{border-bottom: 1px solid #ada1c9; text-decoration: none;display: block;color: white;font-weight: bold;padding: 4px 10px 4px 15px;}
	
	div#menu a.level1{border-bottom: 1px solid #ada1c9; border-top: 0px; font-weight: normal; padding-left: 30px;}
	div#menu a:hover{color: #f3b91d; background-image: URL('/files/layout/link_hover.gif'); background-repeat: no-repeat; background-position: 130px 50%;}
	div#menu a.active{color: #f3b91d; background-image: URL('/files/layout/link_hover.gif'); background-repeat: no-repeat; background-position: 130px 50%;}
	
	div#menu .contact-button{position: absolute; left:10px; margin-top: 15px;}
	div#menu .contact-button a{border:none;}
	
	div#contents_container{float: left; margin: 70px 20px 0px 70px; width: 710px; color: white; position: relative;}
	div#contents_container_contact{float: left; margin: 30px 20px 0px 70px; width: 710px; color: white; position: relative;}
	
	div#contents_text_and_images {margin: 0px 0px 20px 0px; }
	div#contents_text {float: left; width: 460px; }
	div#contents_text h1{margin: 0px 0px 16px 0px;}
	div#contents_images {float: left; width: 230px; margin-left: 20px;}
	div#contents_images img.right{border: 1px solid white;  margin: 0px 0px 10px 0px; height: 200px; width: 200px;}
	
	div#contents_form {float: left; width: 405px; }
	div#contents_form h1{margin: 0px 0px 16px 0px;}
	div#contents_right {float: left; width: 285px; margin-left: 20px;}
	div#contents_right img.right{border: 1px solid white;  margin: 0px 0px 10px 0px; height: 200px; width: 200px;}
	
	
	div.image {float: left; width: 150px; height: 250px; margin-top: 15px; text-align: center; margin: 0px 27px 20px 0px;}
	div.image img {width: 150px; height: 200px; font-size: 12px;}


	div.project_thumb {background-color: #7dcd9f; width: 420px;	margin: 0px 0px 20px 0px; height: 200px; padding: 0px 20px 0px 0px;}
	div.project_thumb h2 {font-size: 16px; margin: 0px 0px 6px 0px; color: #6A549D}
	div.project_thumb img {float: left; margin: 0px 20px 0px 0px; width: 200px; height: 200px;}
	div.project_thumb a{color: #6A549D; }

	div.project_thumb.small {height: 60px;}
	div.project_thumb.small img {float: left; margin: 0px 20px 0px 0px; width: 60px; height: 60px;}

	div#bottom div{position: absolute; color: white; bottom: 10px; right: 10px;}

	table {font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 13px; background-color: #3bb464;}
	input {border: 1px solid #504b5a; width: 350px;}
	textarea {border: 1px solid #504b5a;}

	div.project img {width: 170px; height: 130px;}
	
	div.project-categories-overview{
		width: 300px;
		height: 45px;
		background-color: #7ecda0;
		float: left;
		margin: 3px 40px 20px 0px;
		position: relative;
	}

	div.project-categories-overview a{color: #504b5a;}
	div.project-categories-overview a:hover{color: #2d2a45;}
	div.project-categories-overview a.url{position: absolute; bottom: 14px; left: 65px; letter-spacing: 1px;}	
	div.project-categories-overview img{position: absolute; top: 3px; left: 3px; border: 1px solid #EFEFEF; width: 50px; height: 37px;}	
	
	div.project-categories{
		float: left;
		background-color: #7ecda0;
		width: 114px;
		height: 100px;
		margin: 3px 20px 20px 0px;
		position: relative;
	}
	
	div.project-categories a{color: #504b5a;}
	div.project-categories a:hover{color: #2d2a45;}
	div.project-categories img{position: absolute; top: 5px; left: 7px}
	div.project-categories a.url{position: absolute; bottom: 1px; left: 5px; font-size: 11px}
	
	div.project-navigation{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 150px;
		background-color: #7ecda0;
	}
	
		div.project-navigation h2{
			color: #6a549d;
			font-size: 12px;
			width: 150px;
			border-bottom: 2px solid #3cb464;
			padding-left: 5px;
			padding-bottom: 5px;
		}
		
		div.project-navigation h3{
			padding: 5px;
			font-size: 12px;
		}
		
		div.project-navigation a{
			color: #504b5a;
			padding: 2px 0px 5px 15px;
			background-image: url('/files/layout/dot.gif');
			background-repeat: no-repeat;
			background-position: 5px 9px;
		}
		
		div.project-navigation a:hover{
			color: #2d2a45;
		}
		
	div.select-a-project-container{width: 550px;}
	div.select-a-project{float: left; width: 114px;}
	
	div.chosen-project img{
		width: 100px;
		height: 67px;
		float: left;
		margin: 3px 15px 15px 0px;
		background-color: #7ecda0;
		padding: 10px;
	}
	
	div.projectdescription{
		width: 520px;
	}
	
	.reference{
		background-color: #7ECDA0;
		padding: 10px 10px 25px 10px;
		margin: 10px 0;
		position: relative;
	}
	
	.reference a.next{
		position: absolute;
		bottom: 3px;
		right: 3px;
		color: #504B5A;
		text-decoration: underline;
	}
	
	.reference a.next:hover{color: #F3B91D;}
	
	.reference h2{
		margin: 0 0 7px 0;
		padding: 0;
		color: #6A549D;
		font-size: 14px;
	}
	
	/*
	img.left{
		float: left; 
		border: 1px solid white; 
		margin: 0px 15px 10px 0px;
	}

	div{
		text-align: left;
	}

		

*/