@charset "utf-8";

	/**************************************************************************
	 © Copyright 2001-2010		Inque
	 
	 Author: 	Vincent Rijnbeek
	 Email: 	vincent.rijnbeek@inque.nl
	 Web:		www.inque.nl/www.inque.co.uk
	 Date: 		28 / 05 / 2010	 
	 
	 **************************************************************************/


	/**************************************************************************
	 REFERENCES
	 **************************************************************************
	
		lightblue:	 #009AFF
		darkblue:	#0C1955
		darkgreen:	#02593A
		
		text grey:   #666

	 **************************************************************************/



	/*************************************************************************
	 RESET - YUI 3.0											//!Reset
	 **************************************************************************/
	
		html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
	
	/*************************************************************************
	 BASICS														//!Basics
	 **************************************************************************/
	
		* {margin: 0; padding: 0;}
		
		html, body 	{
					background: #fff;
					color: #EEE;
					text-align: left;
					font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
					font-size: 13px;
					height: 100%;
					line-height:16px;
		}
	
	/*************************************************************************
	 EXTENDED													//!Extended
	 **************************************************************************/
	
		*::-webkit-selection {
			background:#82A02A;
			color:#FFF;

		}
		
		*::-moz-selection {
			background:#82A02A;
			color:#FFF;

		}
		
		*::selection {
			background:#82A02A;
			color:#FFF;

		}
		
		.fl 		{ float: left; }
		.fr 		{ float: right; }
		.cl 		{ clear:both;font-size: 0px;line-height: 0px;height: 0px; }
		.hide	 	{ display: none; }		
	
	/*************************************************************************
	 HEADERS													//!Headers
	 **************************************************************************/
	
		h1 {
			color:#0099ff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:32px;
			font-weight:normal;
			margin-bottom:15px;
		}
		
		h2 {
			font-size:16px;
			font-weight:bold;
			margin-bottom:15px;
		}
			
	
	
	/*************************************************************************
	 LINKS														//!Links
	 **************************************************************************/
	
		a { 
			color: #777777;
			text-decoration:none; 
			font-weight: bold;
		}
			
		a:hover { 
			color: #82A02A;
			text-decoration: none; 
			font-weight: bold;
		}	
		
	
	/*************************************************************************
	 WRAPPER													//!Wrapper
	 **************************************************************************/
	
		#wrapper 	{ background: transparent url("../_images/bg-wood.png") top left;}
	
	/*************************************************************************
	 HEADER														//!Header
	 **************************************************************************/
	
		#header {

		}
	
		#logo {

		}
		
	
	/*************************************************************************
	 NAVIGATION													//!Navigation
	 **************************************************************************/
	
		#nav {
					
		}
		
		
		#navigation {

    	}
    	
		
	/*************************************************************************
	 BREADCRUMBS												//!Breadcrumbs
	 **************************************************************************/
	
		#breadcrumbs {
			background: #FFF;
			height: 33px;

		}

		#breadcrumbs .indent {
			font-size: 11px;
			height: 33px;
			line-height: 33px;
			border-bottom: solid #d7d7d7 1px;
			margin: 0 auto;
			width: 972px;
			
		}

		#breadcrumbs a {
			color: #ACACA6;
			text-decoration: none;
			
		}
		
		#breadcrumbs a:hover {
			color: #009AFF;
			text-decoration: underline;
		}
	
	/*************************************************************************
	 SECTION													//!Section
	 **************************************************************************/
	
		#content {	
			margin:0 auto;
			padding:0;
			position:relative;
			width:940px;
			min-height: 520px;
		}
	
		#section {
			height: 58px;
			width: 58px;
		}
		
		.article {
		
		}
		
		.aside {
		
		}
	
	
	/*************************************************************************
	 FOOTER														//!Footer
	 **************************************************************************/
		
		#footer {
			border-top: 1px solid #DDDDDD;
			min-height: 144px;
			background: #FFF;
			font-size: 12px;
		}	
		
		#footer-inner {
			color:#999999;
			margin:0 auto;
			padding:20px 30px;
			width:940px;
					
		} 
	 
	
	/*************************************************************************
	 REALISATION												//!Realisation
	 **************************************************************************/
		
		#realisation {
			float: right;
			margin-top: -25px;
			padding: 0 10px 10px 0;
			position: relative;
			z-index: 7625;
		}
		
		#realisation a {
			background: url("/realisation.png") no-repeat scroll right -15px transparent;
			display: block;
			height: 15px;
			width: 20px;	
		}
		
		#realisation a:hover { 
			width: 128px;
			background:url("/realisation.png") right 0px no-repeat;
		}
		
	/*************************************************************************
	 DEBUG													//!Debug
	 **************************************************************************/


	/*************************************************************************
	 NOTIFY													//!Notify
	 **************************************************************************/

		#notify {
			background:#000000;
			margin:0 auto 0;
			padding:20px 0 0;
			width:325px;		
		}

		#notify dl {
		}
		
		#notify dl dt {
			float:				left;
			font-weight:		bold;
			height:				30px;
			line-height:		30px;
			margin-right:		10px;
			padding:			5px 0 10px;
			width:				140px;
		}
		
		#notify dl dd {
			color:				#FFFFFF;
			margin:				0 0;
			padding:			5px 0 10px;
		}

		#notify .hr {
			background:none repeat scroll 0 0 #000000;
			border-bottom:1px solid #AAAAAA;
			display:block;
			height:1px;
			margin:0 0 8px;		
		}
		
		#notify h2 {
			color: #82A02A;
			font-size: 12px;
			margin-bottom:5px;
		}
		
		#notify .meta {
			color: #587B17;
			font-weight:normal;
		}

	/*************************************************************************
	 AGENDA													//!Agenda
	 **************************************************************************/

		#agenda {
			background:#000000;
			margin: 0px auto 0;
			width: 325px;
			padding: 20px 0px;
		
		}

		#agenda h2 {
			color: #82A02A;
			font-size: 12px;
			margin-bottom:5px;
		}
		
		#agenda .meta {
			color: #587B17;
			font-weight:normal;
		}

		#agenda .hr {
			background:none repeat scroll 0 0 #000000;
			border-bottom:1px solid #AAAAAA;
			display:block;
			height:1px;
			margin:0 0 8px;		
		}
		
		
		#agenda .cal {
			-webkit-border-radius: 8px;
			-moz-border-radius:8px;
			background:url("../_images/bg-cal.png") repeat scroll 0 0 #82A02A;
			border:1px solid #587B17;
			margin:4px 0;
			padding:5px;
			text-align:center;
			width:35px;
		}
		
		#agenda .ad {
			margin:4px 0;
			padding:6px;
			width:35px;
		}
		
		#agenda .day {
			color:#FFF;
			display:block;
			font-size:22px;
			padding:0 0 3px;		
		}

		#agenda .month {
			color:#FFF;
			display:block;
			font-size:12px;
			font-weight:bold;
			line-height:12px;
		}
		
		#agenda .content {
			padding:5px 10px 10px;
			width:250px;
		}
		
		#agenda .advertisement {
			padding:5px 10px 10px;
			width:250px;
		}
		
		
		#agenda .title {
			color:#82A02A;
			font-size:16px;
			line-height:16px;
			padding:0 0 6px;		
		}
		
		
		#agenda .item {
			padding: 3px 0 0;
			border-top: 1px solid #AAAAAA;
		}

		
	/*************************************************************************
	 LOGIN													//!Login
	 **************************************************************************/

		#login {
			margin:20px auto 0;
			width: 325px;	
		
		}

		#login dl {
			margin-bottom:		50px;
		}
		
		#login dl dt {
			float:				left;
			font-weight:		bold;
			height:				30px;
			line-height:		30px;
			margin-right:		10px;
			padding:			5px 0 10px;
			width:				140px;
		}
		
		#login dl dd {
			color:				#FFFFFF;
			margin:				0 0;
			padding:			5px 0 10px;
		}

		#login .hr {
			height: 2px;
			border-bottom: 1px solid #FFF;
			display: block;
			margin: 0 0 8px;
			background: #DDD;
		
		}
		
		#login h2 {
			color: #333;
			font-size: 12px;
			margin-bottom:5px;
		}
		
		#login .meta {
			color: #666;
			font-weight:normal;
		}

		.input {
			-webkit-border-radius: 8px;
			-moz-border-radius:8px;
			border:1px solid #000;
			color:#666666;
			font-size:13px;
			height:12px;
			padding:8px;	
		}
		
		.button {
			-moz-border-radius:8px 8px 8px 8px;
			-webkit-border-radius: 8px;
			background:url("../_images/button-g-gradient-bg.png") repeat-x scroll left top #82A02A;
			border:0 solid #DDDDDD;
			color:#FFFFFF;
			font-size:13px;
			font-weight:normal;
			height:30px;
			padding:0 15px;
		}


	/*************************************************************************
	 TEMP													//!Temp
	 **************************************************************************/


		#contact {
		
		}

		#contact dl {
			margin-bottom:		10px;
			width:				282px;
		}
		
		#contact dl dt {
			float:				left;
			font-weight:		bold;
			margin-right:		10px;
			padding:			5px 0 10px;
			width:				55px;
		}
		
		#contact dl dd {
			padding:			5px 0 10px;
		}


		#open {
		
		}

		#open dl {
			margin-bottom:		10px;
			width:				250px;
		}
		
		#open dl dt {
			float:				left;
			font-weight:		bold;
			margin-right:		10px;
			padding:			5px 0 10px;
			width:				86px;
		}
		
		#open dl dd {
			padding:			5px 0 10px;
		}
		
	/*************************************************************************
	 TEMP													//!Temp
	 **************************************************************************/
	 
	 #murphyslaw {
	 	height:234px;
		margin:0 auto;
		padding-top:40px;
		width:362px;
		text-align: center;
	 }