body {
	margin:0;
	background: #99b6db;
}/* for ie mac*/

/* commented backslash hack v2 \*/ 

html,
body {
	height:100%;
	padding:0;
}

* html,
* html body {
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;
}


body.bodytext {
	overflow: auto;
	height: auto !important;
}	


* html #outer {
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

* html #contain-all {
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
}

/* end hack */ 

#top-bar {
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	margin:0;
	padding:0;
	z-index:999;
	overflow:hidden;
}

.relative { position: relative; }

#topbar-inner,
#footer-inner { height:220px; }

/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner,
* html #footer-inner { margin-right:17px; }

/* end hide*/

#footer-content-flash {
	position:absolute;
	bottom:0;
	width:100%;
	height:220px;
	z-index:999;
}

.spacer { height:50px }/* same height as footer/header to preserve space*/

p { margin-top:0 }

.caption {
	font-style:italic;
}

hr {
	border: 0px;
	border-bottom: 1px solid #b9c7d4;
height: 1px font-size: 1px;
	line-height: 1px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	marign-bottom: 10px;
}

html>body #top-bar,
html>body #footer-content-flash { position:fixed }/* for moz/opera and others*/

.content-table {
	width: 100%;
	text-align: left;
}

#footer-inner a { color: #b2b2b2 !important; }

#footer-inner a:hover { text-decoration: underline; }

body,
table,
td,
th,
ol,
input,
textarea,
select,
option {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*line-height:150%;*/
}

body.bodyText,
body>bodyText { color: black !important; }

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

#home-content h1.headertext {
	color: white !important;
	border:none;
	background: none;
	border-bottom: 0px !important;
	margin: 0px !important;
	margin-bottom: 6px;
	
}

.promo-box h1 {
	color: #fd9001 !important;
	background: none !important;
}

.right-column {
	margin-top: 40px;
	padding-bottom: 200px;
}

.right-column h1 {
	color: white !important;
	background: url(Images/bg-right-col-line.png) no-repeat bottom left !important;
	font-size: 18px !important;
	font-weight: normal !important;
	margin-bottom: 7px !important;
}

/*------------------------- SECTION COLOUR STYLES ------------------------------*/  

/*HOME*/

/*body#home { background-color: white; }*/

body#home h1 {
	display: block;
	color: #55c4ef;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	background: url(Images/heading-underline.png) no-repeat bottom right;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

body#home .tell-friend-heading h2 {
	color: #55c4ef;
	font-weight: normal;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

body#home h2 {
	color: #55c4ef;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#home h3 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}


body#home div.gallery-prev,
body#home div.gallery-prev a {
	color: #55c4ef !important;
	text-decoration: none !important;
}

body#home div.gallery-next,
body#home div.gallery-next a {
	color: #55c4ef !important;
	text-decoration: none !important;
}


body#home .bodytext a,
body#home .content-left-padding a { color: #55c4ef; }

body#home .bodytext a:hover { text-decoration: underline; }

/* LIVING HERE */
body#living-here h1 {
	display: block;
	color: #f37021;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	background: url(Images/heading-underline.png) no-repeat bottom right;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

body#living-here .tell-friend-heading h2 {
	color: #f37021;
	font-weight: normal;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

body#living-here h2 {
	color: #f37021;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#living-here h3 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#living-here div.gallery-prev,
body#living-here div.gallery-prev a {
	color: #f37021 !important;
	text-decoration: none;
}

body#living-here div.gallery-next,
body#living-here div.gallery-next a {
	color: #f37021 !important;
	text-decoration: none;
}

body#living-here .pictorial-content { background-color: #c17015; }

body#living-here .pictorial-tab-on {
	display: block;
	background-image: url(Images/pictorial-living-here-tab-on.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	width: 243px;
	height: 37px;
	font-size: 13px;
	color: white;
}

body#living-here ul {
	margin: 0px;
	padding: 0px;
	list-style-stype: none;
}

body#living-here .left-content-padding ul li {
	list-style-type:none;
	background: url(Images/bp-living-here.gif) no-repeat 0px 8px;
	padding-left: 10px;
	padding-bottom: 5px;
}

h1.sub-nav-living-here {
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	background: url(Images/sub-nav-living-here-break.gif) no-repeat left bottom !important;
}

body#living-here .bodytext a { color: #f37021; }

body#living-here .bodytext a:hover { text-decoration: underline; }

/* COMMERCIAL BUSINESS */
body#commercial-business h1 {
	display: block;
	color: #7eb939;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	background: url(Images/heading-underline.png) no-repeat bottom right;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

body#commercial-business h2 {
	color: #7eb939;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#commercial-business h3 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#commercial-business div.gallery-prev,
body#commercial-business div.gallery-prev a {
	color: #7eb939;
	text-decoration: none;
}

body#commercial-business div.gallery-next,
body#commercial-business div.gallery-next a {
	color: #7eb939;
	text-decoration: none !important;
}

body#commercial-business .pictorial-content { background-color: #71a82f; }

body#commercial-business .pictorial-tab-on {
	display: block;
	background-image: url(Images/pictorial-commercial-business-tab-on.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	width: 243px;
	height: 37px;
	font-size: 13px;
	color: white;
}

body#commercial-business a { color: #7eb939; }

body#commercial-business a:hover { text-decoration: underline; }

body#commercial-business .pictorial a { color: white !important; }

body#commercial-business .tell-friend-heading h2 {
	color: #7eb939;
	font-weight: normal;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

body#commercial-business ul {
	margin: 0px;
	padding: 0px;
	list-style-stype: none;
}

body#commercial-business .left-content-padding ul li {
	list-style-type:none;
	background: url(Images/bp-commercial-business.gif) no-repeat 0px 8px;
	padding-left: 10px;
	padding-bottom: 5px;
}

h1.sub-nav-commercial-business {
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	background: url(Images/sub-nav-business-break.gif) no-repeat left bottom !important;
}

/* CITY MAP */
body#city-map h1 {
	display: block;
	color: #82797a;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	background: url(Images/heading-underline.png) no-repeat bottom right;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

body#city-map h2 {
	color: #82797a;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#city-map h3 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#city-map div.gallery-prev,
body#city-map div.gallery-prev a {
	color: #82797a !important;
	text-decoration: none;
}

body#city-map div.gallery-next,
body#city-map div.gallery-next a {
	color: #82797a !important;
	text-decoration: none;
}

body#city-map .pictorial-content { background-color: #736f62; }

body#city-map .pictorial-tab-on {
	display: block;
	background-image: url(Images/pictorial-city-map-tab-on.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	width: 243px;
	height: 37px;
	font-size: 13px;
	color: white;
}

body#city-map a { color: #82797a; }

body#city-map a:hover { text-decoration: underline; }

body#city-map .tell-friend-heading h2 {
	color: #82797a;
	font-weight: normal;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

body#city-map ul {
	margin: 0px;
	padding: 0px;
	list-style-stype: none;
}

body#city-map .left-content-padding ul li {
	list-style-type:none;
	background: url(Images/bp-city-map.gif) no-repeat 0px 8px;
	padding-left: 10px;
	padding-bottom: 5px;
}

h1.sub-nav-city-map {
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	background: url(Images/sub-nav-city-map-break.gif) no-repeat left bottom !important;
}

/* ABOUT SPRINGFIELD */
body#about-springfield h1 {
	display: block;
	color: #106eb6;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	background: url(Images/heading-underline.png) no-repeat bottom right;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

body#about-springfield h2 {
	color: #106eb6;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#about-springfield h3 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

body#about-springfield div.gallery-prev,
body#about-springfield div.gallery-prev a {
	color: #106eb6 !important;
	text-decoration: none;
}

body#about-springfield div.gallery-next,
body#about-springfield div.gallery-next a {
	color: #106eb6 !important;
	text-decoration: none;
}

body#about-springfield .pictorial-content { background-color: #0e6591; }

body#about-springfield .pictorial-tab-on {
	display: block;
	background-image: url(Images/pictorial-about-springfield-tab-on.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	width: 243px;
	height: 37px;
	font-size: 13px;
	color: white;
}

body#about-springfield a { color: #106eb6; }

body#about-springfield a:hover { text-decoration: underline; }

body#about-springfield .tell-friend-heading h2 {
	color: #106eb6;
	font-weight: normal;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

body#about-springfield ul {
	margin: 0px;
	padding: 0px;
	list-style-stype: none;
}

body#about-springfield .left-content-padding ul li {
	list-style-type:none;
	background: url(Images/bp-about-springfield.gif) no-repeat 0px 8px;
	padding-left: 10px;
	padding-bottom: 5px;
}

h1.sub-nav-about-springfield {
	padding-bottom: 3px !important;
	margin-bottom: 5px !important;
	background: url(Images/sub-nav-about-springfield-break.gif) no-repeat left bottom !important;
}

/*--------------------- QUOTE TEXT -----------------------*/


body#about-springfield ul {
	margin: 0px;
	padding: 0px;
	list-style-stype: none;
}

body#about-springfield .left-content-padding ul li {
	list-style-type:none;
	background: url(Images/bp-about-springfield.gif) no-repeat 0px 8px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.show { }

.hide { display:none; }

a {
	color:#55c4ef;
	text-decoration:none;
}

a:hover { text-decoration:underline; }

img,
input { border : none; }

input { border: 1px solid #FFFFFF; }


/*------------------------------ HOMEPAGE LAYOUT -------------------------*/

.home-wrapper {
	position: relative;
	width: 973px;
}

.home-container,
.section-container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 973px;
	height: 652px;
	z-index: 2;
}

.home-content {
	position: absolute;
	top: 380px;/**/
	left: 40px;
	width: 540px;
	height: 120px;
	z-index: 3;
	color: white !important;
}

.home-content .bodytext { color: white !important; }

.home-content h1 {
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.home-promotions {
	position: absolute;
	top: 166px;
	left: 664px;
	width: 296px;
}

.home-promotions h1 { font-size: 14px; }

.home-icon {
	margin-left: 10px;
	margin-top: 10px;
}

.home-promotions ul {
	margin: 0px;
	padding: 0px;
	list-style-type:disc !important;
	color: white;
}

.home-promotions li {
	list-style-type: disc !important;
	color: white;
	margin-left: 10px;
}

.home-icon { position: relative; }

#home-icon-on {
	position: absolute;
	top: 0px;
	left: 0px;
}

.home-icon-off { visibility: hidden; }

.home-icon-on { visibility: visible; }

.home-footer .bodytext {
	margin-left: 20px;
	margin-top: 40px;
	color: #b3b3b3 !important;
	width: 973px;
	font-size: 11px !important;
}

.home-footer-surround {
	position: absolute;
	bottom: 10px;
	left: 0px;
	z-index: 300;
	width: 100%;
}

.home-footer {
	width: 973px;
	height: 30px;
}

.home-footer a { color: #b3b3b3 !important; }

.home-footer a:hover { text-decoration: underline; }

.bg-home-left {
	width: 100%;
	height: 652px;
	background: url(Images/bg-home-left.jpg) no-repeat top right;
}

.bg-home-right {
	width: 100%;
	height: 652px;
	background: url(Images/bg-home-right.jpg) no-repeat top left;
}

.download-file-link { margin-top: 10px; }

.bg-home-gradient {
	background: url(Images/bg-home-tile.jpg) repeat-x top center;
	z-index: 0;
}

.subscribe-form {
	position: absolute;
	top: 530px;
	left: 60px;
}

.full-story-container {
	position: relative;
	width: 102px;
	height: 24px;
	margin-top: 8px;
	margin-left: 20px;
}

.picture-frame-button {
	position: relative;
	width: 90px;
	height: 39px;
}

.gallery-btn {
	position: relative;
	/*width: 90px;*/
	height: 39px;
}

.full-story-off,
.full-story-on,
.pictorial-btn-on,
.pictorial-btn-off,
.picture-frame-btn-on,
.picture-frame-btn-off {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	visibility: visible;
}

.full-story-off,
.pictorial-btn-off,
.picture-frame-btn-off {
	visibility:hidden;
	z-index:3;
}

/*---------------------- PICTORIAL SECTION -----------------------------*/

.pictorial {
	font-size: 12px;
	width: 580px;
}

.pictorial .bodytext a,
.pictorial a:hover { color: white !important; }

h1.pictorial {
	font-size: 16px;
	font-weight: bold;
	color: white;
}

.pictorial-tabs {
	position: absolute;
	z-index: 100;
}

.pictorial-tabs ul,
.pictorial-tabs ul li,
.pictorial-tabs a {
	color: white;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	display: block;
}

.pictorial-tab-off {
	display: block;
	width: 220px;
	background: url(Images/pictorial-tab-off.png);
	width: 208px;
	height: 37px;
	font-size: 13px;
}

.pictorial-tab-off a { color: #1f5b73 !important; }

.pictorial-img-container {
	width: 359px;
	height: 281px;
	background: url(Images/bg-pictorial-top.jpg) no-repeat top left;
}

.pictorial-button {
	position: absolute;
	top: 273px;
	right: 17px;
}

.pictorial-img-inner {
	margin-left: 17px;
	padding-top: 17px;
	width: 325px;
	height: 244px;
	overflow: hidden;
}

/*---------------------- CALL TO ACTION WIDGET -------------------------*/

.cta_container { 
	
	margin-bottom: 20px; 
}

.cta_container td {
	color: #474747 !important;
}

.cta_container a { color: #a0a0a0 !important; }

.cta_container a:hover { }

.cta_make_enquiry_inner,
.cta_drop_in_inner,
.cta_follow_us_inner {
	border: 1px solid #d5d9df;
	border-top: 0px;
	width: 247px;
	background-color: white;
}

.cta_contact_us_inner {
	border: 1px solid #d5d9df;
	border-top: 0px;
	width: 247px;
	background-color: white;
	background-image: url(Images/cta-contact-us-bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size: 11px !important;
}

.cta_contact_us_inner td { 
	color: #474747 !important;
	font-size: 11px !important;
}

.cta_contact_us_inner h2 {
	font-size: 13px !important;
	color: #474747 !important;
	border-bottom: 1px solid #CCCCCC;
}

.cta_btn_positioner {
	position: relative;
	z-index: 10;
}

.cta_btn_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 262px;
	height: 31px;
	z-index: 10;
}

.cta_btn_on {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

.cta_btn_off {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 101;
}

/*---------------------- TESTIMONIALS ----------------------------------*/

.testimonials-container { margin-bottom: 20px; }

.testimonial-buttons {
	width:246px;
	background-color: #d7e7f5;
	border: 1px solid white;
}

body#living-here .testimonial-content {
	background-color: #f37021;
	border-top: 1px solid white;
}

body#commercial-business .testimonial-content {
	background-color: #71a82f;
	border-top: 1px solid white;
}

body#city-map .testimonial-content {
	background-color: #82797a;
	border-top: 1px solid white;
}

body#about-springfield .testimonial-content {
	background-color: #106eb6;
	border-top: 1px solid white;
}

/*---------------------- Section Layout styles -------------------------*/


.bg-section-left {
	width: 100%;
	height: 652px;
	background: url(Images/bg-section-left.jpg) no-repeat top right;
}

.bg-section-right {
	width: 100%;
	height: 652px;
	background: url(Images/bg-section-right.jpg) no-repeat top left;
}

.section-content {
	position: absolute;
	top: 127px;
	left: 0px;
	width: 973px;
	z-index: 3;
	color: white;
}

h1.section-living-here {
	color: white !important;
	font-size: 25px;
	background: none !important;
}

#page-title h1 {
	color: white !important;
	font-size: 15px !important;
	background: none !important;
}

/*----------------------- PROJECT BOX ---------------------------------------*/

.project-box-right-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 254px;
	height: 119px;
}

.project-box-left-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 232px;
	height: 119px;
	z-index: 101px;
}

/* ---------------------- CONTENT LAYOUT STYLES -----------------------------*/

.content-container {
	margin: 0px;
	padding: 0px;
	background-color: #b6cee7;
	background-image: url(Images/bg-content-main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top: 1px solid #0e2248;
}

.content-background-image {
	background: url(Images/bg-content-content-tile.png) repeat-y 0px 0px;
	margin-top: 125px;
}

.content-getting-here {
	margin-top: 125px;
	background: #e3ecf5;
}

.content-container-flash {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top: 1px solid #0e2248;
	background-image:none !important;
}

.content-content {
	width: 973px;
	color: black !important;
}

.project-content {
	width: 973px;
	color: black !important;
	margin-top: 125px;
}

.left-content-inner {
	width: 587px !important;
	color: black !important;
}

.left-project-inner {
	width: 587px !important;
	color: black !important;
	background: url(Images/bg-content-content-tile.png) repeat-y top left;
	_height: 579px;
 	#height: 579px;
}

.left-content-inner .bodytext { color: black !important; }

.left-content-padding {
	position: relative;
	width: 537px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	min-height: 600px;
	_height: 600px;
}

.bg-content-left {
	width: 100%;
	height: 706px;
	background: url(Images/bg-content-left.jpg) no-repeat top right;
}

.bg-content-right {
	width: 100%;
	height: 706px;
	background: url(Images/bg-content-right.jpg) no-repeat top left;
}

.bg-content-footer-left {
	width: 100%;
	height: 237px;
	background: url(Images/bg-content-footer-left.jpg) no-repeat top right;
}

.bg-content-footer-right {
	width: 100%;
	height: 237px;
	background: url(Images/bg-content-footer-right.jpg) no-repeat top left;
}

/*-----------------------------Sitemap---------------------------------*/
.sitemap_p,
.sitemap_p a,
.sitemap_p a:hover,
.sitemap_p a:active,
.sitemap_p a:visited {
	font-size:13px;
	font-weight:bold;
	color:#302f34;
}

.sitemap,
.sitemap a,
.sitemap a:hover,
.sitemap a:active,
.sitemap a:visited {
	font-size:12px;
	color:#797979;
}

.sitemap a:hover { color:#302f34; }

.sitemap-container {
	position: absolute;
	visibility: hidden;
}

.sitemap-btn {
	position: absolute;
	bottom: 0px;
	left: 157px;
}

.hide { visibility: hidden; }

.show { visibility:visible; }

/*---------------------------- TELL A FRIEND CONTAINER ---------------------------------*/

.tell-friend-container {
	position: absolute;
	z-index: 1;
	background:url(Images/bg-tell-a-friend.png) no-repeat top left;
	width: 311px;
	height: 260px;
	margin-left: -35px;
}

.tell-friend-input {
	width: 180px;
	margin-bottom: 10px;
	border: 1px solid #999999;
}

.tell-friend-form {
	position: absolute;
	z-index: 2;
	top: 95px;
	left: 50px;
}

.tell-friend-heading {
	position: absolute;
	z-index: 2;
	top: 28px;
	left: 45px;
}

.tell-friend-sub {
	font-size: 10px;
	color: #333333;
	line-height: 12px;
	width: 220px;
}

/*-------------------------------------------- MENU ------------------------------------*/



/* page styling, unimportant for the menu. only makes the page looks nicer */
/*body {
	font-family: arial, "Trebuchet MS", sans-serif;
	font-size: 100%;
}

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

.example {
	background: #eee;
	padding: 50px;
}
*/
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu,
.menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li { float: none;/* items of the nested menus are kept on separate lines */ }

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after,
.menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.menu,
.menu ul {	/* IE7 float clear: */ min-height: 0; }

/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}

.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu,
.menu ul li {
	color: #eee;
	background: #234;
}

.menu ul { width: 11em; }

.menu a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:hover,
.menu li:hover>a { color: #fc3; }

.menu li li {	/* create borders around each item */ border: 1px solid #ccc; }

.menu ul>li + li {	/* and remove the top border on all but first item in the list */ border-top: 0; }

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a,
.menu li + li + li li:first-child>a { color: #567; }

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/


/*----------------------------------- NAVIGATION ----------------------------------*/

.navigation-container {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 973px;
	z-index: 99999;
}

.navigation li,
.navigation ul {
	list-style-type: none !important;
	list-style-image:none !important;
	padding: 0px;
	margin: 0px;
}

.right-navigation {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99999;
}

.navigation {
	position: absolute;
	top: 0px;
	z-index: 99999;
	width: 579px;
	min-height: 45px;
	_height: 45px;
	overflow: hidden;
}

.right-nav-padding {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
}

.nav-font,
.nav-font a {
	font-family: arial, verdana, sans serif;
	font-size: 13px;
	color: white !important;
}

.nav-font a:hover { text-decoration: underline !important; }

.navigation ul,
ul.navigation {
	list-style-type: none !important;
	padding: 0px;
	margin: 0px;
	white-space:nowrap;
}

.navigation li {
	float: left;
	zoom: 1;
	list-style-type: none !important;
	font-family: arial, verdana, sans serif;
	font-size: 13px;
}

.navigation .menu-on,
.navigation .menu-off {
	position: relative;
	list-style-type: none !important;
	height: 45px;
	padding-right: 30px;
	padding-left: 41px;
	padding-top: 10px;
}

.navigation .menu-off {
	position: relative;
	height: 45px;
	background-repeat: repeat-x;
	background-position: top;
	margin-left: 32px;
	padding-left: 6px;
	text-align: center;
}

.navigation .sub-nav-item { display: block; }

.navigation li.sub-nav-item {
	display: block !important;
	float:none !important;
}

.item-container { margin-left: -32px; }

#nav-parent-living-here {
	width: 130px;
	cursor: pointer;
	cursor: hand;
	color: #6d7581;
}

#nav-parent-commercial-business {
	width: 180px;
	cursor: pointer;
	cursor: hand;
	color: #6d7581;
}

#nav-parent-city-map {
	width: 95px;
	cursor: pointer;
	cursor: hand;
	color: #6d7581;
}

#nav-parent-about-springfield {
	width: 167px;
	cursor: pointer;
	cursor: hand;
	color: #6d7581;
}

.nav-parent-off,
.nav-parent-off-first,
.nav-parent-off-blank,
.living-here-on {
	display: block;
	height: 35px;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: white;
}

.nav-parent-off-first {
	background-image: none !important;
	background-color: white;
}

.nav-parent-off-blank {
	background-image: none !important;
	background-color: white;
}

a.sub-nav-item-off {
	font-family: arial, verdana, sans serif !important;
	font-size: 11px !important;
	color: white !important;
}

a.sub-nav-item-off-first { background: none; }

/*------------------------- LIVING HERE ------------------------------*/

.living-here-on {
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color: #da7b1b;
}

#sub-nav-living-here .sub-nav-item-off {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px;
	list-style-type: none;
	background: url(Images/sub-nav-living-here-break.gif) no-repeat left bottom;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: white !important;
	text-decoration: none !important;
}

#sub-nav-living-here .sub-nav-item-on {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	background: url(Images/sub-nav-living-here-active.gif) no-repeat left bottom;
}

#sub-nav-living-here a.sub-nav-item-on {
	color: #77390a !important;
	text-decoration: none !important;
	padding-left: 7px;
	font-size: 11px !important;
}

/*------------------------- COMMERCIAL AND BUSINESS ------------------*/

#sub-nav-commercial-business a.sub-nav-item-off {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px;
	list-style-type: none;
	background: url(Images/sub-nav-business-break.gif) no-repeat left bottom;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: white;
}

#sub-nav-commercial-business a.sub-nav-item-on {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: blue;
	background: url(Images/sub-nav-business-active.gif) no-repeat left bottom;
}

#sub-nav-commercial-business a.sub-nav-item-on {
	color: #5c8129 !important;
	text-decoration: none !important;
	padding-left: 7px;
	font-size: 11px !important;
}

/*----------------------------- CITY MAP ---------------------------------*/

#sub-nav-city-map .sub-nav-item-off {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px;
	list-style-type: none;
	background: url(Images/sub-nav-city-map-break.gif) no-repeat left bottom;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: white;
}

#sub-nav-city-map a.sub-nav-item-on {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: blue;
	background: url(Images/sub-nav-city-map-active.gif) no-repeat left bottom;
}

#sub-nav-city-map a.sub-nav-item-on {
	color: #817a7a !important;
	text-decoration: none !important;
	padding-left: 7px;
	font-size: 11px !important;
}

/*----------------------------- ABOUT SPRINGFIELD ---------------------------------*/

#sub-nav-about-springfield .sub-nav-item-off {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px;
	list-style-type: none;
	background: url(Images/sub-nav-about-springfield-break.gif) no-repeat left bottom;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: white;
}

#sub-nav-about-springfield a.sub-nav-item-on {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-top: 2px;
	min-height: 18px;
	line-height: 18px;
	height: 18px;
	color: blue;
	background: url(Images/sub-nav-about-springfield-active.gif) no-repeat left bottom;
}

#sub-nav-about-springfield a.sub-nav-item-on {
	color: #1d3c68 !important;
	text-decoration: none !important;
	padding-left: 7px;
	font-size: 11px !important;
}

.first {
	border: 0px;
	background: none;
	color: white;
}

ul.sub-nav-ul {
	list-style-type: none !important;
	list-style-image: none !important;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/*------------- COMMERCIAL AND BUSINESS NAV STYLES ------------*/

#sub-nav-commercial-business h1,
#sub-nav-living-here h1 {
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	background: url(Images/sub-nav-business-break.gif) no-repeat left bottom;
}

#sub-nav-living-here h1 { background: url(Images/sub-nav-living-here-break.gif) no-repeat left bottom; }

.navigation-content { width: 170px; }

.navigation-content .bodytext { color: white !important; }

#sub-navigation {
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 99999;
	width: 580px;
	height: 175px;
	display: none;
}

#breadcrumbs {
	position: absolute;
	z-index: 1;
	top: 55px;
	left: 0px;
	font-size: 10px;
	color: white !important;
}

#breadcrumbs a { color: white !important; }

#breadcrumbs a:hover {
	color: white;
	text-decoration: underline;
}

#page-title {
	position: absolute;
	z-index: 1;
	top: 75px;
	left: 0px;
	width: 580px;
}

.pictorial-link {
	color: white !important;
	text-decoration: none !important;
}

/*---------------------------------- FOOTER ------------------------------------*/

.bg-home-footer-left {
	width: 50%;
	height: 69px;
	background: url(Images/bg-home-footer-left.jpg) no-repeat top right;
}

.bg-home-footer-right {
	width: 50%;
	height: 69px;
	background: url(Images/bg-home-footer-right.jpg) no-repeat top left;
}

.content-footer {
	position: relative;
	width: 973px;
	height: 237px;
	background: url(Images/bg-content-footer.jpg) no-repeat top left;
}

.section-footer {
	position: relative;
	width: 973px;
	height: 237px;
	background: url(Images/bg-content-footer-static.jpg) no-repeat top left;
}

.content-footer-inner {
	position: absolute;
	top: 210px;
	left: 0px;
	z-index: 99999;
	color: #b2b2b2 !important;
	font-size: 10px !important;
}

.content-footer-inner a,
.content-footer-inner td {
	color: #b2b2b2 !important;
	font-size: 11px !important;
}

.content-footer-content {
	color: #b2b2b2;
	position: absolute;
	z-index: 99999;
	bottom: 10px;
	width: 100%;
}

.footer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 973px;
	height: 69px;
	background: url(Images/bg-home-footer.jpg) no-repeat top left;
	z-index: 3;
}

.global-footer-content,
.global-footer-content .bodytext,
.global-footer-content .bodytext a {
	font-size: 11px !important;
	color: #b2b2b2 !important;
}

.footer-flash {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 973px;
	height: 69px;
	background: url(Images/bg-home-footer.jpg) no-repeat top left;
	z-index: 100;
}

.right-footer-inner { width: 350px; }

/*---------------------------------------- CONTENT FOOTER ---------------------------*/


.footer-content-flash {
	position:fixed;
	left: 0px;
	bottom: 0px;
	background-color: #cdcdcd;
	height: 237px;
	text-align: center;
	font-size:10px;
	color:#CC0000;
	font-family:Verdana;
}

.quote-text-surround {
	height: 201px;
	width: 100%;
	background: url(Images/bg-quote-box.png) repeat-x bottom;
}

.quote-text-break {
	border: 0px;
	border-bottom: 1px solid #b9c7d4;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	marign-bottom: 10px;
}

.living-here-quote,
.living-here-quote .bodytext,
.commercial-business-quote,
.commercial-business-quote .bodytext,
.city-map-quote,
.city-map-quote .bodytext,
.about-springfield-quote,
.about-springfield-quote .bodytext,
.home-quote,
.home-quote .bodytext {
	font-size: 17px !important;
	color: #f37021 !important;
	margin-top: 18px !important;
	line-height: 160%;
}

.home-quote,
.home-quote .bodytext {
	color: #55c4ef !important;
}

.commercial-business-quote,
.commercial-business-quote .bodytext { color: #7eb939 !important; }

.city-map-quote,
.city-map-quote .bodytext { color: #82797a !important; }

.about-springfield-quote,
.about-springfield-quote .bodytext { color: #106eb6 !important; }

#flash_content #content-content { margin-top: 120px; }

h1.headertext { line-height:135%; }

/*----------------- GALLERY WIDGET ---------------------*/

.testi-container {
	/*position: relative;*/
	/*z-index: 99999;*/
}

.testi-container-on {
	overflow: visible;
}

.faderstyle {
	width: 266px; 
	height: 201px; 
	overflow: hidden;
}

.testi-container table.gallery-inner {
	width: 266px;
	color: white;
	font-size: 11px;
	text-align: left;
}

.testi-content {
	/*position: relative;*/
	background-repeat: no-repeat;
	background-position: top;
	background-color: white;
	height: 201px;
	color: white;
	text-align: left;
	/*z-index: 2;*/
}

.frame_right { background: url(Images/img-drop-shadow-horo.png) repeat-y top; }

.frame_bottom {
	background: url(Images/img-drop-shadow-vert.png) repeat-x top left;
	line-height: 5px;
	height: 5px;
	font-size: 1px;
	width: 100%;
}


/*---------- MISC ------------------*/

.drop-shadow-corner {
	line-height: 5px;
	height: 5px;
	width: 5px;
	overflow: hidden;
	font-size: 1px;
}

/*-------- NEWSLETTER STYLES -----*/

ul.nl-sub-nav {
	margin: 0;
	padding: 0;
}

ul.nl-sub-nav li {
	list-style-type: none;
	background: url(Images/img-newsletter-bullet.gif) no-repeat 10px 8px;
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 13px;
}

.nl-sub-nav-container {
	background: url(Images/bg-newsletter-issues.png) repeat-y top left;
}

.nl-sub-nav-container h1 {
	padding: 0px !important;
	padding-top: 4px !important;
	height: 18px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	
	
}

.left-newsletter {
	position: relative;
	/*width: 537px;*/
	padding-left: 15px;
	padding-top: 10px;
	/*padding-right: 40px;*/
	width: 530px;
	min-height: 600px;
	_height: 600px;
}

.left-newsletter h1 {
	color: #1b3657 !important;
	background: none !important;
	font-size: 18px !important;
	margin: 0px !important;
	margin-bottom: 10px !important;
	
}

.newsletter-right-column {
	margin-top: 40px;
	padding-bottom: 200px;
}


.newsletter-right-column h1 {
	color: white !important;
	background: url(Images/bg-right-col-line.png) no-repeat -40px 25px !important;
	font-size: 16px !important;
	font-weight: normal !important;
	margin-bottom: 3px !important;
}

.newsletter-content-inner {
	width: 582px !important;
	/*border: 1px solid red;*/
}

.newsletter-content-inner .bodytext { 
	color: #757575 !important;
}