/* ----------------------------------------	
	Website: nvp.be
	Author: 3SIGN
	Date: may 2009	
---------------------------------------- */


/* Imported stylesheets
---------------------------------------- */
@import "search.css";



/* main css
---------------------------------------- */
html, body {
	margin:0;
	padding:0;
	background:#fff url(../images/body_bg.jpg) repeat-x top left;
	font-family:Arial, sans-serif;
}
a {
	color:#003160;
	font-weight:bold;
	text-decoration:none;
}
a, img {
	border:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

/* main layout
---------------------------------------- */
#center, #container, #header-block, #nav-block, #content-block, #footer-block {
	width:960px;
}
#center {
	margin:0 auto;
}
#container {
	float:left;
}
#header-block {
	height:135px;
}
#menu-block {
	height:36px;
}


/* header-block
---------------------------------------- */
#logo {
	float:left;
	width:265px;
	height:105px;
	padding:30px 0 0 0;
}
#header-right-block {
	float:right;
	height:115px;
	padding:20px 3px 0 0;
}
#info-block {
	margin:25px 0 0 0;
	color:#666;
	font-size:0.85em;
}
#info-block a {
	color:#666;
}

/* menu-block
---------------------------------------- */
#menu-block ul {
	list-style:none;
	margin:0;
	padding:0;
	line-height:36px;
}
#menu-block ul li {
	float:left;
}
#menu-block ul li a {
	display:block;
	font-weight:bold;
	color:#333;
	font-size:1.0em;
	padding:0 20px;
}
#menu-block ul li a:hover {
	color:#003160;
}
#menu-block ul li.active {
	background:#fff url(../images/menu_active_left.jpg) no-repeat left -1px;
}
#menu-block ul li.active a {
	color:#003160;
	background:url(../images/menu_active_right.jpg) no-repeat right -1px;
}


/* content-block
---------------------------------------- */
#content-block {
	margin:20px 0;
}
#content-block-left {
	float:left;
	width:705px;
	margin:0 0 20px 0;
}
#content-block-right {
	float:left;
	width:255px;
	margin:0 0 20px 0;
}


/* banner */
#photoviewer, #banner, #rotator, #bannerOverlay, .bannerimg {
	width:685px;
	height:410px;
}
#photoviewer {
	margin:5px 0 30px 0;
}
#rotator {
	position: relative;
}
.bannerimg {
	position: absolute; 
	top: 0; 
	left: 0; 
}
#bannerOverlay {
	position:absolute;
	margin-top:-410px;
	z-index:5;
}
#bannerBottom {
	position:relative;
	top:-39px;
	width:685px;
	z-index:6;
	color:#fff;
	font-size:0.9em;
}
#bannerText {
	float:left;
	margin-left:10px;
	height:30px;
	line-height:30px;
}
#photoCounter {
	float:right;
	height:30px;
	line-height:30px;
	margin-right:10px;
}
#photoCounter ul {
	list-style:none;
	margin:0;
	padding:0;
}
#photoCounter ul li {
	display:inline;
	padding:2px 4px;
	cursor:pointer;
}
#photoCounter ul li.active {
	background:#000;
}


/* content-block-left */
.content-item, .content-item-title, .content-item-text {
	width:685px;
}
.content-item {
	margin:0 0 30px 0;
	float:left;
}
.content-item-title {
	margin:0 0 20px 0;
	background:url(../images/title_line.jpg) no-repeat right 19px;
}
.content-item-title h1 {
	font-size:1.3em;
	font-weight:normal;
	color:#328db5;
	text-transform:uppercase;
}
.content-item-title h1 span {
	padding-right:5px;
	background:#fff;
}
.content-item-text {
	font-size:0.75em;
}
.content-item-short {
	margin:0 0 20px 0;
}
.content-item-full {
	font-size:0.95em;
	color:#4d4d4d;
}

/* mailform */
#mform-form {
	font-size:0.75em;
}

/* content-block-right */	
#box-top, #box-content, #box-bottom, #submenu-block, #spotlight-block, #app-block, #address-block {
	float:left;
}
#box-top {
	width:254px;
	height:15px;
	background:url(../images/box_bg_top.jpg) no-repeat top left;
}
#box-content {
	width:214px;
	padding:10px 20px;
	background:url(../images/box_bg.jpg) repeat-y top left;
}

#box-bottom {
	width:254px;
	height:15px;
	background:url(../images/box_bg_bottom.jpg) no-repeat top left;
}
.box-line {
	background:url(../images/box_line.gif) no-repeat left bottom;
}
	

/* submenu-block */
#submenu-block {
	padding:0 0 10px 0;
	width:214px;
}
#submenu-block h1 {
	font-size:1.15em;
	text-transform:capitalize;
	padding:0 0 5px 0;
}
#submenu-block ul {
	list-style:none;
	margin:0;
	padding:0;
	line-height:20px;
	font-size:0.9em;
	color:#4d4d4d;
}
#submenu-block ul li {
	background:url(../images/submenu_marker.gif) no-repeat left 2px;
	padding:0 0 0 20px;
}
#submenu-block ul li a, #submenu-block ul li.active ul li a {
	color:#4d4d4d;
}
#submenu-block ul li.active a, #submenu-block ul li a:hover, #submenu-block ul li.active ul li.active a, #submenu-block ul li ul li a:hover {
	color:#003160;
}


/* spotlight-block */
#spotlight-block {
	width:214px;
}
.spotlight-block-item {
	float:left;
	width:214px;
	padding:10px 0;
	font-size:0.8em;
}
.spotlight-block-short {
	font-size:0.8em;
	font-weight:bold;
}
.spotlight-block-full {
	font-size:0.7em;
	color:#666;
}
.spotlight-block-more {
	font-size:0.8em;
	text-align:right;
	margin-top:6px;
	cursor:pointer;
}
.spotlight-block-more a {
	background:url(../images/spotlight_button.gif) repeat-y right center;
	padding:2px 5px 2px 53px;
	font-weight:bold;
	color:#fff;
}


/* app-block */
#app-block {
	width:214px;
	margin:10px 0 0 0;
	font-size:0.8em;
}
.app-blue {
	font-weight:bold;
	color:#003160;
}
.app-gray {
	color:#333;
}


/* address-block */
#address-block {
	width:100%;
}
.address-block-item {
	margin:15px 5px;
	font-size:0.8em;
	padding:0 0 10px 0;
	background:url(../images/address_border.gif) repeat-x left bottom;
}
.address-name {
	color:#808080;
}
.address-loc {
	color:#333;
}



/* footer
---------------------------------------- */
#footer-block {
	float:left;
	font-size:0.75em;
	border-top:1px solid #bbb;
	color:#bbb;
	padding:3px 0 0 0;
}
#footer-block ul {
	list-style:none;
	padding:0;
	margin:0 0 35px -5px;
}
#footer-block ul li {
	float:left;
}
#footer-block ul li a {
	color:#bbb;
	font-weight:normal;
	display:block;
	padding:0 5px;
	border-right:1px solid #bbb;
}
#footer-block ul li.last-li a {
	border:none;
}
#footer-block ul li.active a {
	color:#003160;
}
#footer-menu {
	float:left;
}
#footer-edit {
	float:right;
}



/* images
---------------------------------------- */
.textImagetext {
	background:white none repeat scroll 0 50%;
	bottom:0;
	font-size:0.9em;
	font-weight:normal;
	line-height:16px;
	opacity:0.8;
	padding:2px 0 2px 5px;
	position:absolute;
	width:100%;
	z-index:100;
}
.textMediumLayer {
	margin:126px 0 0 4px;
	position:absolute;
	width:196px;
	z-index:10;
}
.ImgBoxMedium {
	float:left;
	width:215px;
	height:135px;
	margin:0 15px 10px 0;
	background:url(../images/img_med_shadow.gif) no-repeat right bottom;
}
.ImgBoxMedium.lastImg {
	margin:0 10px 10px 0;
}
.ImgBoxSmall {
	float:left;
	width:96px;
	height:71px;
	margin-bottom:10px;
	background:url(../images/img_small_shadow.gif) no-repeat right bottom;
}