body { font-size: 80%; }

body
{
background-color: #c3b59b;
margin: 0;
padding: 0;
  /*color: #222;*/
  color: #3f3f3f;
  font-family: "Microsoft Sans Serif", Arial, Helvetica, Verdana, sans-serif; 
}
h1,h2,h3 { 

	  font-family: "Times New Roman", Times, Helvetica, sans-serif;
	  	font-size:1.6em;
		padding: 0px;
		color: #000;
		margin: 0px;
		font-weight: normal;
		margin-bottom: 10px;
}


a, a:visited, a:link, a:active {
		color: #c3b59b;
}

#main
{
	position: relative;
	margin: 0;
	width: 960px;
	text-align:left;

}

#header
{
	position: relative;
	height: 375px;
	background-color: #BCBDC0;
	float: left;
	width: 790px;

}

#page-home #header {background-image: url(/images/headers/home.jpg);}
#page-about #header {background-image: url(/images/headers/about.jpg);}
#page-products #header {background-image: url(/images/headers/products.jpg);}
#page-factory #header {background-image: url(/images/headers/factory.jpg);}
#page-links #header {background-image: url(/images/headers/links.jpg);}
#page-environmental #header {background-image: url(/images/headers/environmental.jpg);}
#page-vacancies #header {background-image: url(/images/headers/vacancies.jpg);}
#page-contact #header {background-image: url(/images/headers/contact.jpg);}
#page-news #header {background-image: url(/images/headers/news.jpg);}
#page-projects #header {background-image: url(/images/headers/projects.jpg);}
#header-overlay h2 b{
font-weight: normal;
color: white;
}

#header-overlay h2 {
	  font-family: "Times New Roman", Times, Helvetica, sans-serif;
	  	font-size:1.8em;
	  			color: #c3b59b;
}

#contentbaseline {
width: 960px;
border-top: 1px solid white;
height: 20px;
overflow: hidden;
}
      #header-overlay{
      	position: relative;
	top: 285px;
	height: 90px;

	  	padding-left: 30px;
		padding-top: 35px;
		color: #c3b59b;
	
      /* Mozilla ignores crazy MS image filters, so it will skip the following */
      //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/header_overlay.png');
      }

      /* IE ignores styles with [attributes], so it will skip the following. */

      #header-overlay[id]{
      	background-image: url(../images/header_overlay.png); no-repeat;
      }




#sidebar
{

	float: left;
	width: 170px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 14px 78px;
	color: white;
	}


#content
{
float: left;
position: relative;

width: 730px;
background-color: white;
padding: 30px;
height: auto;
min-height: 300px;
height: auto !important;
height: 300px;

}


#content .headline {
font-family: 'Times New Roman', Times, Helvetica, sans-serif; font-size:1.6em; line-height: 1em;color: #c3b59b; margin-bottom: 20px;
}



div#sidebar ul li a {
	font-size:1.2em;
	color: white;
	text-decoration:none;
	margin-left: -12px;
}
div#sidebar ul ul li a {
		font-size:1.1em;
	}
div#sidebar ul li a:hover {
	color: #2c2c2c;
}


div#sidebar h3 {
	padding:0 0 0 4px;
}
div#sidebar ul {
		margin-top: 70px;
	margin-bottom:21px;
}

div#sidebar ul li {
	list-style:none;
}
div#sidebar ul li a {
	display:block;
	padding:4px;
	/* border-bottom:1px solid white; */
	height: 25px;
}
	div#sidebar ul ul li a {
		/*border-bottom:1px solid #E5E5E5;*/
	}
div#sidebar ul li a:hover {
	color:#2c2c2c!important;
	
	/*background-color: #EDE8E1;*/
}

div#sidebar .on{
	/*background-color:#ffd100;*/
	color:#2c2c2c!important;
	
}

#products {
	position: relative;
	width: 100%;
	height: 4em;
	/*width: 35em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom: 30px;
	margin-top: 5px;
}

#aboutnav {
	position: relative;
	width: 100%;
	height: 2em;
	/*width: 35em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom: 30px;
	margin-top: 0px;
}

 ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 65em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	float: none;
	clear: both;
}

 ul#primary li  {
	display: inline;
	list-style: none;
}

 ul#primary a, ul#primary span, ul#primary a.current {
	padding-top: 6px;
	padding-left: 12px;
		width: 12em;
	height: 24px;
	display: block;
	float: left;
	margin: 1px 2px 1px 0;
	text-align: left;
	font-family: "Microsoft Sans Serif", Arial, Helvetica, Verdana, sans-serif;
	font-size:1.1em;
	color: white;
	text-decoration: none;
	background: #bcbcbc;
}

 ul#primary span, ul#primary a.current, ul#primary a.current:hover {
	background: #6d6e72;
}

 ul#primary a {
	background: #bcbcbc;
	border-bottom: none;
	color: #fff;
}

 ul#primary a:hover {
	background: #6d6e72;
	color: #fff;
}

 ul#primary span {
	font-weight: bold;
	
}


#productlarge {
width: 364px; height: 364px; background-color: white; float: left; margin-right: 2px; overflow: hidden;
}

#productthumb{
width: 364px; height: 364px; background-color: white; float: left;

}

#productthumb .img {
float: left;
margin-left: 2px;
margin-bottom: 2px;
}


#footer
{
position: relative;
font-size: .9em;
margin-top: -70px;
float: left;
left: 30px;
}

#bird
{
float: left;
position: relative;
margin-top: -50px;
left: 970px;
z-index: 100;

}

#tag {
position: relative;
display: block;
padding-top: 40px;
margin-bottom: -17px;
color: #c3b59b;
clear: left;
}

#tag b{
font-weight: normal;
color: #000;
}


#page-images {
display: block;
margin-right: 30px;
float: left;
width: 175px;

}

#page-images img{
padding-bottom: 20px;
}

#newsfeed {
margin-left: 5px;
float: right;
width: 175px;
background-color: #bcbcbc;
font-size: .9em;
padding: 10px;

}

#newsfeed img{
padding-bottom: 10px;
}

#newsfeed ul{
 list-style-type: none; 
line-height: 140%;
padding-top: 0px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 10px;
margin: 0px;
cursor:pointer;

}


#newsfeed ul b{
text-transform:  uppercase;
font-weight: normal;
color: white;

}




#content .newsitem {

	overflow: hidden;
	cursor: pointer;
	padding: 15px 0 0 5px;
	clear: left;
	height: 146px;
	border-bottom: 1px solid #e5e5e5;
}
#content .newsitem img {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 134px;
	
	}
	
	
#content .newsitem h5 a {

	  font-family: "Times New Roman", Times, Helvetica, sans-serif;
	  	font-size:1.4em;
	  	line-height: 100%;
	  	padding: 0px;
	  	margin: 0 0 5px 0;
	  	text-decoration: none;
	
	}
	
	#content .newsitem h6 {

  font-family: "Microsoft Sans Serif", Arial, Helvetica, Verdana, sans-serif; 
	  	font-size:.9em;
	  	line-height: 100%;
	  	padding: 0px;
	  	margin: 0 0 10px 0;
	  	font-weight: normal;
	
	}
	

#content .newsmore {
	font-size: .9em;
	float: right;
	margin-top: -20px;
	margin-right: 10px;
	
	}
	
	
	#content a.a-arw
{
		color: #c3b59b;
	font-size: 1.2em;
	text-decoration: none;
}


#content .bookingtext {
margin-bottom: 5px;
font: 16px/1 Georgia, "Times New Roman", Times, serif;
display:block;
width: 90px;
float:left;
}

#content .bookingbox {
margin-bottom: 10px;
display:block;
width:280px;
float:left;
height: 16px;
background-color:#c3b59b;
font: 14px/1 Georgia, "Times New Roman", Times, serif;
color: #000;
border: none;
padding: 2px 4px 6px 4px;
}

#content .bookingarea {
margin-bottom: 10px;
display:block;
width:280px;
float:left;
background-color:#c3b59b;
font: 14px/1 Georgia, "Times New Roman", Times, serif;
color: #000;
border: none;
padding: 2px 4px 6px 4px;
}


.pagination {display: block; padding: 4px; border: 2px solid #c3b59b; float: left;font-style: bold; margin-left: 5px; margin-top: 5px; text-decoration: none; font-weight: bold;}

#staff { display: block;}

.staff-member {
	display: block;
	margin-top: 10px;

	vertical-align: baseline;
width: 360px;
height: 120px;
float: left;	
}
.staff-img {
margin: 10px 20px 10px 0;
float: left;
}

.staff-bio {
padding-top: 40px;

}