body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.5em Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	color: #666;
	}

h1, h2, h3, h4, h5, h6, form, fieldset, .nav, p, .nav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

h1 {
	font-size: 2.5em;
	color: #fff;
	text-transform: uppercase;
	padding: 77px 0 22px 0;
	position: relative;
	width: 500px !ie;
	}

h1 span {
	position: absolute;
	width: 190px;
	height: 55px;
	top: 31px;
	left: 10px;
	background: url(../i/assets/txt_live-ur-dreams.png) no-repeat;
	}

h3 {
	font-size: 1.4em;
	padding: 0 0 6px 0;
	color: #223d71;
	}

p {
	font: 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	}

a {
	color: #223d71;
	text-decoration: none;
	}

a img {
	border: 0;
	vertical-align: middle;
	padding: 0 5px;
	}

a:hover {
	text-decoration: underline;
	}

/* -------------------- Structure ----------------- */
#mainDiv, #footerDiv {
	width: 776px;
	margin: 0 auto;
	}
	
#mainDiv {
	background: url(../i/assets/side_shadow.gif) top left repeat-y;
	}

#footerDiv {
	padding: 14px 0 24px 0;
	background: url(../i/assets/pg_shadow-bottom.gif) top no-repeat;
	}

/* ---------- Sub Structure ---------- */
#heroDiv, #contentDiv {
	margin: 0 8px;
	position: relative;
	}

#heroDiv {
	color: #fff;
	height: 459px;
	padding: 0 44px;
	overflow: hidden;
	background-image: url(../i/assets/banner_bg-image.jpg);
	background-repeat: no-repeat;
	}
	
#contentDiv {
	padding: 9px 20px;
	background: url(../i/assets/banner_shadow.gif) top left repeat-x;
	}

/* -------------------- General Styling -------------------- */
h1 span, #heroDiv h3, #footerDiv h5 a {
	text-indent: -999em;
	overflow: hidden;
	}

.center {
	text-align: center;
	}

.btnMore {
	position: absolute;
	bottom: 10px;
	text-transform: uppercase;
	color: #223d71;
	background: url(../i/assets/icon_arrow.gif) center left no-repeat;
	line-height: 1em;
	padding: 0 0 0 17px;
	font-weight: bold;
	}

.btnMore:hover {
	text-decoration: none;
	}

/* -------------------- Specific Styling -------------------- */
#heroDiv p {
	padding: 0 380px 18px 0;
	font: bold 1.5em/1.2em Arial, Helvetica, sans-serif;
	}

#heroDiv h3 {
	width: 205px;
	height: 28px;
	padding: 0;
	background: url(../i/assets/btn_programmes.png) top no-repeat;
	}

#heroDiv ul:hover h3 {
	background-position: bottom;
	}

#studyPrograms ul {
	width: 193px;
	display: none;
	margin: -1px 0 0 6px;
	padding: 0 0 5px 0;
	background: url(../i/assets/dropdown_bg.png) bottom no-repeat;
	}

#studyPrograms li:hover ul {
	display: block;
	}

#studyPrograms ul li {
	padding: 0 14px;
	background: url(../i/assets/dropdown_bg-1.png);
	}

#studyPrograms a {
	display: block;
	padding: 6px 0;
	margin: 0;
	color: #ea941e;
	font-weight: bold;
	background: url(../i/assets/dot_wh.png) bottom left repeat-x;
	}
	
#studyPrograms #last a {
	background: none;
	}

#callsToAction {
	height: 166px;
	margin: -8px 0 0 0;
	background: url(../i/assets/dot_grey-v.gif) bottom repeat-x;
	}

.cta {
	float: left;
	height: 150px;
	padding: 16px 1px 0 0;
	position: relative;
	background: url(../i/assets/dot_grey-h.gif) top right repeat-y;
	}

.action1 {
	width: 215px;
	padding-left: 24px;
	}

.action1 p {
	padding-right: 62px;
	}

.action2 {
	width: 233px;
	padding-left: 17px;
	}

.action2 p {
	padding-right: 130px;
	}

.action3 {
	width: 187px;
	padding-left: 18px;
	background: none;
	}

.cta div {
	height: 149px;
	background-position: bottom right;
	background-repeat: no-repeat;
	}

.action1 div {
	background-image: url(../i/content/image_staff.jpg);
	}

.action2 div {
	background-image: url(../i/content/image_research.jpg);
	}

#stateOfTheArt {
	padding: 13px 0 13px 24px;
	position: relative;
	margin: 0 24px 0 0;
	background: url(../i/content/thumbs.jpg) center right no-repeat;
	}

#stateOfTheArt p {
	padding-right: 220px;
	}

#stateOfTheArt .btnMore {
	position: static;
	float: right;
	margin-right: 232px;
	}

#stateOfTheArt .absRight {
	position: absolute;
	right: -220px;
	bottom: -2px;
	width: 128px;
	}

#contactUs {
	background: #223d71;
	color: #fff;
	margin: 0 8px;
	padding: 0 20px;
	text-align: right;
	text-transform: uppercase;
	}

#contactUs p {
	height: 24px;
	line-height: 24px;
	}

#contactUs strong {
	font-size: 1.3em;
	padding: 0 0 0 5px;
	}

#footerDiv h5 a {
	/* background: url(../i/assets/footers.gif) bottom left; */
	background: url(../i/assets/logo_dhb.gif);
	display: block;
	width: 192px;
	/* height: 36px; */
	height: 42px;
	margin: 0 0 0 29px;
	}

#inAssociation {
	float: right;
	height: 3.6em;
	}

#inAssociation p {
	font-weight: bold;
	color: #bbb;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 3.6em;
	}

#inAssociation span {
	display: none;
	}
	
#wine #inAssociation h5 {
	padding-right: 4px;
}
	
#wine #inAssociation img {
	border: solid 1px #ccc;
	padding: 0;
}
	
/*Wine & Viticulture changes */
#wine #heroDiv {
	background-image: url(../i/assets/wine-header.jpg);
	z-index: 999999;
	overflow: visible;
}

#wine #contentDiv {
	z-index: 1;
}

#wine #studyPrograms li {
	background-image: white;
}

#wine #heroDiv p {
	padding: 0 300px 18px 0;
}


#wine #studyPrograms ul {
	background: url(../i/assets/wine-dropdown_bg.png) bottom no-repeat;
	}
	
#wine #studyPrograms a {
	color: #9a3e73;
	}



#wine #studyPrograms li li {
	background: url(../i/assets/wine-dropdown_bg-1.png);
	border-bottom: dotted 1px #9a3e73;
	}
	
#wine #studyPrograms h3 {
	background: url(../i/assets/wine-programmes-btn.png);
	}
	
#wine #callsToAction {
	height: 117px;
}

#wine .cta {
	z-index: 1;
	height: 99px;
}

#wine .cta div {
	height: 100px;
}

#wine .action1 div {
	background-image: url(../i/content/new-grads.jpg);
}

#wine .action2 div {
	background-image: url(../i/content/new-research.jpg);
}

#wine .action3 div {
	background-image: url(../i/content/christine-brown.jpg);
	width: 209px;
}



#wine .action1 {
	padding-left: 24px;
	width: 217px;
	}

#wine .action1 p {
	padding-right: 55px;
	}

#wine .action2 {
	width: 233px;
	padding-left: 17px;
	}

#wine .action2 p {
	padding-right: 70px;
	}

#wine .action3 {
	width: 200px;
	padding-left: 18px;
	background: none;
	}
	
#wine .action3 p {
	padding-right: 55px;
}
	
#wine .action3 p {
	margin-top: 0;
	padding-top: 0;
}
	
#wine #stateOfTheArt {
	background: url(../i/content/img-wine_facilities.jpg) center right no-repeat;
	}

#wine #stateOfTheArt p {
	padding-right: 0;
	}
	
#wine #stateOfTheArt .btnMore {
	margin-right: 10px;
	}

#wine #studyPrograms ul {
	border-bottom: solid 3px #9a3e7e;
}

/*Research changes */
#research #heroDiv {
	z-index: 999999;
	overflow: visible;
}

#research #studyPrograms li {
	background-image: white;
}

#research #heroDiv p {
	padding: 0 300px 18px 0;
}

#research .sot {
	float: left;
	height: 120px;
	padding: 16px 15px 0 0;
	position: relative;
	background: url(../i/assets/dot_grey-h.gif) top right repeat-y;
}

#research .sot div {
	height: 90px;
	background-position: bottom right;
	background-repeat: no-repeat;
	}

#research #stateOfTheArt {
	height: 127px;
	margin: -8px 0 -12px 0;
	background-image: none; 
	}

#research #stateOfTheArt .action1 {
	width: 320px;

	}

#research #stateOfTheArt .action1 p {
	padding-right: 100px;
	}

#research #stateOfTheArt .action2 {
	width: 320px;
	padding-left: 17px;
	background-image: none;
	}

#research #stateOfTheArt .action2 p {
	padding-right: 105px;
	}

#research .btnSOT {
	position: absolute; 
	bottom: 16px;
	text-transform: uppercase;
	color: #223d71;
	background: url(../i/assets/icon_arrow.gif) center left no-repeat;
	line-height: 1em;
	padding: 0 0 0 17px;
	font-weight: bold;
	}

#research .btnSOT:hover {
	text-decoration: none;
	}

/* #research #studyPrograms ul {
	background: url(../i/assets/wine-dropdown_bg.png) bottom no-repeat;
	}

#research #studyPrograms li li {
	background: url(../i/assets/wine-dropdown_bg-1.png);
	border-bottom: dotted 1px #ea941e;
	}
	
#research #studyPrograms ul {
	border-bottom: solid 3px #ea941e;
} */