body {
	font-family: "Trebuchet MS";
	font-size: 80%;
	/*color: #C6C8CA;*/
	color:#707376;
	text-align: center;
}
#container,#contact,#portfolio,#products,#green {
	height: 420px;
	width: 770px;
	/*border: 1px solid #C6C8CA;*/
	text-align: left;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #707376;
}

#contact {
	background-image: url(images/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}
#portfolio {
	background-image: url(images/bg_portfolio.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#products {
	background-image: url(images/bg_products.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}#green {
	background-image: url(images/bg_green.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content,#contentContact {
	float: left;
	width: 395px;
	margin: 15px;

	padding:10px;

}
#contentContact {
	margin-left:50px;
	width:285px;
	background-image: url(images/contact_bg.gif);
	background-repeat: no-repeat;
	padding-right:30px;
	font-size:120%;
	height:294px;
	padding-top:40px;
}
*html #contentContact {
	padding-top:60px;

}
#contentContact a{
	/*color:#C6C8CA;*/
	color:#707376;
	text-decoration:none;
}
#contentContact a:hover{
	text-decoration:underline;
}
a.footer{
	color:#707376;
	text-decoration:none;
}
a.footer:hover{
	text-decoration:underline;
}
.tel{
	color:#CADB2A;
	margin-right:10px;
}
#navigation {
	float: right;
	width: 140px;
	margin-right: 45px;
	text-align:right;
}
*html #navigation{
	margin-right: 15px;
}

/* ignore ie5 mac \*/
*html #navigation{
	margin-right: 5px;
}
/* end */

#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation ul li{
	margin:0px;
	margin-bottom:-6px;
	width:160px;
}
#navigation ul li a{
	text-decoration:none;
	font-size:120%;
	/*color:#C6C8CA;*/
	color:#707376;
}
#navigation ul li a ins{
	display:block;
	float:left;
	text-align:right;
	width:98px;
	margin-top:16px;
	cursor:hand;
	padding-right:5px;
}


ins{
	text-decoration:none;
	
}
#strapline,#straplineRight {
	font-size: 150%;
	clear: both;
	clear: all;
	position:absolute;
	top:395px;
	display:block;
	margin-left:30px;
	text-align:left;
}
#straplineRight{
	margin-left:470px;
	margin-top:-90px;
	font-size:90%;
}
#straplineRight img{
	margin-left:-7px;
}
#navigation ul li a ins.hidden{
	font-size:80%;
	display:block;
	height:26px;
	margin-top:-2px;
	vertical-align:text-bottom;
	color:#FFFFFF;
}
#navigation ul li a ins.visible{
	font-size:80%;
	display:block;
	height:26px;
	margin-top:2px;
	vertical-align:text-bottom;
	padding-top:15px;
}
#contactStrap{
	float:left;
	margin-top:65px;
}
#contactBox{
	background-image: url(images/bcontact_bg.gif);
	background-repeat: no-repeat;
}
.portfolioDisplay{
	margin-left:50px;
	margin-top:50px;
	float:left;
}
#portfolioLinks{
	float:left;
	margin-top:50px;
	margin-left:30px;

	width:160px;
}
#portfolioLinks ul{
	list-style-image: url(images/bullet.gif);
	font-size:110%;
	/*color:#C6C8CA;*/
	color:#707376;
}
p{
	text-align:justify;
}
.intro{
	width:372px;
}
.logo{
	margin-top:5px;
}
.portfolioUL{
	margin-left:20px;
}
.portfolioUL li{
	margin-left:-35px;
}
*html .portfolioUL li{
	margin-left:0px;
	padding-top:7px;
}
/* commented backslash hack v2 \*/
*html .portfolioUL li{

	padding-top:2px;
}

/* end */
a.generalLink{
	/*color:#C6C8CA;*/
	color:#707376;
	text-decoration:none;
}
#productHead{
	margin-top:25px;
	margin-left:112px;
	margin-bottom:-15px;
}
#productsLeft,#productsPrices,#productsList{
	float:left;
}
#productsLeft{
	margin-top:25px;
	margin-left:20px;
}
.offerBubble{
	margin-bottom:10px;
	margin-right:10px;
}
.offerBox{
	margin-top:10px;

}

#productsPrices{
	width:155px;
	margin-left:-10px;
	margin-top:10px;
	
}
#productsPrices .left{
	margin-right:15px;
	margin-left:25px;
}
#productsPrices img{
	margin-top:15px;
}
#productsList{
	font-size:0.8em;
	margin-left:515px;
	width:180px;
	position:absolute;
	line-height:105%;
	margin-top:-8px;
	color:#808285;

}
*html #productsList{
	margin-left:15px;
}
#productsList .header{
	font-size:150%;
	margin-bottom:0px;
	/*color: #C6C8CA;*/
	color:#707376;
}
#productsList .foot{
	font-size:90%;
	color:#000000;
}
.turn{
	padding-top:8px;

}
*html .turn{
	padding-top:5px;
}
*html .turn{
	padding-top:15px;
}

/* commented backslash hack v2 \*/
*html .turn{
	padding-top:25px;
}
/* end */

*html .beanLogo{
	margin-top:50px;
}
/* commented backslash hack v2 \*/
*html .beanLogo{
	margin-top:0px;
}
/* end */