/**
*	MAIN
*/

body
{
	background-color: #CCC;
	color: #666;
	font: 0.75em "Arial", Helvetica;
	height: 100%;
	margin: 0;
	padding: 20px 0 0 0;
	width: 100%;
}

.canvas
{
	background: #FFF url("../png/green-dot.png") repeat-y 196px 0;
	margin: auto;
	width: 750px;
}

/**
*	LINKS
*/

a
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	color: #666;
	text-decoration: none;
}

.green-link
{
	color: #666;
}

.green-link:hover
{
	color: #0F0;
}

.green-dark-grey-link:hover
{
	color: #0F0;
}

.light-grey-link
{
	color: #666;
}

.light-grey-link:hover
{
	color: #333;
}

/**
*	GLOBAL
*/

.row-banner, .row-content, .row-title, .row-footer
{
	clear: both;
	margin: 0;
	padding: 0;
}

.column-left, .column-right
{
	margin: 0;
	padding: 0;
}

.column-left
{
	float: left;
	width: 200px;
}

.column-right
{
	float: left;
	width: 550px;
}

/**
*	TITLE ROW
*/

.row-title
{
	height: 51px;
}

.row-title .column-left .content
{
	font-size: 124%;
	margin: 20px 0 0 20px ;
}

.row-title .column-right .content
{
	font-size: 124%;
	margin: 18px 0 0 20px;
}

#multiply
{
	background: #FFF url("../png/multiply.png") no-repeat top left ;
	display: block;
	height: 13px;
	overflow: hidden;
	text-indent: 100%;
	width: 76px;	
}

#multiply:hover
{
	background: #FFF url("../png/multiply.png") no-repeat 0 -13px ;
}

/**
*	BANNER ROW
*/	

.row-banner .column-left
{
	width: 200px;
}

.row-banner .column-right
{
	background: #FFF url("../gif/loading.gif") no-repeat center center ;
	height: 328px;
	width: 530px;
}

.row-banner .column-right .content
{
	height: 328px;
	margin: 0 0 0 20px;
	overflow: hidden;
	visibility: hidden;
	width: 530px;
}

.row-banner .column-right .content p
{
	padding: 0;
	margin: 0;
}

/**
*	CONTENT ROW
*/

.row-content .column-right .content
{
	margin: 15px 20px 5px 20px ;
}

.row-content .column-left .content
{
	margin: 15px 15px 0 20px;
}

.row-content .column-left .content ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.row-content .column-left .content li
{
	padding: 6px 0 4px 0;
}

.row-content .column-left .content ul li a
{
	display: block;
	height: 11px;
	overflow: hidden;
	text-indent: 100%;
}

.row-content .column-left .content ul #triply
{
	background: #FFF url("../png/triply.png") no-repeat top left ;
	width: 48px;
}

.row-content .column-left .content ul #triply:hover
{
	background: #FFF url("../png/triply.png") no-repeat 0px -11px ;
}

.row-content .column-left .content ul #triply-mocca
{
	background: #FFF url("../png/triply-mocca.png") no-repeat top left ;
	width: 120px;
}

.row-content .column-left .content ul #triply-mocca:hover
{
	background: #FFF url("../png/triply-mocca.png") no-repeat 0px -11px ;
}

.row-content .column-left .content ul #beech-poplar-ply
{
	background: #FFF url("../png/beech-poplar-ply.png") no-repeat top left ;
	width: 152px;
}

.row-content .column-left .content ul #beech-poplar-ply:hover
{
	background: #FFF url("../png/beech-poplar-ply.png") no-repeat 0px -11px ;
}

.row-content .column-left .content ul #cork-rubber
{
	background: #FFF url("../png/cork-rubber.png") no-repeat top left ;
	width: 102px;
}

.row-content .column-left .content ul #cork-rubber:hover
{
	background: #FFF url("../png/cork-rubber.png") no-repeat 0px -11px ;
}

.row-content .column-left .content ul li ul a
{
	display: inline;
	height: auto;
	overflow: auto;
	text-indent: 0;
}

.row-content .column-left .content .sub-menu
{
	margin: 0;
	padding: 10px 0 0 0;
}

.row-content .column-left .content .sub-menu li
{
	padding: 0 0 5px 1px;
}

.row-content .column-left .content .sub-menu a
{
	background: none !important;
	color: #666;
}

.row-content .column-left .content .sub-menu a:hover
{
	color: #333;
}

/**
*	FOOTER ROW
*/

.row-footer .column-left .content
{
	font-size: 85%;
	padding: 12px 15px 15px 20px;
}

.row-footer .column-right .content
{
	font-size: 85%;
	padding: 0 0 0 20px;
}

.row-footer .column-right .content ul
{
	margin: 0;
	padding: 11px 0 0 0;
	width: 320px;
}

.row-footer .column-right .content li
{
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 0;
}

/**
*	EXTRA
*/

.clear
{
	clear: both;
}