/*
-----------------------------------------------
Main styles (layout)
----------------------------------------------- */

/* Wrapper
----------------------------------------------- */
#wrapper {
	width: 880px;
	margin: 0 0 0 2.0em;
	text-align: left;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 0;
}


/* Header
----------------------------------------------- */

#header {
	margin: 0 0 0 2.0em;
	width: 880px;
}


/* Structural
----------------------------------------------- */

#main {
	width: 710px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	padding: 20px 20px 50px 20px;
	margin: 0 0 0 2.0em;
	clear: both;
	background: transparent url(../../images/structural/main_bg.png) top left repeat;
	}
	#main p {
		width: 710px;
		z-index: 210 !important;
	}

#footer {
	clear: both;
	padding: 0 0 0 0;
	width: 880px;
	height: 276px;
	margin: -4.5em 0 0 0;
}


/* Headings
----------------------------------------------- */

h1 {
	display: block;
	clear: both;
	color: #6ab245;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 0.7em 0;
	padding: 0;	
	}
	
h2 {
	color: #666666;
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.0em 0pt 0.3em 0;
	padding: 0;	
	}
	h2 a {
		font-weight: normal;
		text-decoration: none !important;
		}
		h2 a:hover {
			text-decoration: underline !important;
		}

h3 {
	color: #6ab245;
	font-size: 1.2em;
	font-weight: normal;
	margin: 1.2em 0 0.6em;
	padding: 0;	
	}

h4 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.4em 0 0.4em 0;
	padding: 0;
	}
		

/* Header
----------------------------------------------- */

#logo {
	display: inline;
	float: left;
	padding: 0;
	margin: 2.5em 0 0 0;
	width: 420px;
	height: 100px;
}

#grass {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 92px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(../../images/structural/grass.png) top left repeat-x;
	z-index: 1;
}

#top-right {
	display: inline;
	float: right;
	width: 200px;
	margin: 1.0em 10.4em 0 0; 
	color: #fff;
	text-align: right;
	}
	#top-right a {
		color: #fff;
		font-size: 0.9em;
	}
	
	

/* Footer
----------------------------------------------- */

#footer p, #footer ul {
	color: #aaa;
	font-size: 0.9em;
	margin: 1.5em 0 0 0;
}

#footer a {
	position: relative;
	color: #aaa;
	z-index: 100;
}

#footer #copyright {
	display: inline;
	float: left;
	width: 174px;
	margin-left: 30.0em;
	}
	#footer #copyright a {
		color: #aaa;
	}

#footer ul {
	display: inline;
	float: left;
	width: 270px;
}

#footer ul li {
	display: inline;
	float: left;
	margin-right: 0.7em;
	}
	
#footer #cow {
	position: absolute;
	display: inline;
	left: 0;
	margin: 1.5em 0 0 0;
	padding: 0;
	line-height: 0.7em;
	width: 346px;
	height: 276px;
}

#footer #sign {
	position: absolute;
	display: inline;
	margin: 0 0 0 -4.0em;
	padding: 0;
	line-height: 0.7em;
	width: 160px;
	height: 204px;
	z-index: 0;
}
	

/* Navigation
----------------------------------------------- */

#navigation {
	width: 750px;
	display: inline;
	float: left;
	margin: 0 0 0 0;
}

#navigation ul {
	width: 750px;
	height: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	#navigation ul li {
		display: inline;
		float: left;
		height: 41px;
		padding: 0;
		list-style: none;
		margin: 0 0.3em 0 0;
		padding: 0 0 0 0;
		text-align: center;
		}
		#navigation li a {
			display: block;
			float: left;
			margin: -0.8em auto 0;
			height: 41px;
			padding: 0;
			color: #fff;
			font-weight: normal;
			font-size: 1.0em;
			text-decoration: none;
			}
			#navigation li a:hover {
				color: #8db8fd;
			}
		
		#navigation ul li#nav-home {
			width: 73px;
			margin-right: 0.4em;
			}
			#navigation ul li#nav-home a {
				width: 73px;
			}
		#navigation ul li#nav-about {
			width: 73px;
			margin-right: 0.4em;
			}
			#navigation ul li#nav-about a {
			width: 73px;
			}
		#navigation ul li#nav-news {
			width: 67px;
			margin-right: 0.4em;
			}
			#navigation ul li#nav-news a {
			width: 67px;
			}
		#navigation ul li#nav-consultancy {
			width: 109px;
			margin-right: 0.4em;
			}
			#navigation ul li#nav-consultancy a {
				width: 109px;
			}		
		#navigation ul li#nav-products {
			width: 96px;
			margin-right: 0.4em;			
			}
			#navigation ul li#nav-products a {
				width: 96px;
			}
		#navigation ul li#nav-library {
			width: 81px;
			margin-right: 0.4em;
			}
			#navigation ul li#nav-library a {
				width: 81px;
			}			
		#navigation ul li#nav-gallery {
			width: 81px;
			}
			#navigation ul li#nav-gallery a {
				width: 81px;
			}
		#navigation ul li#nav-contact {
			width: 96px;
			margin-right: 0;
			}
			#navigation ul li#nav-contact a {
				width: 96px;
			}
		#navigation ul li#nav-publications {
			width: 96px;
			margin-right: 0;
			}
			#navigation ul li#nav-publications a {
				width: 96px;
			}
		
		#navigation ul li:hover a {
			color: #8db8fd;
		}
			

		body#home #navigation ul li#nav-home, #navigation ul li#nav-home:hover {
			background: transparent url(../../images/structural/nav_home.png) top left no-repeat;
			}
			body#home #navigation ul li#nav-home a, #navigation ul li#nav-home a:hover {
				color: #8db8fd;
			}
		body#about #navigation ul li#nav-about, #navigation ul li#nav-about:hover {
			background: transparent url(../../images/structural/nav_about.png) top left no-repeat;
			}
			body#about #navigation ul li#nav-about a, #navigation ul li#nav-about a:hover {
				color: #8db8fd;
			}
		body#news #navigation ul li#nav-news, #navigation ul li#nav-news:hover {
			background: transparent url(../../images/structural/nav_news.png) top left no-repeat;
			}
			body#news #navigation ul li#nav-news a, #navigation ul li#nav-news a:hover {
				color: #8db8fd;
			}
		body#consultancy #navigation ul li#nav-consultancy, #navigation ul li#nav-consultancy:hover {
			background: transparent url(../../images/structural/nav_consult2.png) top left no-repeat;
			}
			body#consultancy #navigation ul li#nav-consultancy a, #navigation ul li#nav-consultancy a:hover {
				color: #8db8fd;
			}
		body#library #navigation ul li#nav-library, #navigation ul li#nav-library:hover {
			background: transparent url(../../images/structural/nav_library2.png) top left no-repeat;
			}
			body#library #navigation ul li#nav-library a, #navigation ul li#nav-library a:hover {
				color: #8db8fd;
			}	
		body#products #navigation ul li#nav-products, #navigation ul li#nav-products:hover {
			background: transparent url(../../images/structural/nav_products2.png) top left no-repeat;
			}
			body#products #navigation ul li#nav-products a, #navigation ul li#nav-products a:hover {
				color: #8db8fd;
			}
		body#gallery #navigation ul li#nav-gallery, #navigation ul li#nav-gallery:hover {
			background: transparent url(../../images/structural/nav_gallery2.png) top left no-repeat;
			}
			body#gallery #navigation ul li#nav-gallery a, #navigation ul li#nav-gallery a:hover {
				color: #8db8fd;
			}
		body#contact #navigation ul li#nav-contact, #navigation ul li#nav-contact:hover {
			background: transparent url(../../images/structural/nav_contact.png) top left no-repeat;
			}
			body#contact #navigation ul li#nav-contact a, #navigation ul li#nav-contact a:hover {
				color: #8db8fd;
			}											
		body#publications #navigation ul li#nav-publications, #navigation ul li#nav-publications:hover {
			background: transparent url(../../images/structural/nav_products2.png) top left no-repeat;
			}
			body#publications #navigation ul li#nav-publications a, #navigation ul li#nav-publications a:hover {
				color: #8db8fd;
			}

	
/*** Homepage
----------------------------------------------- */	


		
	
/*** Library 
----------------------------------------------- */

#library-container {
	width: 700px;
	}
	#library-container ul {
		display: inline;
		float: left;
		width: 200px;
	}
	
body#library li.alternate {
	background: #f4ffcf !important;
}

ul.library {
	display: inline;
	float: left;
	width: 680px;
	padding: 10px !important;
	background: #F8FBF3;
	border: 1px dashed #BEC1C5;
	margin: 1.5em 2.5em 2.0em 0 !important;
}

ul.library li {
	position: relative;
	list-style: none;
	padding: 6px !important;
	background: #fff;
	border: 1px solid #6AB245;
	margin: 0 0 0.6em 0 !important;
	}
	ul.library li:last-child {
		margin-bottom: 0 !important;
	}
	ul.library li:hover {
		background: #fafafa;
	}	
	
	ul.library .legend {
		margin: -1.7em 0 1.0em 0.0em;
	}
	#main ul.library li p {
		width: 600px;
		line-height: 1.2em;
		margin-left: 0 !important;
	}
	ul.library li p.title {
		float: left;
		font-size: 0.9em;	
		font-style: italic;
		margin-left: 0 !important;
	}
	ul.library li p.author, ul.library li p.meta {
		font-size: 0.8em;
	}
	ul.library li p.download {
		position: absolute !important;
		right: 0;
		top: 0;
		background: url(../../images/structural/download.gif) top left no-repeat;
		height: 24px;
		width: 24px !important;
		}
		ul.library li p.download a {
			display: block;
			height: 24px;
			width: 24px !important;
		}
		ul.library li p.download span {
			display: none;
		}

		
		
/*** Gallery
----------------------------------------------- */		

ul#photo-gallery {
	width: 600px;
	margin: 0;
	}
	ul#photo-gallery li {
		display: inline;
		float: left;
		list-style: none;
		background: none;
		width: 120px;
		height: 80px;
		margin: 0 0.4em 0.4em 0;
	}
		
#gallery-search {
	margin: 0.3em 0 0.8em 0;
	padding-bottom: 6px;
}
	
	
/*** Contact us 
----------------------------------------------- */

.map {
	border: 2px solid #8FBAFF;
	display: inline;
	float: right;
	height: 300px;
	margin: 0.5em 0.5em 0 0;
	width: 385px;
}

#contact-form {
	margin: 5.2em 0 5.0em;
}

#contact-form fieldset {
	width: 500px;
	}
	#contact-form input.text {
		width: 203px;
		height: 18px;
		padding: 5px 2px 1px 5px;
		background: #fff;
		border: 1px solid #ddd;
		color: #555;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 85%;
	}
	#contact-form textarea {
		background: #fff;
		border: 1px solid #ddd;
		padding: 5px;
		margin: 0.4em 0 0 0.2em;
	}
	#contact-form textarea:focus, #contact-form input:focus, #contact-form select:focus {
		background: #fafafa;
		border: 1px solid #C6DFFE;
	}
	
	#contact-form select {
		padding: 4px 2px 2px 5px;
		background: #fff;
		border: 1px solid #ddd;
		color: #555;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 85%;
		margin: 0.4em 0 0.4em 0.2em;
	}	
	#contact-form input.sendbutton {
		width: 51px;
		height: 28px;
		margin: 0.8em 2.6em 0 0;
		display: block;
		float: right;
		border: 0;
		background: #6AB245;
		color: #fff;
		font-weight: bold;
		padding: 0;
		cursor: pointer;
		}
		#contact-form input.sendbutton:hover {
			background: #666666;
		}
		
	#contact-form textarea {
		border: 1px solid #e0e0e0;
		color: #555;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 85%;
	}
	
	.mceContentBody
	{
		background: transparent url(../../images/structural/main_bg.png) top left repeat;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	
	}
	
	#account-info {
		width: 400px;
		}
		#account-info label {
			font-weight: bold;
		}
		p.fake-input {
		display: inline;
		float: left;
		width: 150px !important;
		padding: 3px 0 0 0;
		margin: 0 0 0.3em 0 !important;
	}
	
	
body#news #main p {
	width: 660px;
}

body#gallery #main ul li {
	display: inline;
	float:left;
	width: 175px;
	list-style: none;
	margin: 0.4em 0;
	}
	body#gallery #main ul li p {
		margin: 0.1em 0;	
		padding: 0;
	}