/**
 * Title: De Boer c.s. Organisatieadviseurs B.V.
 * Description: This stylesheet defines the layout of the website of De Boer c.s. Organisatieadviseurs B.V.
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */

html {
	background: #013474 url("") repeat-y fixed;
}

body {
	background: url("lion-new.png") no-repeat fixed;

	font: 75%/1.75 Georgia, "Times New Roman", Times, serif;

	margin: 0;
}

/**
 * Anchors
 */
a {
	color: #1550AD;
}

a:hover {
	color: #AE9341;
}

a img {
	border: none;
}

a.view-more-link {
	background: url("arrow-right.gif") no-repeat right 6px;

	font-style: italic;

	padding-right: 16px;
}

a.back-link {
	background: url("arrow-left.gif") no-repeat left 6px;

	font-style: italic;

	padding-left: 16px;
}

/**
 * Headings
 */
h1 {
	color: #28426B;

	font-size: 275%;
	font-variant: small-caps;
	font-weight: normal;

	line-height: 1;
}

h1 span { font-size: 130%; }

h2 {
	color: #AE9341;

	font-size: 110%;
}

p {
	margin: 1em 0;
}

/**
 * Other
 */
address {
	font-style: normal;

	margin: 1em 0;
}

blockquote {
	color: #AE9341;

	font-style: italic;
	font-size: 140%;

	margin: 0 60px;
}

#map {
	width: 485px; 
	height: 350px;
}

/* Horizontal ruler */
.hr {
	background: url("hr.gif") no-repeat center center;

	margin: 1em 0;

	height: 18px;
}

.hr2 {
	background: url("hr-2.gif") no-repeat center center;

	margin: 1em 0;

	height: 18px;
}

.hr hr,
.hr2 hr{
	display: none;
}

/* Clear */
.clear {
	clear: both;
}

/**
 * Form
 */
form div { margin: 0 0 .6em 0; }

form .textfield,
form .selectfield  {
	float: left;

	padding-right: 5%;

	width: 45%;
}

form .textarea{
	clear: left;

	padding-right: 5%;

	width: 95%;
}

form .textfield select {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;

	border: 1px solid #D0C092;
	border-left-color: #E6D9B8;
	border-top-color: #E6D9B8; 

	padding: 3px;

	width: 100%;
}

form .textfield input, 
form .textarea textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;

	border: 1px solid #D0C092;
	border-left-color: #E6D9B8;
	border-top-color: #E6D9B8; 

	padding: 3px;

	width: 100%;
}

form .textfield input:focus, 
form .textarea textarea:focus {
	border-color: #000;
}

/* Errors */
form .error {
	border-left: 2px solid #CA1111;

	font-style: italic;

	float: left;

	padding: 0 5px;
}


form label strong {
	display: block;

	padding: 2px;

	cursor: pointer;
}

/* Actions */
form .actions input {
	clear: both;
}

/**
 * Container
 */
#container {
	background: #FBF7EE url("lion-full.png") bottom right no-repeat;

	margin-left: 200px;
}

/**
 * Head
 */
#head {
	background: url("head-back.gif") repeat-x;

	min-height: 25px;

	padding: 25px 25px 25px 25px;
}

/**
 * Company name
 */
#company-name {
	font-size: 42px;
	line-height: 46px;

	margin: 0;
}

#company-name a {
	color: #28426B;

	text-decoration: none;
}

/**
 * By pass section
 */
#by-pass-section {
	display: none;
}

/**
 * Main menu
 */
#main-menu {
	background: #28426B;

	padding: 8px;

	position: relative;
}

#main-menu ul {
	float: left;

	list-style: none;

	margin: 0;
	padding: 0;
}

#main-menu li {
	float: left;
}

#main-menu a {
	background: no-repeat center left;

	color: #FFF;

	cursor: pointer;

	display: block;

	text-decoration: none;
}

/**
 * Root menu 
 */
#root-menu {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 120%;

	line-height: 1;

	text-transform: uppercase;

	width: 600px;
}

#root-menu li {
	float: left;

	margin: 0 1px;
}

#root-menu a span {
	background: no-repeat center right;

	display: block;

	min-height: 12px;

	padding: 9px 10px;
}

#root-menu a.active,
#root-menu a:hover {
	background-image: url("main-menu/back-left.gif");

	color: #28426B;
}

#root-menu a.active span, 
#root-menu a:hover span {
	background-image: url("main-menu/back-right.gif");
}

/**
 * Sub menu
 */
#sub-menu {
	clear: left;

	width: 600px;
}

#sub-menu ul {
	margin-top: 5px;
}

#sub-menu li {
	background: url("main-menu/seperator.gif") no-repeat right center;

	float: left;

	padding-right: 1px;
}

#sub-menu li.last-child {
	background: none;
}

#sub-menu a {
	color: #A9B3C4;

	display: block;

	padding: 0 10px;
}

#sub-menu a.active, 
#sub-menu a:hover {
	color: #FFF;

	text-decoration: underline;
}

/* Sub menu */
#sub-menu li:hover ul, 
#sub-menu li.hover ul {
	left: auto;
}

#sub-menu ul ul {
	background: #28426B;

	margin: 0;

	position: absolute;

	left: -999em;

	width: 15em;

	z-index: 100;
}

#sub-menu li li {
	background: none;

	border-bottom: 1px solid #A9B3C4;

	float: none;
}

#sub-menu li li a {
	padding: 5px 10px;
}

/**
 * Hooks
 */
#hook-1 {
	background: url("building.png") no-repeat;

	position: absolute;

	left: 600px;
	bottom: -80px;

	width: 316px;
	height: 313px;
}

/**
 * Main
 */
#main {
	padding: 25px 35px;
}

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

	float: left;

	margin-right: 45px;

	padding-bottom: 25px;

	width: 475px;
	min-height: 500px;
}

#core a img {
	border: 4px solid #D8C289;

	display: block;

	padding: 2px;
}

/**
 * Extra
 */
#extra {
	background: url("extra-back.gif") no-repeat;

	font-size: 95%;

	float: left;

	min-height: 620px;

	padding: 25px;

	width: 275px;
}

#extra h1 { 
	font-size: 160%; 

	text-transform: uppercase;
}

#extra img {
	border: 1px solid black;
	display: block;

	padding: 2px;
}

#extra a img{
	border: 4px solid #D8C289;

	display: block;



}

#extra address h2{
	margin: 0px;
}

/**
 * Twitter
 */
#tweet img {
	border: none;

	float: left;
}

#tweet .content {
	float: right;

	width: 160px;
}

/**
 * News
 */
.news {
	margin: 2em 0;
}

.news h2 {
	margin-bottom: 0;
}

.news p {
	margin: 0;
}

.news-item {
	margin: 1em 0;
}

.news-item-home h2 {
	color: #28426B;

	font-size: 150%;
	font-weight: normal;
	text-transform: uppercase;

	line-height: 1;
}

.news-item-home .date {
	color: #AE9341;
}

/** 
 * Member
 */
.member {
	float: left;

	margin: 1em 0;
}

.member .description {
	float: right;

	padding-top: 20px;

	width: 350px;
}

.member h2 {
	margin :0;
}

.member p {
	margin: 0;
}

.member img {
	float: left;

	margin-right: 15px;

	width: 110px;
}

/**
 * Foot
 */
#foot {
	background: url("foot-back.gif") no-repeat top center;

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

	padding: 0 35px;

	width: 845px;
}

/**
 * Copyright
 */
#copyright {
	float: left;
}

/**
 * Address
 */
#address {
	float: right;
}