/*---------------------------------------------------------------- 
  Copyright: 
  Copyright (C) 2009 danielfajardo web
  
  License: 
  GPL Software 
  
  Author: 
  danielfajardo - http: //wwww.danielfajardo.com
---------------------------------------------------------------- */

/* Template structure

	body
		page
			wrapper -> width: 940px;
				header
					head
					mainmenu
					search
				wrap
					container
						content
						sidebar
				bottom
					footer
*/


/* Template. Main areas
***************************************************************************** */

body {
	margin: 0;
	background: url(http://interexcellent.nl/interim-management-blog/wp-content/themes/dfblog/dfblog/images/styles/Default/bg-page.png) 50% repeat;
}
#page {
	background: url(http://interexcellent.nl/interim-management-blog/wp-content/themes/dfblog/dfblog/images/styles/Default/bg-head.png) 50% 0 no-repeat;
}
#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	}
	#header {
			height: 210px;
	}
		.head-img {position:absolute; z-index:1; top:0; left:0}
		.head-img i {position:absolute; top:0; left:0; background: url(http://interexcellent.nl/interim-management-blog/wp-content/themes/dfblog/dfblog/images/styles/Default/head-bg.png) no-repeat scroll 50% 0; width:940px; height:210px}
		#head {
			position:relative; z-index:1; 
			height: 210px;
			
		}
		#menubar {
			position: absolute; z-index:5; 
			float: left;
			top: 161px;
			width: 959px;
			margin: 0 40px 0 20px;
			}
			#mainmenu {
			}
		#breadcrumb {
			position: absolute;
			float: left;
			top: 182px;
			margin: 0 40px 0 70px;
		}
		#searchform {
			position: absolute;
			float: right;
			top: 102px;
			width: 190px;
			margin-top: -90px; /* 37px; */
			margin-left: 710px;
		}
	#wrap {
		position:relative;
		z-index:2;
		zoom:1;
		width: 940px;
		height: 100%;
		background: url(../images/styles/Default/wrap-bg.png) 50% 0 repeat-y;
	}
		#wrap shape {z-index:1}
		#container {
			
			margin: 0 40px 0 20px;
			}
			#content {
				position:relative; z-index:5; 
				width: 640px;
				float: left;
				margin-top: -80px;
				margin-right: 30px;
			}
			#sidebar {
				position:relative; z-index:5; 
				width: 190px;
				float: right;	
				margin: -80px 0;
			}
	#bottom {
		clear: both !important;
		height: 140px;
		padding: 10px 20px 0;
		background: url(http://interexcellent.nl/interim-management-blog/wp-content/themes/dfblog/dfblog/images/styles/Default/footer-bg.png) no-repeat scroll 50% 0;
	}
		#footer { 
			margin: 0 260px 0 50px;
			padding: 7px 0;
			border-top: 1px solid #cdd;
		}
		
		/* // ---- navigation ---- // */
.navigation {position:relative; z-index:3; list-style: none; padding-left:39px; width:959px; margin:0 auto; font: normal 12px Verdana, Geneva, sans-serif;}
	.navigation li {position:relative; float:left; padding-right:1px; height:40px}
	.navigation a {color:#0096ff}
		.navigation a:hover {color:#aa64ff}
	.navigation a, .navigation .hr {position:relative; z-index:2; display:block; height:40px; text-decoration:none; font-weight:normal}
		.navigation span {position:relative; z-index:3; display:block; padding:6px 12px 0}
		.navigation .c-nav {position:absolute; left:0; width:100%; top:0; height:40px; overflow:hidden; font-size:1px}
			.navigation .c-nav .l {position:relative; display:block; margin-right:4px; height:123px; background:url(../img/nav-l.png)}
			.navigation .c-nav .r {position:absolute; right:0; width:4px; height:123px; background:url(../img/nav-r.png)}
		.navigation a:hover {text-indent:0; text-decoration:underline}
			.navigation a:hover .c-nav .l, .navigation a:hover .c-nav .r {top:-40px}
		.navigation .hr {color:#69696e; font-weight:normal}
	.navigation .subnav {position:absolute; z-index:1; left:-999em; top:-999em; width:238px; background:#00d2ff url(../img/subnav-bg.gif) no-repeat 0 0; padding:3px 1px 0}
		.navigation .subnav a {display:inline; height:auto; text-decoration:underline; }
		.navigation .subnav li {float:none; height:auto; padding: 3px 0;}
		.navigation .subnav ul {border-left:1px solid #fff; border-right:1px solid #fff; background-color:#e6ecee; padding:5px 5px 16px 19px; margin:0; list-style-type:none;}
			.navigation .subnav .b-nv {position:relative; display:block; bottom:-2px; margin:-2px -1px 0; height:2px; background:url(../img/subnav-bt.gif); font-size:1px}
		.navigation .sfHover .subnav {top:40px; left:0}
		.navigation .sfHover a {margin-bottom:-3px; height:43px}
			.navigation .sfHover a .c-nav {height:43px}
			.navigation .sfHover a .c-nav .l, .navigation .sfHover a .c-nav .r {top:-80px !important}
/* -- ---- navigation ---- -- */