div#upgrade_text {
	width:650px;
	margin:auto;
	text-align:center;
}
div#upgrade_images {
	width:800px;
	margin:auto;
	margin-top:20px;
	text-align:center;
}
.upgrade_image {
	background-image:url(../images/background_upgrade_image.gif);
	padding:6px;
}
div#flashholder {
	/* SWFObject 2.4 makes the Flash's DIV lose its centred positioning, so wrap it in another DIV*/
	margin:auto;
	text-align:center;
	width:1000px;
	height:510px;
}
div#flashcontent {
	margin:auto;
	text-align:center;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#intro {
	text-align:center;
	/* Layer is now hidden by the div's style attribute, so it responds to Scriptaculous */
	/*display:none;*/
	margin-top:15px;
	/* Stop IE7 from displaying the text cursor in this essentially empty div */
	cursor:default;
}
div#introcontents {
	margin:auto;
	/* Set the width to 940 i.e. 1000 - 60 i.e. a border of 30 pixels on left and right */
	width:940px;
	/* Make IE7 use the standard cursor behaviours in this div */
	cursor:auto;
}
div#introtext {
	text-align:left;
	float:left;
	width:590px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
}
.award {
	display:inline;
	float:left;
	background-image:url(../images/background_award.gif);
	background-repeat:no-repeat;
	padding-bottom:6px;
	padding-left:14px;
	padding-right:14px;
	padding-top:6px;
	margin-bottom:10px;
	margin-right:10px;
}
.awardrollover {
	display:inline;
	float:left;
	background-image:url(../images/background_award.gif);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-bottom:6px;
	padding-left:16px;
	padding-right:14px;
	padding-top:8px;
	margin-bottom:8px;
	margin-right:8px;
}
.detailsimage {
	display:inline;
	float:left;
	background-image:url(../images/background_award.gif);
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-left:13px;
	padding-right:13px;
	padding-top:5px;
	margin-bottom:10px;
	margin-right:10px;
}
div#software {
	text-align:center;
	float:right;
	width:320px;
	background-image:url(../images/background_software.jpg);
	background-repeat:no-repeat;
	padding-bottom:14px;
}
.softwarecontents {
	margin:auto;
	width:280px;
	margin-top:19px;
}
.softwareicon {
	float:left;
	background-image:url(../images/background_software_icon.gif);
	background-repeat:no-repeat;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 13px;
	width:40px;
}
.softwaretext {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ccc;
	text-align:left;
	padding-top: 4px;
	margin-left: 10px;
	width:80px;
}
.softwareiconrollover {
	float:left;
	background-image:url(../images/background_software_icon.gif);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-left: 7px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 11px;
	width:40px;
}
.softwaretextrollover {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
	text-align:left;
	padding-top: 4px;
	margin-left: 8px;
	width:80px;
}
.softwarespacer {
	float:left;
	width:280px;
	height:1px;
	/* Add font-size:1px; and line-height:1px; because otherwise IE6 won't display DIVs with heights less than the page's default font size, 12px ish */
	/*   is also required inside the empty div tag to make this work, otherwise IE6 and lower shows a 2px div */
	font-size:1px;
	line-height:1px;
}
.tech {
	/* Font GIFs are now enclosed in DIVs so without this they all appear one under the other */
	float:left;
}
div#technology {
	/* Set width of the technology div so the font GIFs lay themselves out properly */
	width:590px;
	/* Font GIFs are now enclosed in DIVs so without this they all appear one under the other */
	float:left;
}
div#key {
	/* Move the Technology key into left alignment with the footer text */
	margin-left: 14px;
	/* Without this the key will appear above the left-floated tech GIFs */
	float:left;
}
div#footer {
	/* text-align:center; will centre the contents of div 'footer' in IE7 but not Firefox */
	text-align:center;
	/* Layer is now hidden by the div's style attribute, so it responds to Scriptaculous */
	/*display:none;*/
	/* Float and Clear below make the footer layer appear below the intro text div regardless of how much intro text there is */
	float:none;
	clear:both;
	/* Stop IE7 from displaying the text cursor in this essentially empty div */
	cursor:default;
	/* height 198px is the logo height of 195px plus 3px to allow the tails of g and j etc. in the footer text*/
	height:198px;
	/* Create bototm margin of 20px - 17px plus the 3px from the footer text's overflow*/
	padding-bottom:17px;
}
div#footercontents {
	/* margin:auto; will centre the contents of div 'footercontents' in Firefox but not IE7 */
	margin:auto;
	width:1000px;
	/* Make IE7 use the standard cursor behaviours in this div */
	cursor:auto;
	/* height 198px is the logo height of 195px plus 3px to allow the tails of g and j etc. in the footer text*/
	height:198px;
	/* Use overflow:hidden to cut off the bottom of the 'footermenu' div which will have expanded down to 380 pixels because of the line-height */
	overflow:hidden;
}
div#footermenu {
	text-align:right;
	float:left;
	width:800px;
	/* Force the footer down the page by 195px - so it's 390 minus 10 for the text height itself */
	line-height:380px;
}
div#footermenu ul, #footermenu li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
div#footerlogo {
	float:right;
	width:200px;
}
div#spacer {
	text-align:center;
}
#base {
	/* Firefox 3.6 adds a 1px border when you click an SWF - add the following, using the SWFs ID as a DIV name */
	outline:none;
}