/*
**		Author:			C.L. Dons, Girassol Design, girassoldesign.nl|.com|.com.br
**		Version:		2.0
**		Date:				26 feb 2009
**		Copyright:	© Girassol Design
*/


/*		
**		COMMON ELEMENTS	
*/

#header-top, #header-content, #header-content-small, #content, #footer{
	width: 100%;
}

body{
	font: 62.5% "Trebuchet MS", "MS Sans Serif", Geneva, "Helvetica", Arial, sans-serif;
}

a{
	color: #8C1E16;
}

strong{
	color: #433d3a;
}

ul.arrows li:before{
	list-style-type: none;
	content: "\00BB\00A0\00A0\00A0";
	color: #433d3a;
}
ul.arrows li + li
{
	margin-top:	7px;
}

/*
**		HEADER
*/

#header-top{
	float: left;
	height: 190px;	
	background: url(../img/topbar.gif) repeat-x bottom left;
}

#header-logo{
	float: left;
	height: 190px;
	background: url(../img/logo.png) no-repeat 223px bottom;
}

#header-content{
	float: left;
	height: 175px;
	background: #655C58 url(../img/ibcs_large.jpg) no-repeat left;
	border-bottom: 4px solid #D8D9DB;
}
#header-content-small{
	float: left;
	height: 95px;
	background: #655C58 url(../img/ibcs_small.jpg) no-repeat left;
	border-bottom: 4px solid #D8D9DB;
}

#header-content #header-content-wrap{
	float: left;
	margin: 18px 0 0 378px;
	width: 600px;
}
#header-content-small #header-content-wrap{
	float: left;
	margin: 18px 0 0 378px;
	width: 600px;
}

#header-content-wrap h1{
	color: white;
	font-size: 2.6em;
	font-weight: bold;
	text-transform: uppercase;
}
#header-content-wrap p + p, #header-content-wrap h1 + p{
	color: #C3C4C7;
	font-size: 1.3em;
	margin: 8px 0 0 0;
}

#header-content-small #header-content-wrap h1{
	color: white;
	font-size: 2.6em;
	font-weight: bold;
	text-transform: uppercase;
}

#header-content a{
	color: #C3C4C7;
	text-decoration: underline;
}

/*
**		PRIMAIRY MENU
*/

#primenu{
	float: left;
	height: 20px;
	width: 695px; /*960px;*/
	margin: 159px 0 0 265px;
	
}

#primenu li{
	float: left;
	list-style-type: none;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
}
#primenu li + li{
	margin-left: 25px;
}

#primenu li a{
	color: #655C58;
	text-decoration: none !important;
}
#primenu li a:hover{
	color: #655C58;
	text-decoration: none !important;
}
#primenu li a .cufon{
	text-decoration: none !important;
	border-bottom: 1px solid transparent;
}
#primenu li a:hover .cufon{
	text-decoration: none !important;
	border-bottom: 1px solid #655C58;
}


#primenu li.current a{
	color: #8C1E16;
	text-decoration: none;
}
#primenu li.current a:hover{
	text-decoration: none !important;
	color: #8C1E16;
}
#primenu li.current a .cufon{
	text-decoration: none !important;
	border-bottom: 1px solid transparent;
}
#primenu li.current a:hover .cufon{
	text-decoration: none !important;
	border-bottom: 1px solid #8C1E16;
}

/*
**		CONTENT
*/

#content{
	width: 960px;
}

.content-pane{
	float: left;
	width: 960px;
	height: 135px;
}

.content-pane img{
	float: left;
	clear: right;
	margin-left: 225px;
}

.content-pane h2{
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8C1E16;
	margin: 18px 0 0 18px;
	width: 575px;
}
.content-pane h2 a{
	color: #8C1E16;
	text-decoration: none !important;
}
.content-pane h2 a:hover{
	text-decoration: none !important;
}

.content-pane h2 a .cufon{
	text-decoration: none !important;
	border-bottom: 1px solid transparent;
}

.content-pane h2 a:hover .cufon{
	text-decoration: none !important;
	border-bottom: 1px solid #8C1E16;
}

.content-pane p{
	float: left;
	font-size: 1.3em;
	color: #7F7F83;
	margin: 4px 0 0 18px;
	width: 575px;
}
.content-pane p a.redlink{
	color: #655C58;
}

/*
**		CONTENT LEFT PANE
*/

.content-left{
	float: left;
	width: 360px;
}

.content-left h2{
	margin: 18px 0 0 18px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8C1E16;
}

.content-left p{
	margin: 4px 0 0 18px;
	font-size: 1.1em;
	color: #655C58;
	width: 255px;
}
.content-left p + p{
	margin-top: 8px;
}


/*
**		CONTENT RIGHT PANE
*/

.content-right{
	float: right;
	width: 600px;
	margin-bottom: 34px;
}

.content-right h2{
	margin: 22px 0 0 18px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #8C1E16;
}
.content-right ul{
	color: #7F7F83;
	font-size: 1.3em;
	line-height: 1.5em;
	list-style-type: none;
}
.content-right dl{
	color: #7F7F83;
	font-size: 1.3em;
	margin: 18px 0 0 18px;
}
.content-right dt{
	font-weight: bold;
	color: #655C58;
}
.content-right dd{
	margin-left: 18px;
}

.content-right p{
	margin: 18px 0 0 18px;
	color: #7F7F83;
	font-size: 1.3em;
	line-height: 1.5em;
}
.content-right ul + p{
	margin: 18px 0 0 18px;
}
.content-right p + p{
	margin: 18px 0 0 18px;
}
.content-right h2 + p{
	margin: 8px 0 0 18px;
}
.content-right h2 + ul{
	margin: 8px 0 0 18px;
}
.content-right h2 + dl{
	margin: 8px 0 0 18px;
}
.content-right p + ul{
	margin: 8px 0 0 18px;
}
.content-right ul + p{
	margin: 8px 0 0 18px;
}
.content-right dl + p{
	margin: 8px 0 0 18px;
}
.content-right dd + dt{
	margin-top: 8px;
}

/*
**		CONTENT WIDE
*/

.content-wide{
	float: left;
	width: 900px;
	margin-left: 60px;
}

.content-wide .customer-group{
	display: block;
	float: left;
	margin-bottom: 18px;
}

.content-wide .customer-showcase{
	width: 300px;
	float: left;
	margin: 18px 0 18px 0;
}
.content-wide .customer-showcase img{
	float: left;
	margin: 0 120px 0 10px;
}
.content-wide .customer-showcase p{
	width: 255px;
	float: left;
	margin:	0 18px 0 25px;
	font-size: 1.1em;
}

/*
**		CONTENT IMAGES
*/

#img-steef-carlier{
	float: right;
	margin: 18px 0 18px 12px;
}

#img-wageningen{
	/*float: left;*/
	margin: 18px 18px 12px 12px;
}

#img-pdca{
	float: left;
	margin-top: 8px;
}

#img-yarn{
	float: right;
	margin: 18px 0 18px 12px;
}

#img-improvement{
	float: right;
	margin: 18px 0 18px 12px;
}

#img-contact{
	float: right;
	margin: 18px 0 0 0;
}

/*
**		FROMS
*/

form label{
	font-weight: normal;
}
form dt i{
	color: #8C1E16;
	font-size: 80%;
}

form input[type~="text"]{
	font: 62.5% "Trebuchet MS", "MS Sans Serif", Geneva, "Helvetica", Arial, sans-serif;
	font-size: 1em;
	width: 225px;
}

form textarea{
	font: 62.5% "Trebuchet MS", "MS Sans Serif", Geneva, "Helvetica", Arial, sans-serif;
	font-size: 1em;
	width: 325px;
	height: 125px;
}

/*
**		FOOTER
*/

#footer{
	float: left;
	height: 50px;
	background: url(../img/bottombar.gif) repeat-x top left;
}

#footer-left{
	float: left;
	font-size: 1.1em;
	color: #999999;
	margin: 9px 0 0 18px;
	width: 207px;
}
#footer-right{
	float: left;
	font-size: 1.1em;
	color: #655C58;
	margin: 9px 0 0 0;
}