/**
 * Title: Oosting Communicatie
 * Description: This stylesheet defines the default layout of www.oostingcommunicatie.nl
 * Copyright: Pronamic
 * Company: Pronamic
 * Author: Karel-Jan Tolsma
 * Version: 1.0
 */

html, body {
	color: #182863;

	font-family: Tahoma, Arial, sans-serif; 
	font-size: 12px;
	line-height: 160%;
	
	height: 100%;
	
	margin: 0;
}

/**
 * Global
 */
 .clear {
	 clear: both;
 }
 
 h2 {
	color: #E98300;

	font-weight: bold;
	font-size: 22px;
 }
 
 h3 {
	font-size: 12px; 
	font-weight: bold;
	
	margin: 30px 0 0 0;
 }
 
 blockquote {
	font-size: 16px; 
	font-style: italic;
	font-weight: bold;
	
	margin: 0;
 }
 
 a {
	color: #E98300;

	text-decoration: none;
 }
 
a:hover {
	text-decoration: underline;
}

/**
 * Wireframe
 */
 #wrap {
	background: url("background.gif") repeat-y;

	margin: 0 auto;

	width: 1014px;
	min-height: 100%;
}

#container {
	background: url("grunge.gif") no-repeat top right;

	width: 988px;
	min-height: 570px;

	margin: 0 auto;
	padding: 115px 0 20px 0;
}

/**
 * Address
 */
address {
	color: #E98300;

	font-style: normal;

	margin: 0 0 10px 35px;
}

.separator {
	margin: 0 5px;
}

/**
 * Top menu
 */
#menu {
	position: relative;

	margin-left: -1000px;
}

#menu ul {
	background: #022264 url("menu/menu.gif") 1000px no-repeat;

	list-style: none;

	margin: 0;
	padding-left: 1360px;

	width: 415px;
}

#menu li {
	float: left;

	margin-right: 38px;
	padding: 13px 0;
}

#menu a {
	background-position: left top;
	background-repeat: no-repeat;

	display: block;
	
	height: 16px;
}

#menu a span { display: none; }
#menu a.active,
#menu a:hover { background-position: left bottom; }

#menu-item-wie { width: 36px; background: url("menu/wie.gif"); }
#menu-item-wat { width: 39px; background: url("menu/wat.gif"); }
#menu-item-waar { width: 51px; background: url("menu/waar.gif"); }
#menu-item-waarom { width: 81px; background: url("menu/waarom.gif"); }

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

	position: absolute;
	top: -125px;
	right: 39px;

	height: 523px;
	width: 256px;
}
 
/**
 * Name
 */
#name {
	position: absolute;

	top: 0;
	right: 70px;

	margin: 0;
}

#name a {
	display: block;

	width: 133px;
	height: 57px;

	overflow: hidden;

	text-indent: -1000em;
}

/**
 * Twitter
 */
#twitter {
	position: absolute;

	top: 337px;
	right: 97px;
}

#twitter a {
	background: url("bird.png") no-repeat;

	display: block;

	height: 57px;
	width: 71px;

	overflow: hidden;

	text-indent: -1000em;
}

/**
 * Content
 */
 #content {
	margin: 35px 0 0 35px;

	width: 700px;
 }

 /**
 * Portfolio
 */
 object {
	 margin-top: 15px;
 }
 
 object:focus {
	outline: none;
}