@charset "utf-8";
/*
#############################################
### Stylesheet for www.europlants.ltd.uk  ###
###    Copyright 2009 Europlants Ltd      ###
###         All rights reserved           ###
#############################################
*/

/* Reset CSS */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:hover {color:#CC0000}
:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset CSS */

body {
	background: #333333;
	margin: 0 0 10px 0;
}

div#wrapper {
	padding: 35px 35px 20px 35px;
	width: 775px !important;
	margin: 20px auto 5px auto;
	background: #FFFFFF;
	position:relative;
}

div#logo {
	height: 65px;
}

div#logo ul {
	position:absolute;
	left: 262px;
	top: 62px;
}

div#logo ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666666;
	display:inline;
	padding: 2px 10px;
	border-right:1px solid #999999;
}
div#logo ul li.last {
	border:none;
}

div#logo ul li a {
	color:#666666;
	text-decoration:none;
}
div#logo ul li a:hover {
	color: #333333;
	text-decoration:underline;
}

div#header-image {
	width: 775px;
	height: 280px;
	margin:0;
	padding:0;
}


div#content {
	width: 470px;
	margin: 15px 15px 0 0;
	float:left;
}
	
	div#content h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18pt;
		color:#333333;
		margin: 1px 0 8px -1px;
	}
	
	div#content h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13pt;
		color:#333333;
		margin: 12px 0 5px 0;
	}
	
	div#content p {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 21px;
		color:#666666;
		margin-bottom: 10px;
	}
	.about ul {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 21px;
		color:#666666;
		margin: 2px 0 10px 13px;
	}
	
	.about ul li {
		list-style-type:disc;
		list-style-position:inside;
	}
	
div#content-services {
	width: 470px;
	margin: 15px 15px 0 0;
	float:left;
}
	
	div#content-services h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18pt;
		color:#333333;
		margin: 1px 0 8px -1px;
	}
	
	div#content-services h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13pt;
		color:#333333;
		margin: 12px 0 5px 0;
	}
	
	div#content-services h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color:#333333;
		margin: 12px 0 5px 0;
	}
	
	div#content-services p {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 21px;
		color:#666666;
		margin-bottom: 10px;
	}
	
	div#content-services ul {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 21px;
		color:#666666;
		margin: 2px 0 10px 13px;
	}
	
	div#content-services ul li {
		list-style-type:disc;
		list-style-position:inside;
	}


	ul#sections {
		margin: 15px 0 0 0;
	}
		ul#sections li.item {
			margin: 0 15px 15px 0;
			width: 126px;
			padding:8px;
			border:1px solid #CCCCCC;
			float:left;
		}

		ul#sections li.item a {
			float:left;
			text-align:center;
			font-size:10pt;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			color:#333333;
			text-decoration:none;
		}
		
		ul#sections li.right {
		margin-right: 0;
		}
				ul#sections li.item img {
					margin: 0 0 6px 0;
				}
				
		ul#sections li.item:hover {
			background:#EEEEEE;
			border: 1px solid #999999;
		}
		
div#right-col {
	width: 290px;
	margin: 15px 0 0 0;
	float:left;
}

	div#right-col p.header {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16pt;
		padding: 20px 5px 5px 5px;
		color:#333333;
		border-bottom: 2px solid #009933;
	}
	div#right-col p.header a {
		text-decoration:none;
		color:#333333;
	}
	div#right-col p.header a:hover {
		text-decoration:underline;
		color:#CC0000;
	}
	
	div#right-col p.first {
		padding-top: 0;
	}
	
	div#right-col ul {
		margin: 0 0 0 6px;
	}
	
	div#right-col ul li {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 24px;
		color: #333333;
		border-bottom: 1px solid #CCCCCC;
	}
	
	div#right-col ul li a {
		color:#333333;
		text-decoration:none;
	}
	
	div#right-col ul li a:hover {
		color:#CC0000;
		text-decoration:underline;
	}
	
	div#right-col img.members {
		padding: 5px 0;
		margin:0;
	}
	
	img.product {
		padding: 5px;
		border:1px solid #CCCCCC;
		float:right;
		margin-left: 10px;
	}
	
	img.thumb {
		padding: 5px;
		border:1px solid #CCCCCC;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	
div.bottom {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
}
	div.bottom p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
		color:#999999;
		text-align:center;
		line-height: 15px;
	}


div#footer {
	width: 850px;
	margin: 0 auto;
}
	div#footer p {
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
		color: #777777;
		line-height: 17px;
	}
		div#footer p a {
			color:#777777;
			text-decoration:none;
		}
		div#footer p a:hover {
			color:#FFFFFF;
			text-decoration:underline;
		}

div.clear {
	clear:both;
}