/**
 * Title: Global Fruit
 * Description: This stylesheet defines the layout of the website of Global-fruit.nl
 * Copyright: Pronamic
 * Company: Pronamic
 * Author: Karel-Jan Tolsma
 * Version: 1.0
 */

/* Orange: #FD6407 */
/* Purple: #B2007C */

body {
	background: #FD6407 url("background.gif") repeat-y center top;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;

	line-height: 150%;

	margin: 0;
	padding: 0;
}

/**
 * Anchors
 */
a {
	color: #FD6407;
}

a:hover {
	text-decoration: none;
}

/**
 * Headings
 */
h1, h2, h3 {
	color: #B2007C;

	font-family: "Times New Roman", Georgia, sans-serif;
	font-weight: bold;
	font-style: italic;

	line-height: 100%;

	margin: 0; 
	padding: 0;
} 

h1 {
	font-size: 42px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 22px;
}

/**
 * Global
 */
hr {
	display: none;
}

.clear {
	clear: both;
}

p.error {
	color: #C00;
}

.lead {
	font-size: 16px;
	font-weight: bold;

	line-height: 140%;
}

/**
 * Form
 */
input.text,
textarea {
	border: 1px solid #BEBEBE;

	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}

input.text:hover, 
textarea:hover {
	border-color: #FD6407;
}

input.text:focus, 
textarea:focus {
	border-color: #B2007C;
}

form label {
	cursor: pointer;

	font-weight: bold;
}

form .required-indicator {
	color: #F00;
}

form input,
form textarea, 
form select {
	border: 1px solid #CDCDCD;

	padding: 5px;
}

/**
 * Wrapper
 */
#wrapper { 
	background: url("wrapper.png") center top no-repeat;
}

/**
 * Navigation
 */
#nav {
	margin: 0 auto;
	margin-bottom: 100px;
	padding-bottom: 1px;

	width: 978px;
}

#nav ul {
	background: url("nav/background.png") repeat-x;

	float: left;

	list-style: none;

	margin: 0;
	margin-left: 5px;
	padding: 0;

	width: 100%;
}

#nav li {
	background: url("nav/separator.gif") right top no-repeat;

	float: left;

	margin-left: -5px;
	padding-right: 7px;
}

#nav a {
	color: #FFF;

	display: block;

	font-size: 14px;
	font-weight: bold;

	padding: 17px 16px 24px 16px;

	text-decoration: none;
	text-shadow: #5A0842 1px 1px 0px;
}

#nav .first a {
	padding-left: 30px;
}

#nav a:hover,
#nav a.active {
	background: url("nav/hover.gif") repeat-x;

	color: #B2007C;

	text-decoration: none;

	text-shadow: #d1EE97 1px 1px 0px;
}

#nav .first a:hover,
#nav .first a.active {
	background: url("nav/home-hover.png") 14px top no-repeat;
}

/**
 * Container
 */
#container { 
	margin: 0 auto;

	position: relative;

	width: 1004px;

	z-index: 0;
}

/**
 * Name
 */
#name { 
	background: url("logo.png") no-repeat center center;

	display: block;

	margin: 0;

	overflow: hidden;

	position: absolute;
	top: -70px;
	left: 240px;

	text-indent: -1000em;

	width: 486px;
	height: 223px;

	z-index: 1;
}

/**
 * Core
 */
#core-top {
	background: url("core/top.png") no-repeat;

	height: 42px;
}
 
#core-center {
	background: url("core/center.png") repeat-y;

	position: relative;

	padding: 189px 22px 0 22px;
}

#core-bottom {
	background: url("core/bottom.png") no-repeat;

	height: 42px;
}

#home #core-center {
	background-image: url("core/home-center.png");

	padding-top: 330px;
}

#home #core-bottom {
	background-image: url("core/home-bottom.png");
}

/**
 * Home
 */
.col {
	float: left;

	padding: 0 20px;

	width: 280px;
}

.col ul {
	float: left;

	margin: 0 0 15px 0;
	padding-left: 15px;

	width: 125px;
}

/**
 * Header
 */
#header {
	background: url("headers/company.jpg") no-repeat;

	position: absolute;
	top: -2px;
	left: 40px;

	height: 209px;
	width: 960px;

	margin: -18px -18px 0 -18px;
}

#home #header {
	background: url("headers/home.jpg") no-repeat;

	height: 340px;
}

/**
 * Sidebar
 */
 #sidebar {
	background: #FFFCDD url("sidebar.gif") left bottom no-repeat;

	float: left;

	position: relative;

	margin-right: 20px;
	padding: 70px 20px 140px 20px;

	min-height: 280px;

	width: 258px;
 }
 
#sidebar p.lead,
#sidebar h3 {
	color: #fd6407;

	line-height: 120%;

	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	font-family: "Times new roman", Arial, Helvetica, sans-serif;
 }
 
#product-banner {
	background: url("product-banner.jpg");

	display: block;

	overflow: hidden;

	position: absolute;
	bottom: 51px;
	left: 4px;

	width: 276px;
	height: 86px;

	text-indent: -10000px;
 }
 
 #fairtrade-banner {
	background: url("fairtrade-banner.jpg");

	display: block;

	overflow: hidden;

	position: absolute;
	bottom: 46px;
	left: 20px;

	width: 258px;
	height: 107px;

	text-indent: -10000px;
 }
 
 #hook-home {
	background: url("hooks/home.png") no-repeat;

	position: absolute;
	top: 50px;
	right: -40px;

	width: 228px;
	height: 310px;
 }
 
#hook {
	background: url("hooks/company.png") no-repeat;

	position: absolute;
	top: -100px;
	left: -40px;

	width: 223px;
	height: 181px;
 }
 
#article-2 #hook { background-image: url("hooks/partners.png"); }
#article-3 #hook { background-image: url("hooks/fair-trade.png"); }
#article-4 #hook { background-image: url("hooks/products.png"); }
#article-5 #hook { background-image: url("hooks/extra.png"); }
#article-6 #hook { background-image: url("hooks/people.png"); }
#article-7 #hook { background-image: url("hooks/contact.png"); }

 /**
 * Content
 */
 #content {
	float: left;

	padding: 25px 0;

	width: 620px;
 }
 
/**
 * Table
 */
table {
	border: 1px solid #f0ccdf;
	border-collapse: collapse;

	margin: 1em 0;

	width: 100%;
}

table thead tr th {
	background-color: #fd6407;
	
	color: #FFF;
}

table tr th,
table tr td {
	border-top: 1px solid #f0ccdf;
	border-bottom: 1px solid #f0ccdf;

	padding: 7px;
}

table thead tr th.subject,
table tbody tr th {
	text-align: left;
}

table thead tr th {
	border: none;
}

.category-46 span,
.category-47 span,
.category-48 span,
.category-49 span,
.category-50 span, 
.category-51 span {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("dots/dot.gif");

	display: block;

	text-indent: -10000px;
}

.category-46 span.bool-true { background-image: url("dots/concetrate.gif"); }
.category-47 span.bool-true { background-image: url("dots/nfc-juice.gif"); }
.category-48 span.bool-true { background-image: url("dots/puree.gif"); }
.category-49 span.bool-true { background-image: url("dots/iqf.gif"); }
.category-50 span.bool-true { background-image: url("dots/organic.gif"); }
.category-51 span.bool-true { background-image: url("dots/fair-trade.gif"); }

/**
 * Definition list
 */
dl {
	background-color: #FFEFC7;

	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	float: left;

	padding: 10px;
	margin-bottom: 20px;
}

dl dt {
	float: left;

	font-weight: bold;

	width: 250px;
}

dd {
	float: left;

	margin: 0;

	width: 250px;
}

/**
 * Footer
 */
#footer {
	color: #7F450B;

	margin: 0 auto;
	padding-bottom: 40px;

	width: 960px;
}

#footer #links {
	float: left;
}

#footer #pronamic {
	float: right;
}

#footer a {
	color: #7F450B;
}

#footer ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

#footer p {
	margin: 10px 0;
}

#footer ul li {
	background: url("separator.gif") right center no-repeat;

	float: left;

	margin-right: 10px;
	padding-right: 10px;
}

#footer ul li.last {
	background: none;

	padding: 0;
	margin: 0;
}

#footer ul li a {
	display: block;
}