html {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 80%;
}

body {
	background-color: #000000;
	background-image: url("../img/background-top.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}

a {
	color: #FFFFFF;
}

a img {
	border: none;
}

#outer {
	background-image: url("../img/background-bottom.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
}

#central {
	margin-left: auto;
	margin-right: auto;
	width: 776px;
	text-align: left;
}

#sites {
	background-image: url("../img/world.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.95em;
	height: 225px;
}

#sites .site {
	width: 24.9%;
	float: left;
	line-height: 25px;
}

#sites .site .flag {
	float: left;
	margin-right: 5px;
}

#sites .site a {
	text-transform: uppercase;
}

.clearboth {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

#header {
	position: relative;
}

#header #countdown {
	position: absolute;
	right: 15px;
	top: 129px;
	height: 45px;
	width: 250px;
	/*background: red;*/
}

#footer {
	height: 185px;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#footer #bpi {
	float: right;
	padding-top: 10px;
}

#footer #changesite {
	float: left;
	font-size: 0.9em;
	background-image: url("/_template/img/changesite-back.gif");
	background-repeat: no-repeat;
	background-position: top right;
	height: 32px;
	padding-right: 90px;
	padding-top: 5px;
}

#footer #changesite img {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

#footer #changesite .current {
	text-transform: uppercase;
}

#footer #copyright {
	font-size: 0.9em;
	text-transform: uppercase;
	float: left;
	margin-top: 4px;
}

#footer #copyright ul {
	text-transform: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer #copyright ul li {
	display: inline;
	background-image: url("/_template/img/footer-bullet.gif");
	background-position: 7px 6px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#footer #copyright ul li.first {
	background-image: none;
	padding-left: 0;
}

.form {
	background-image: url("../img/form-box-back.gif");
	background-repeat: repeat-y;
	width: 584px;
	margin-left: auto;
	margin-right: auto;
}

.form .formwrapper1 {
	background-image: url("../img/form-box-top.gif");
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
}

.form .formwrapper2 {
	background-image: url("../img/form-box-bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 30px;
	text-align: center;
}

.form table {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.form td {
	padding: 5px;
	vertical-align: top;
}

.form th {
	padding: 5px;
	vertical-align: top;
}

.form .imagebutton {
	margin-top: 10px;
}

.register.form table {
	width: 520px;
}

/** MAIN COLUMNS **/

#columns #content {
	float: left;
	width: 580px;
	margin-left: 20px;
}

#columns #content h1 {
	font-weight: normal;
	margin: 0;
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 2em;
}

#columns #widecontent {
	width: 776px;
}

/** LEFT **/

#left {
	float: left;
	margin-bottom: 10px;
}

#nav {
	background-image: url("/_template/img/nav-back.gif");
	background-repeat: repeat-y;
	width: 171px;
}

#nav .navwrapper1 {
	background-image: url("/_template/img/nav-top.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

#nav ul {
	background-image: url("/_template/img/nav-bottom.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	padding-top: 12px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none;
}

#nav ul li {
	padding: 8px;
	padding-left: 13px;
	background-image: url("/_template/img/nav-line.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#nav ul li a {
	text-decoration: none;
	display: block;
}

#nav ul li a:hover {
	text-decoration: underline;
}

#nav ul li.open {
	background-image: url("/_template/img/nav-selected-back.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	border-bottom: 1px solid black;
}

#nav ul li.open .openinner {
	background-image: url("/_template/img/nav-selected-bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 8px;
	padding-left: 13px;
}

#nav ul li.current {
	font-weight: bold;
}

#nav ul li ul {
	background-image: none;
	padding: 0;
}

#nav ul li.current ul li {
	font-weight: normal;
}

#nav ul li ul li {
	background-image: url("/_template/img/nav-bullet.gif");
	padding: 0;
	padding: 0.25em;
	padding-left: 15px;
	background-position: 0px 7px;
}

/** HOMEPAGE **/

.homepage #right {
	float: right;
}

.homepage .htmlfragment {
	width: 390px;
}

#news {
	background-image: url("/_template/img/news-back.gif");
	background-repeat: repeat-y;
}

#news .newswrapper1 {
	background-image: url("/_template/img/news-bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 5px;
}

#news h2 {
	padding: 0;
	margin: 0;
}

#news .buttons {
	padding-left: 9px;
	padding-top: 5px;
}

#news .buttons a {
	display: block;
	margin-bottom: 5px;
}

#news .newsitems {
	padding-left: 15px;
	padding-right: 15px;
}

#news .newsitems .item {
	padding-top: 3px;
	padding-bottom: 8px;
	background-image: url("/_template/img/news-line.gif");
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 135px;
}

#news .newsitems .item a {
	color: #FF9900;
}

/** CONTENT **/

.htmlfragment {
	width: 588;
	float: left;
	padding-bottom: 10px;
}

.htmlfragment a {
	color: #66CCFF;
}

.htmlfragment a:hover {
	text-decoration: none;
}

.htmlfragment .hr {
	height: 11px;
	width: 563px;
	background-image: url("/_template/img/content-hr.gif");
	background-repeat: no-repeat;
	clear: both;
}

.htmlfragment .hr hr {
	display: none;
}

.htmlfragment ul li {
	list-style-image: url("/_template/img/content-bullet.gif");
}

.htmlfragment blockquote {
	font-style: italic;
	background-image: url("/_template/img/content-quote-open.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
	padding-left: 40px;
	padding-top: 2px;
	margin-top: 1em;
}

.htmlfragment blockquote .blockquotewrapper1 {
	background-image: url("/_template/img/content-quote-close.gif");
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 40px;
}

.htmlfragment img.left {
	float: left;
	margin: 10px;
	margin-left: 0px;
}

.htmlfragment img.right {
	float: right;
	margin: 10px;
	margin-right: 0px;
}

/** REGISTRATION PAGE **/

#registerpage .form {
	float: left;
}

#registerpage .form table {
	width: 450px;
}

/** SOLUTION ENTRY **/

#solutionpage .form {
	float: left;
}

#solutionpage .form .formwrapper2,
#widecontent #solutionpage .form .formwrapper2 {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

#solutionpage .form .formwrapper2 h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#solutionpage .form .formwrapper2 p {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#solution36 {
	width: 439px;
	height: 433px;
	background-image: url("/_template/img/solution36-back.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#solution72 {
	width: 730px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#solution72 .solutionwrapper {
	background-image: url("/_template/img/solution72-back.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	height: 379px;
}

#solutionpage .form table.solution {
	border-collapse: separate;
	position: absolute;
	top: 22px;
	left: 22px;
	margin: 0;
}

#solutionpage .form #solution36 table.solution {
	width: 394px;
}

#solutionpage .form #solution72 table.solution {
	width: 693px;
	top: 19px;
	left: 19px;
}

#solutionpage .form table td {
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	width: 65px;
	height: 65px;
	text-align: center;
}

#solutionpage .form #solution72 table td,
#solutionpage .form #solution72 td {
	width: 55px;
	height: 57px;
	padding: 0;
}


/* Safari only - it measures height differenty to FF
   IE hack is catered for in ie6.css */
html[xmlns*=""] body:last-child #solutionpage .form table td {
	height: 63px;
}

html[xmlns*=""] body:last-child #solutionpage .form #solution72 table td {
	height: 55px;
}

#solutionpage table td input {
	margin-top: 20px;
	background-color: #3E6879;
	color: #FFFFFF;
	text-align: center;
	border: none;
}

#solutionpage #solution72 table td input {
	margin-top: 17px;
}


/** FULL-WIDTH FORM **/

#widecontent .form {
	width: 776px;
	background-image: url("../img/wide-box-back.gif");
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#widecontent .form .formwrapper1 {
	width: 776px;
	background-image: url("../img/wide-box-top.gif");
	background-repeat: no-repeat;
}

#widecontent .form .formwrapper2 {
	background-image: url("../img/wide-box-bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top: 20px;
}

#widecontent .flashgame {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.flashalternative p {
	text-align: left;
}

#widecontent h1 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	padding-bottom: 10px;
	font-size: 2em;
}

#widecontent .back {
	float: right;
}

/** PAGINATION/NEWS **/

.pagination.top {
	padding-bottom: 1em;
}

.pagination.bottom {
	padding-top: 2em;
	padding-bottom: 1em;
	background-image: url("../img/content-hr.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

.pagination .previous {
	float: left;
}

.pagination .next  {
	float: right;
}

.pagination ul {
	text-align: center;
	margin: 0;
	padding: 0;
	width: 380px;
	margin-left: auto;
	margin-right: auto;
}

.pagination ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	border-left: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 2em;
}

.pagination ul li.first {
	border: none;
}

.pagination ul li a {
	font-weight: normal;
	color: #4FC3EF;
}

.paginationitems .item {
	background-image: url("../img/content-hr.gif");
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
}

.paginationitems .item.news .date {
	float: left;
	padding: 0;
	margin: 0;
}

.paginationitems .item.news .details {
	margin-left: 10ex;
}

.paginationitems .item.news .details h2 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}

.paginationitems .item.news .details h2 a {
	color: #4FC3EF;
}

/** VIDEO **/

.video {
	width: 392px;
	background-image: url("../img/video-box-back.gif");
	background-repeat: repeat-y;
	margin-top: 12px;
}

.video .videowrapper1 {
	background-image: url("../img/video-box-top.gif");
	background-repeat: no-repeat;
}

.video .videowrapper2 {
	background-image: url("../img/video-box-bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top: 20px;
	padding-bottom: 20px;
}

.video .videoplayer {
	width: 340px;
	margin-left: auto;
	margin-right: auto;
}

/** WHERE TO BUY **/

.wtb {
	width: 562px;
	margin-left: auto;
	margin-right: auto;
}

.wtb a {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}