
	body{
		background-color: #383a3d;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
		color: #FFF;
		
	}
	
	#wrapper {
		margin: 0 auto;
		margin-top: 25px;
		width: 990px;
		background-color: #484E4A;
		background-image: url('/files/layout/container_bg_left.jpg');
		background-repeat: repeat-y;
		background-position: left;
	}
	
	#header{
		height: 148px;
		background-color: #FFF;
		position: relative;
	}
	
		#header .flower{
			position: absolute;
			top: 0px;
			right: 0px;
			width: 690px;
			height: 149px;
			background-image: url('/files/layout/flower_01.jpg');
			background-repeat: no-repeat;
		}
		
		#header .logo{
			background-image: url('/files/layout/logo.jpg');
			background-repeat: no-repeat;
			background-position: 0 8px;
			width: 250px;
			height: 148px;
			position: absolute;
			top: 0px;
			left: 22px;
		}
		
		#header .logo a{display: block; width: 250px; height: 118px;}
	
	#bar{
		height: 34px;
		background-color: #313633;
		background-image: url('/files/layout/flower_02.jpg');
		background-repeat: no-repeat;
		background-position: 432px 0px;
		z-index: 10;
	}
	
		#bar a			{color: #FFF; text-transform: uppercase; letter-spacing: 1px;}
		#bar .item		{width: 149px; height: 25px; text-align: center; border-right: 1px solid #FFF; float: left; padding-top: 9px;}
		#bar .item.p1	{background-image: url('/files/layout/white_line.jpg'); background-repeat: no-repeat; background-position: left;}
		#bar .item.p3	{border: 0px;}
		
	#contents{
		width: 690px;
		float: left;
		background-image: url('/files/layout/bg.jpg');
		background-repeat: repeat-x;
		background-position: 100% 0;
		background-color: #484e4a;
		min-height: 470px;
		height: auto !important;
		height: 470px;
		position: relative;
		z-index: 10;
		
	}
	
		#contents .search{
			width: 172px;
			height: 42px;
			background-image: url('/files/layout/search.jpg');
			position: absolute;
			top: -32px;
			right: 5px;
			z-index: 100;
			
		}
	
		#contents .text{
			background-image: url('/files/layout/flower_03.jpg');
			background-repeat: no-repeat;
			background-position: 140px 0;
			padding: 10px;
			min-height: 50px;
			z-index: 300;
		}
		
		#contents .menu-items{
			margin: 30px 0 0 12px;
		}
		
		
		/* splitsing */
		
		.left-container{
			float: left;
			width: 250px;
			min-height: 100px;
			height: auto !important;
			height: 100px;
		}
		
		.right-container{
			float: right;
			min-height: 100px;
			width: 410px;
		}
		
		
				
		.menu-items a.level0		{color: #FFF; display: block; line-height: 160%; letter-spacing: 1px; padding-left: 20px;}
		.menu-items a.level0:HOVER	{background-image: url('/files/layout/dot.jpg'); background-repeat: no-repeat; background-position: 5px 7px;}
		.menu-items a.level0.active	{background-image: url('/files/layout/dot.jpg'); background-repeat: no-repeat; background-position: 5px 7px;}
		
		.menu-items a.level1		{padding-left: 40px; color: #EEEEEE; font-size: 0.9em;}
		.menu-items a.level1.active	{background-image: url('/files/layout/dot.jpg'); background-repeat: no-repeat; background-position: 25px 5px;}
		.menu-items a.level1:HOVER	{background-image: url('/files/layout/dot.jpg'); background-repeat: no-repeat; background-position: 25px 5px;}
		.menu-items a.last			{line-height: 160%;}
		
		
		#contents .image{
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
		
		#contents .links{
			float: left;
			margin: 50px 0 0 75px;
			width: 300px;
			position: relative;
		}
		
			.links .link{
				position: relative;
				width: 270px;
				height: 55px;
				border: 1px dashed #c8c9c8;
				margin: 0 0 5px 0;
				padding: 5px 0 0 3px;
				background-color: #313633;
			} 
			.links .link a{
				position: absolute;
				top: 20px;
				left: 90px;
			}
	
	#menu{
		background-image: url('/files/layout/menu_bg.jpg');
		background-repeat: repeat-x;
		background-position: 100% 0;
		background-color: #323733;
		width: 300px;
		min-height: 470px;
		float: left;
	}
	
		#menu .text		{color: #000000; padding: 10px; min-height: 330px; height: auto !important; height: 350px; line-height: 150%;}
		#menu .address 	{padding: 10px; font-size: 11px; line-height: 150%;}
		#menu .text a	{background-color: #353a37; padding: 3px;}
		#menu .text h2	{background-color: #353a37; padding: 3px;}
	
	/* Projects */
	
	.projects{
		margin: 80px 0 0 0px;
	}
	
	.forms{
		margin-top: 50px;
	}
	
	
	/* GENERAL */
	h1				{color: #79a22c; font-size: 15px;}
	h2				{color: #79a22c; font-size: 14px;}
	.clear 			{clear: both;}
	a				{text-decoration: none; color: #79a22c;}
	a:HOVER			{color: #79a22c;}
	a img			{border: 0px;}
	
	.copy			{width: 990px; margin: 0 auto; height: 22px; position: relative;  background-image: url('/files/layout/schadow.jpg'); background-repeat: repeat-x;}
	.copy a.comsult	{color: #6e7270; font-size: 10px; position: absolute; top: 3px; right: 10px;}
	
	.copy .keywords_landing{position: absolute; top: 3px; left: 5px; width: 500px;}
	
	
	
	
	/* login */
	
	.login {display: none;}
	
	.search fieldset		{border: 0px;}
	.search input			{
		border: 0px; 
		width: 125px; 
		position: absolute; 
		top: 8px; 
		left: 3px; 
		height: 15px; 
		padding: 3px 0 0 3px;
		color: #666;
		background: transparent;
		font-size: 11px;
		letter-spacing: 1px;
		color: #79a22c;
	}
	
	.search button{
		width: 39px;
		height: 38px;
		position: absolute;
		top: 3px;
		right: 3px;
		background: transparent;
		cursor: pointer;
		border: 0px;
	}	

/* aform */


	form.aform tbody.header td 		{padding-top: 10px; color: #79A22C; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
	form.aform tbody.sub-header td 	{color: #ccc; text-transform: none; word-spacing: 1px; letter-spacing: 1px;}

	form.aform input,textarea 		{border: 1px solid #666; font-size: 1.2em; width: 300px;}
	form.aform input.small-text		{width: 75px;}
	form.aform textarea				{height:100px;}
	form.aform .feedback			{color: #FF0000;}
	
	form.aform input.input-checkbox{
		border: 0px;
		width: 20px;
		height: 20px;
		margin-left: -4px;
		padding: 0px;	
	}
	
	form.aform input.input-radio{
		width: 20px;
		border: 0px;
		margin-left: -2px;
	}

	form.aform td {padding:3px 5px;}
	form.aform input[type="submit"]{
		padding: 0px; 
		height: 22px;
		border: 0px;
		color: #FFF;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #79A22C;
	}
	
	form.aform .error {background-color: #ffffbb;}
	

/* landing */




	div#keywords_title {position: absolute; top: 3px; left: 5px; font-size: 11px; color: #CCC;}
	div#keywords_words {position: absolute; bottom: 40px; left: 40px; padding: 10px 0px 10px 10px; background-color: white; border: 1px dotted gray; color: #000;}
	div#keywords_words.keys {display: none;}
	div#keywords_words div {float: left; margin: 0px 10px 0px 0px;}
	div#keywords_words a{
		color: #666;
		line-height: 160%;
		font-size: 11px;
	}
	
	div#keywords_words a:HOVER{color: #000;}

/* projects */


	.projects-pictures		{margin: 20px 0 0 280px; width: 290px;}
	
	.projects-pictures img	{float: left; margin: 0 15px 15px 0;}

	.categories.margin		{margin-top: 70px;}
	.categories				{margin: 20px 0 0 0;}
	.categories	a			{color: #FFF;}
	.categories	a:HOVER		{color: #79A22C;}
	
	
	.project-categorie{
		width: 120px;
		height: 120px;
		position: relative;
		float: left;
	}

	.projects 				{margin: 60px 0 0 0}
	.projects .project		{float: left; margin: 5px 10px 10px 0; width: 100px; height: 130px;}
	.projects .project img	{width: 100px; height: 100px;}
	
	.projects a				{color: #FFF;}
	.projects a:HOVER		{color: #79A22C;}
	
	.replace-image			{width: 100px; height: 100px;}
	.categorie-nav			{margin: 50px 0 0 210px;}


	.project-container		{ width: 200px; background-color: yellow;}
	
	/* project detail */
	
	.project-detail{padding-top: 70px; min-height: 50px;} 
	.project-detail .project-images{
		margin: 15px 0 0 0;
	}
	
	.project-detail .project-images img{
		margin: 10px 10px 0 0;
	}

/* protoload */

.waiting {
	background-image:url('/plugins/protoload/files/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/plugins/protoload/files/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/plugins/protoload/files/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/plugins/protoload/files/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

/* search */

/* added to style.css because it is not auto included */

	.search fieldset		{border: 0px;}
	.search input			{
		border: 0px; 
		width: 125px; 
		position: absolute; 
		top: 8px; 
		left: 3px; 
		height: 15px; 
		padding: 3px 0 0 3px;
		color: #666;
		background: transparent;
		font-size: 11px;
		letter-spacing: 1px;
		color: #79a22c;
	}
	
	.search button{
		width: 39px;
		height: 38px;
		position: absolute;
		top: 3px;
		right: 3px;
		background: transparent;
		cursor: pointer;
		border: 0px;
	}