/* Global ________________________________________________________ */

html, body, div, span, p, br, ul, li, a, img, hr, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #fff;
	font: 10px Georgia, Utopia ,Palatino, 'Palatino Linotype', serif;
	color: #fff;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: none;
}

hr {
	height: 1px;
	border-bottom: 1px dashed #fff;
	line-height: 0;
	margin: 0 10px 0 10px;
}


/* Typography ____________________________________________________ */


/* Typography - Navigation ______________________ */

#navigation {
	font: 1.4em Albertus MT, Georgia, Utopia, Palatino, 'Palatino Linotype', serif;
}

/* Typography - Extra Info ______________________ */

#extraInfo {
	font-size: 1.2em;
}

#extraInfo p, #extraInfo a {
	color: #1d4774;
}

#extraInfo p {
	margin: 0 0 6px 10px;
}

#extraInfo h2 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 9px 0 2px 10px;
}

/* Typography - Main Content ____________________ */

#mainContent h2, #mainContent h3 {
	font-size: 1.3em;
	margin: 10px 0 0 10px;
}

#mainContent h4 {
	font-size: 1em;
	margin: 10px 0 0 10px;
}

#mainContent {
	font-size: 1.2em;
}

#mainContent p, #mainContent ul {
	line-height: 1.4em;
	margin: 12px 10px 12px 10px;
}

#mainContent .selected a, #mainContent .notSelected a {
	font-weight: bold;
}

#textarea {
	overflow: auto;
	margin-bottom: 5px;
}

#singlecolumn #textarea {
	width: 465px;
}


#section_home #textarea {
	height: 400px;
}


/* Container _____________________________________________________ */

#container {
	width: 1024px;
	height: 767px;
	background: url(../media/image/global/background_home.jpg) top left no-repeat;
	margin: 0 auto;
}

#section_home #container {
	background: url(../media/image/global/background_home.jpg) top left no-repeat;
}

#section_shoppingguide #container {
	background: url(../media/image/global/background_directory.jpg) top left no-repeat;
}

#section_gettinghere #container {
	background: url(../media/image/global/background_gettinghere.jpg) top left no-repeat;
}

#section_events #container {
	background: url(../media/image/global/background_events.jpg) top left no-repeat;
}

#section_commercial #container {
	background: url(../media/image/global/background_commercial.jpg) top left no-repeat;
}

#section_companyinformation #container {
	background: url(../media/image/global/background_companyinfo.jpg) top left no-repeat;
}

#section_contactus #container {
	background: url(../media/image/global/background_contact.jpg) top left no-repeat;
}

#container div {
	float: left;
}


/* Header ________________________________________________________ */

#header {
	width: 1024px;
	text-indent: -2000px;
}

#header h1, #header h2 {
	float: left;
}

#header h1 {
	width: 87px;
	height: 113px;
	background: url(../media/image/global/logo.png);
	margin: 20px 20px 0 20px;
}

#header h2 {
	width: 517px;
	height: 72px;
	background: url(../media/image/global/strapline.png);
	margin: 40px 0 0 0;
}


/* Sub Column ____________________________________________________ */

#subColumn {
	width: 200px;
	margin: 25px 0 0 0;
}

/* Navigation ___________________________________ */

#navigation a:hover {
	text-decoration: none;
}

#navigation li {
	width: 190px;
	height: 20px;
	line-height: 20px;
}

#navigation li a {
	padding-left: 20px;
}

#navigation li ul li a {
	padding: 0 0 0 28px;
}

#navigation li li {
	display: inline;
}

#section_home #navigation li li { /* Fixes a few pixels of 'padding-bottom' that appeared on Home in navigation */
	display: block;
}

#nav1 {
	background-color: #cc1c68;
}

#nav1 a {
	padding-right: 125px;
}

#nav1 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #cc1c68;
	margin: -20px 0 0 190px;
}

#nav2 {
	background-color: #0f9cd8;
}

#nav2 a {
	padding-right: 65px;
}

#nav2 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #0f9cd8;
	margin: -20px 0 0 190px;
}

#nav2 ul li .selected {
	color: #003366;
}

#nav3 {
	background-color: #1c3664;
}

#nav3 a {
	padding-right: 80px;
}

#nav3 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #1c3664;
	margin: -20px 0 0 190px;
}

#nav3 ul li .selected {
	color: #009DDC;
}

#nav4 {
	background-color: #cc1c68;
}

#nav4 a {
	padding-right: 120px;
}

#nav4 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #cc1c68;
	margin: -20px 0 0 190px;
}

#nav4 ul li .selected {
	color: #003366;
}

#nav5 {
	background-color: #0f9cd8;
}

#nav5 a {
	padding-right: 90px;
}

#nav5 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #0f9cd8;
	margin: -20px 0 0 190px;
}

#nav5 ul li .selected {
	color: #003366;
}

#nav6 {
	background-color: #1c3664;
}

#nav6 a {
	padding-right: 25px;
}

#nav6 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #1c3664;
	margin: -20px 0 0 190px;
}

#nav6 ul li .selected {
	color: #009DDC;
}

#nav7 {
	background-color: #cc1c68;
}

#nav7 a {
	padding-right: 90px;
}

#nav7 ul {
	position: relative;
	z-index: 1;
	width: 503px;
	height: 20px;
	background-color: #cc1c68;
	margin: -20px 0 0 190px;
}

/* Extra Info ___________________________________ */

#extraInfo {
	width: 180px;
	height: 190px;
	background-color: #0f9cd8;
	margin: 90px 0 0 10px;
}

/* Content _______________________________________________________ */

#mainContent {
	width: 485px;
	margin: 25px 0 0 8px;
}

#singlecolumn {
	width: 485px;
	padding-bottom: 5px;
}

#column1 {
	width: 220px;
	margin-right: 20px;
	padding-bottom: 5px;
}

#column2 {
	width: 245px;
	padding-bottom: 5px;
}

#section_home #singlecolumn, #section_home #column1, #section_home #column2 {
	background: url(../media/image/maincontent_backgroundcolour/pink.png) repeat;
	margin-top: 20px;
}

#section_shoppingguide #singlecolumn, #section_shoppingguide #column1, #section_shoppingguide #column2 {
	background: url(../media/image/maincontent_backgroundcolour/blue.png) repeat;
	margin-top: 40px;
}

#section_gettinghere #singlecolumn, #section_gettinghere #column1, #section_gettinghere #column2 {
	background: url(../media/image/maincontent_backgroundcolour/purple.png) repeat;
	margin-top: 60px;
}

#section_events #singlecolumn, #section_events #column1, #section_events #column2 {
	background: url(../media/image/maincontent_backgroundcolour/pink.png) repeat;
	margin-top: 80px;
}

#section_commercial #singlecolumn, #section_commercial #column1, #section_commercial #column2 {
	background: url(../media/image/maincontent_backgroundcolour/blue.png) repeat;
	margin-top: 100px;
}

#section_companyinformation #singlecolumn, #section_companyinformation #column1, #section_companyinformation #column2 {
	background: url(../media/image/maincontent_backgroundcolour/purple.png) repeat;
	margin-top: 120px;
}

#section_contactus #singlecolumn, #section_contactus #column1, #section_contactus #column2 {
	background: url(../media/image/maincontent_backgroundcolour/pink.png) repeat;
	margin-top: 140px;
}

/* Home __________________________________________________________________ */

#section_home #singlecolumn {
	height: 395px;
}

#section_home #textarea {
	width: 475px;
	height: 390px;
}

#section_home a.jScrollArrowUp {
	margin-top: 367px;
}

.layout_home #mainContent table {
	border-collapse: collapse;
	margin: 6px 10px 10px 10px;
}

.layout_home #mainContent caption {
	text-align: left;
	margin-top: 20px;
	color: #009DDC;
	font-weight: bold;
}

.layout_home #mainContent td {
	width: 180px;
}

.layout_home #mainContent td+td {
	width: 130px;
}

/* Shopping Guide ________________________________________________________ */

#section_shoppingguide #singlecolumn, #section_shoppingguide #column1, #section_shoppingguide #column2 {
	height: 375px;
}

#section_shoppingguide #mainContent .selected a {
	color: #003366;
}

.layout_shoppingguide .details {
	font-weight: bold;
}

.layout_shoppingguide .details strong {
	color: #A61D68;
}

.layout_facilities #column2 h2 {
	color: #A61D68;
	font-size: 1em;
}

#section_shoppingguide #textarea, #section_shoppingguide #textarea2 {
	height: 375px;
}

#section_shoppingguide #textarea2 {
	width: 238px;
}

#section_shoppingguide a.jScrollArrowUp {
	margin-top: 356px;
}

/* Getting Here ________________________________________________________ */

#section_gettinghere #singlecolumn {
	height: 356px;
}

.layout_gettinghere #map {
	margin: 0 0 0 10px;
}

.layout_publictransport #mainContent #traveline {
	float: right;
	margin: -20px 10px 10px 35px;
	padding: 0;
}

.layout_publictransport #mainContent hr {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}

.layout_carpark #mainContent table {
	border-collapse: collapse;
	margin: 0 10px 10px 10px;
}

.layout_carpark #mainContent caption {
	text-align: left;
	margin-top: 20px;
	color: #009DDC;
	font-weight: bold;
}

.layout_carpark #mainContent td {
	width: 100px;
}

.layout_carpark #mainContent td+td {
	width: 130px;
}

/* Events _______________________________________________________ */

#section_events #column1, #section_events #column2, #section_events #singlecolumn {
	height: 335px;
}

#section_events #mainContent .selected a {
	color: #003366;
}

#section_events #column2 h2, #section_events #column2 h3 {
	font-size: 1em;
}

#section_events #column2 h3 {
	color: #009DDC;
}

#section_events #textarea, #section_events #textarea2 {
	height: 330px;
	width: 215px;
}

#section_events #singlecolumn #textarea {
	height: 330px;
	width: 478px;
}

.layout_archive a.jScrollArrowUp, .layout_newsletter a.jScrollArrowUp {
	margin-top: 310px;
}

#section_events #advert {
	position: absolute;
	background: url(../media/image/advert/latestnewsletter.png);
	width: 163px;
	height: 61px;
	z-index: 3;
	overflow: hidden;
	margin: 12px 0 0 327px;
	text-indent: -2000px;
}

#section_events #advert h2 {
	margin-top: -40px;
}

#section_events #advert a {
	padding: 0px 1900px 60px 0;
}


/* Commercial ____________________________________________________ */

#section_commercial #singlecolumn, #section_commercial #column1, #section_commercial #column2 {
	height: 315px;
}

#section_commercial #mainContent .selected a {
	color: #003366;
}

#section_commercial #mainContent h4 {
	line-height: 0.6em;
	margin: 10px 10px -8px 10px;
	color: #003366;
}

#section_commercial #mainContent a {
	font-weight: bold;
}

.layout_commercial #column2 ul li {
	border-bottom: 1px dashed #fff;
	margin-bottom: 6px;
	padding-bottom: 6px;
}

#section_commercial #advert {
	position: absolute;
	background: url(../media/image/advert/lettingbrochure.png) no-repeat;
	width: 400px;
	height: 61px;
	z-index: 3;
	overflow: hidden;
	margin: 32px 0 0 327px;
	text-indent: -600px;
}

#section_commercial #advert h2 {
	margin-top: -20px;
}

#section_commercial #advert a {
	padding: 5px 500px 30px 0;
}

/* Company Information _______________________________________________ */

#section_companyinformation #singlecolumn, #section_companyinformation #column1, #section_companyinformation #column2 {
	height: 295px;
}

#section_companyinformation #textarea {
	width: 478px;
	height: 295px;
}

#section_companyinformation a.jScrollArrowUp {
	margin-top: 275px;
}

/* Contact us ________________________________________________________ */

#section_contactus #singlecolumn {
	height: 275px;
}

#section_contactus #textarea {
	height: 276px;
}

#section_contactus a.jScrollArrowUp {
	margin-top: 257px;
}

/* Newsletter ________________________________________________________ */

.layout_newsletter {

}

.layout_newsletter #textarea h3, .layout_newsletter #textarea a {
	color: #003366;
}

.layout_newsletter dl {
	margin: 0 10px 40px 10px;
}

.layout_newsletter dt, .layout_newsletter dd {
	margin: 0;
	padding: 0;
}

.layout_newsletter dt {
	float: left;
	width: 100px;
}

.layout_newsletter dd {
	margin-bottom: 5px;
}

.layout_newsletter dd input {
	border: none;
	width: 150px;
}

.layout_newsletter dd .address {
	width: 320px;
}

.layout_newsletter dd .genderChoice {
	width: 10px;
}

.optIn {
	clear: left;
	font-weight: bold;
}

#errorBox {
	border: white dashed 1px;
	background: #C00856;
	font-weight: bold;
	margin: 10px;
}

/* Footer ________________________________________________________ */

#footer {
	clear: both;
	margin: 130px 0 0 20px;
}

#footer ul {
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#footer ul li {
	float: left;
	margin-right: 30px;
}

#footer p {
	float: left;
	margin-right: 20px;
}

#drumbeatlink {
	display: none;
}