/* GENERAL
------------------------------------------------*/
	body
	{
		font:0.8em/14px Arial, Helvetica, sans-serif;
		color: #7e7e7e;
		background:#fff;
	}

	strong
	{
		font-weight:bold;
	}

	address
	{
		line-height:18px;
		margin: 0 0 0 25px;
	}

	a,
	a:active,
	a:visited
	{
		text-decoration: none;
		color:#2a4874;
	}

	a:hover
	{
		text-decoration:underline;
	}

	.clearer
	{
		display:block;
		height:0;
		width:0;
		clear:both;
	}
	.wrap
	{
		width:1000px;
		margin:0 auto 7px auto;
		text-align:left;
	}

	h2
	{
		display:block;
		position:relative;
		line-height:36px;
		width:697px;
		height:47px;
		font-size:200%;
		margin:0 0 30px 0;
		color:#494949;
		font-style:oblique;
		background: url('../img/layout/content_header_line.png') no-repeat top left;
		margin: 10px 0 30px 14px;
		padding: 15px 0 0 10px;
	}

	h3
	{
		font-size:140%;
		font-style:oblique;
	}

	p{
		margin:15px 25px;
		line-height:18px;
	}

	ul.content_list
	{
		list-style: circle;
		margin:0 0 0 50px;
	}
	ul.portfolio
	{
		width:470px;
		float:left;
	}
	ul.content_list li
	{
		margin:8px 0;
		line-height:17px;
	}

	blockquote
	{
		font-style:oblique;
		font-size:110%;
		margin:15px 0 15px 25px;
		color: #8da5c8;
	}

	span
	{
		margin:0 0 0 25px;
		line-height:18px;
	}

	.left
	{
		float:left;
	}

/* Misc
------------------------------------------------*/
	#logo a	{
		position:absolute;
		top:55px;
		left:50px;
		text-indent:-9999px;
		display:block;
		height:112px;
		width:192px;
		background:url('../img/layout/logo.png')
	}

	#slogan{
		position:absolute;
		top:75px;
		left:340px;
		text-indent:-9999px;
		display:block;
		height:68px;
		width:254px;
		background:url('../img/layout/slogan.png')
	}

	.foto_sidebar
	{
		float:left;
		width:110px;
	}

/* LAYOUT
------------------------------------------------*/

	#top{
		position:relative;
		height:193px;
		width:100%;
		background: url('../img/layout/top_bg.png') repeat-x top left;
		text-align:center;
		padding:28px 0 0 0;
		margin:0 0 7px 0;
		}

	#header {
		position:relative;
		height: 193px;
		background:url("../img/layout/header_bg.png");
		}

	#navigation {
		position:relative;
		height:58px;
		background: url('../img/layout/navigation_bg.png') repeat-x top left;
		}

	#container {

	}

	#content{
		position:relative;
		float:left;
		min-height: 379px;
		height: auto !important;
		height: 379px;
		width:732px;
		background: url("../img/layout/content_bg.png") no-repeat top left;;
		margin:0 7px 0 0;
		padding:0px 20px 25px 0px;
	}

	.content_pics
	{
		width:150px;
		padding-top:20px;
		float:left;
	}

	.content_small
	{
		width:530px;
		float:left;
	}

	#content img
	{
		margin: 0 0 0 50px;
		box-shadow: #000 0px 2px 8px;
		-webkit-box-shadow: #000 0 2px 8px;
		-moz-box-shadow: #000 0 2px 8px;
	}

	#content a.portfolio
	{
		display:block;
		padding-top:10px;
	}

	#sidebar	{
		position:relative;
		float:left;
		width:241px;

		background: #8faad1 url("../img/layout/sidebar_bg.png") no-repeat top left;
		padding:0 0 25px 0;
		color: #2a4874;
	}
	#sidebar a,
	#sidebar a:visited,
	#sidebar a:active
	{
		color:#fff;
	}

	#sidebar h2 {
		display:block;
		width:198px;
		height:37px;
		color: #2a4874;
		font-size:160%;
		background: url('../img/layout/sidebar_header_line.png') no-repeat top left;
		margin:0px 0 15px 10px;
		padding:25px 0 0 15px;
	}

	#sidebar p
	{
		color:#2a4874;
	}

	#sidebar img
	{
		margin: 0 0 0 25px;
	}

	#footer {
		width:962px;
		height: 32px;
		border-top:solid 2px #aab4c3;
		background: #d2def0;
		color:#4c5d75;
		padding:15px 0 0 38px;
		box-shadow: #cccccc 0 2px 3px;
		-webkit-box-shadow: #cccccc 0 2px 3px;
		-moz-box-shadow: #cccccc 0 2px 3px;
	}

/* Navigation
------------------------------------------------*/
	#navigation ul {
		list-style:none;
	}

	#navigation li {
		position:relative;
		display:block;
		list-style: none;
		float: left;
		height:58px;
	}

	#navigation a,
	#navigation a:active,
	#navigation a:visited {
		display:block;
		color:#605e00;
		text-align:center;
		font-size:120%;
		line-height:58px;
		font-weight:bold;
		padding:0 30px 0 30px;
	}
	#navigation a:hover, #navigation a.active
	{
		background: url("../img/layout/navigation_hover.png");
		text-decoration:none;
	}

	span.menu_seperator{
		display:block;
	height:58px;
	width:1px;
	margin-left:-0px;
	margin-top:-40px;
	float:left;
	line-height:58px;
		background: url("../img/layout/navigation_seperator.png") no-repeat top right;
	}