/*=======================
PRODUCT PORTFOLIO - IMI CORNELIUS

#teal color:#1b6f7c;

/* This stylesheet contains all the styles required to overide the default colours for the section 

1. ZONE HOME
2. SECONDARY NAV
3. MENU BOX 
4. SIDE BOX
5. HEADINGS
6. BODY COPY

*/

/*=======================
1. ZONE HOME
=========================*/

/*.box {
	min-height:100px;
}

.box .top {
	background:#ebeaea url(../img/bkgd/4col-top-teal.gif) left top no-repeat;
}

	.box h3, .box h2 {
		background:url(../img/icons-buttons/sq-teal.gif) left center no-repeat;
	}

.box .middle {
	background:#fff url(../img/bkgd/4col-rpt-teal.gif) left top repeat-y;
	min-height:70px;
}

.box .bottom {
	background:#fff url(../img/bkgd/4col-bottom-teal.gif) left bottom no-repeat;
}

.box a.more-link {
	font-weight:bold;
	color:#1b6f7c;
	background:#fff url(../img/icons-buttons/more-link-teal.gif) right bottom no-repeat;
}*/
h1 {
	color:#1b6f7c;
}

.box h2 {
	background:url(../img/icons-buttons/sq-teal.gif) left center no-repeat;
}

/*=======================
2. SECONDARY NAV
=========================*/

ul.secondary-nav a {
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav.gif) right center no-repeat;
}

ul.secondary-nav a:hover,
ul.secondary-nav li.active a:hover,
ul.secondary-nav li.active li.active a:hover,
ul.secondary-nav li.active li.active li.active a:hover,
ul.secondary-nav li.active li.active li.active li.active a:hover,
ul.secondary-nav li.active li.active li.active li.active li.active a:hover,
ul.secondary-nav li.active li.active li.active li.active li.active li.active a:hover {
	text-decoration:none;
	color:#1b6f7c;
	background:#fff url(../img/icons-buttons/secondary-nav-teal-over.gif) right center no-repeat;	
}

ul.secondary-nav li.active a,
ul.secondary-nav li.active li.active a,
ul.secondary-nav li.active li.active li.active a,
ul.secondary-nav li.active li.active li.active li.active a,
ul.secondary-nav li.active li.active li.active li.active li.active a,
ul.secondary-nav li.active li.active li.active li.active li.active li.active a,
ul.secondary-nav span, 
ul.secondary-nav ul span,
ul.secondary-nav ul ul span,
ul.secondary-nav ul ul ul span,
ul.secondary-nav ul ul ul ul span,
ul.secondary-nav ul ul ul ul ul span,
ul.secondary-nav ul ul ul ul ul ul span {
	text-decoration:none;
	color:#1b6f7c;
	background:#fff url(../img/icons-buttons/secondary-nav-teal-open.gif) right center no-repeat;
}

ul.secondary-nav li.active li a,
ul.secondary-nav li.active li.active li a,
ul.secondary-nav li.active li.active li.active li a,
ul.secondary-nav li.active li.active li.active li.active li a,
ul.secondary-nav li.active li.active li.active li.active li.active li a,
ul.secondary-nav li.active li.active li.active li.active li.active li.active li a {
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav.gif) right center no-repeat;
}


/*=======================
3. MENU BOX
=========================*/

/*.menu-box .top {
	background:#fff url(../img/bkgd/4col-top-teal.gif) left top no-repeat;
	padding:10px 15px;
}

	.menu-box h3 {
		background-image:url(../img/icons-buttons/sq-teal.gif);
		background-position:left center;
		background-repeat:no-repeat;
	}

.menu-box .middle {
	background:#fff url(../img/bkgd/4col-rpt-teal.gif) left top repeat-y;
}

.menu-box .bottom {
	background:#fff url(../img/bkgd/4col-bottom-teal.gif) left bottom no-repeat;
}*/

/*=======================
4. SIDE BOX
=========================*/

.side-box h3 {
	font-size:1em;
}	

.side-box li a:hover {
	background:#fff url(../img/icons-buttons/secondary-nav-teal-over.gif) right center no-repeat;	
}

/*=======================
6. BODY COPY
=========================*/

h1 {
	color:#1b6f7c;
}

h3 {
	color:#000;
}

.image {
	padding-bottom:0;
}

.image h3 {
	background:none;
}