/* Ding Day 09 */


/*

Blue          : ;
Blue black 25%: 06799E;
Blue black 50%: 0D5A73;
Blue black 75%: 002734;

Blue white 25%: 41B2D7;
Blue white 50%: 7FCCE5;
Blue white 75%: BEE5F2;

Pink          : FF3366;
Pink white 25%; FF668C;
Pink white 50%; FF99B2;

*/

#content p a:link    { color: #FFFFFF; border-bottom: 1px dotted #41B2D7; }
#content p a:visited { color: #FFFFFF; border-bottom: 1px dotted #41B2D7; }
#content p a:active  { color: #FFFFFF; border-bottom: 1px dotted #41B2D7; }
#content p a:hover   { color: #0D5A73; border-bottom: 1px dotted #06799E; }

#sidebar a:link    { color: #191919; border-bottom: none; }
#sidebar a:visited { color: #191919; border-bottom: none; }
#sidebar a:active  { color: #191919; border-bottom: none; }
#sidebar a:hover   { color: #0D5A73; border-bottom: 1px dotted #06799E; }

.how a:link    { color: #FFFFFF; }
.how a:visited { color: #FFFFFF; }
.how a:active  { color: #FFFFFF; }
.how a:hover   { color: #FF99B2; }
.how a         { text-align: center; display: block; width: 334px; padding: 13px 30px 17px 30px; background: url(../images/how-background.gif) center no-repeat; }

.downloadLeft a:link, .downloadRight a:link       { color: #FFFFFF; border-bottom: none; }
.downloadLeft a:visited, .downloadRight a:visited { color: #FFFFFF; border-bottom: none; }
.downloadLeft a:active, .downloadRight a:active   { color: #FFFFFF; border-bottom: none; }
.downloadLeft a:hover, .downloadRight a:hover     { color: #7FCCE5; border-bottom: none; }
.downloadLeft a:link, .downloadRight a:link       { color: #FFFFFF; border-bottom: none; }
.downloadLeft a:visited, .downloadRight a:visited { color: #FFFFFF; border-bottom: none; }
.downloadLeft a:active, .downloadRight a:active   { color: #FFFFFF; border-bottom: none; }
.downloadLeft a:hover, .downloadRight a:hover     { color: #7FCCE5; border-bottom: none; }




	
.cL {
	float: left;
	}
	
.cR {
	float: right;
	}
	
.cB {
	clear: both;
	}
	
a {
	text-decoration: none;
	}
	
a img {
	border: none;
	}

body {
	margin: 0 0 100px 0;
	background: #0099CC url(../images/background-noise.gif);
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}
	
#shadow {
	margin: 0;
	padding: 0;
	background: url(../images/background-gradient.jpg) top left repeat-x;
	}

#page {
/* 	margin: 0 auto; */
/* 	width: 800px; */
	margin: 0 0 0 285px;
	padding-top: 195px;
	}




/* MAIN PAGE STRUCTURE */

#header {
	margin-bottom: 30px;
	}
	
h1 {
	margin: 0;
	color: #000000;
	font-size2.19em;
	font-weight: bold;
	line-height: 110%;
	}
	
h2 {
	margin: 0;
	color: #FFFFFF;
	font-size: 2.19em;
	font-weight: bold;
	line-height: 110%;
	}
	
h3 {
	margin: 0;
	padding: 5px 0 35px 0;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	}
	
#date {
	position: absolute;
	width: 450px;
	height: 423px;
	margin-top: -195px;
	margin-left: 352px;
	}
	
#clouds {
	position: absolute;
	width: 409px;
	height: 126px;
	margin-top: -168px;
	margin-left: -210px;
	}
	
#london {
	position: absolute;
	width: 297px;
	height: 220px;
	margin-top: 42px;
	margin-left: -270px;
	}
	
#menubar {
	position: absolute;
	width: 774px;
	height: 138px;
	margin-top: -126px;
	margin-left: -285px;
	}
	
#logo {
	position: absolute;
	width: 372px;
	height: 601px;
	margin-top: -151px;
	margin-left: -285px;
	}
	
#quote {
	position: fixed;
	z-index: 100;
	width: 100%;
	bottom: -1px;
	margin-left: -285px;
	padding-top: 12px;
	height: 33px; /* 39px */
	color: #FFFFFF;
	background: #000000;
	
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	}
	
#quote .quoteText {
	font-size: 1.00em;
	}
	
#quote .quoteName {
	color: #7F7F7F;
	font-size: 0.75em;
	padding-left: 10px;
	}
	
#quote ul {
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#quote ul li {
	width: 100%;
	list-style: none;
	position: absolute;
	visibility: hidden;
	}
	
/*
ul.crossfade {
	padding: 0;
	margin: 0;
}

#fade-news li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
.caption {
	clear: both;
	font-weight: bold;
}
*/




/* MENU */

#menu {
	position: absolute;
	width: 450px;
	height: 423px;
	margin-top: -111px;
	margin-left: 37px;
	}
	
.menu1 {
	padding-top: 43px;
	}
	
.menu2 {
	padding-top: 34px;
	}

.menu3 {
	padding-top: 25px;
	}

.menu4 {
	padding-top: 18px;
	}

.menu5 {
	padding-top: 10px;
	}




/* COUNTDOWN TIMER */

#countdown {
	width: 384px;
	padding: 11px 0 13px 0;
	text-align: center;
	color: #345810;
	font-size: 1.00em;
	background: /* #66CC00 */ url(../images/timer-background.gif) no-repeat;
	}

.timer {
	font-weight: bold;
	color: #000000;
	padding: 0 13px 0 6px;
	}

.timerLast {
	font-weight: bold;
	color: #000000;
	padding-left: 6px;
	}




/* CONTENT */

#content {
	width: 443px;
	padding-top: 15px;
	padding-right: 34px;
	padding-bottom: 50px;
	color: #FFFFFF;
	border-right: 1px dashed #41B2D7; 
	}
	
#content p {
	font-size: 0.81em;
	line-height: 145%;
	}
	
h4 {
	margin: 0;
	font-size: 1.56em;
	font-weight: normal;
	}
	
h5 {
	margin: 0;
	color: #191919;
	font-size: 1.56em;
	font-weight: normal;
	padding: 16px 20px 18px 20px;
	background: #0083AE url(../images/background-black-noise.gif);
	}
	
.how {
	padding-top: 30px;
	text-align: center;
	/* background: url(../images/how-background.gif) center no-repeat; */
	font-size: 1.88em;
	font-weight: bold;
	}




/* SUPPORT */

.support {
	margin-bottom: 20px;
	padding: 18px 20px 20px 20px;
	background: #19A3D1 url(../images/background-white-noise.gif);
	}
	
.supportName {
	color: #191919;
	padding-bottom: 13px;
	font-size: 1.13em;
	}
	
.supportText {
	font-size: 1.56em;
	line-height: 125%;
	}
	
.downloadLeft {
	padding-top: 50px;
	width: 226px;
	}
	
.downloadRight {
	padding-top: 50px;
	width: 217px;
	}

.downloadTitleLeft {
	padding: 13px 18px;
	margin-bottom: 2px;
	background: #0083AE url(../images/background-black-noise.gif);
	font-size: 0.88em;
	font-weight: bold;
	color: #191919;
	}

.downloadTitleRight {
	padding: 13px 18px 13px 0;
	margin-bottom: 2px;
	background: #0083AE url(../images/background-black-noise.gif);
	font-size: 0.88em;
	font-weight: bold;
	color: #191919;
	}
	
.downloadLeft ul {
	margin: 0;
	padding: 10px 18px 13px 18px;
	height: 156px;
	background: url(../images/background-black-gradient.jpg) repeat-x;
	}
	
.downloadLeft ul li {
	font-size: 0.69em;
	list-style: none;
	color: #004C65;
	padding: 8px 0 8px 18px;
	border-bottom: 1px dashed #41B2D7;
	background: url(../images/icon-word.gif) left center no-repeat;
	}
	
.downloadRight ul {
	margin: 0;
	padding: 10px 18px 13px 0;
	height: 156px;
	background: url(../images/background-black-gradient.jpg) repeat-x;
	}
	
.downloadRight ul li {
	font-size: 0.69em;
	list-style: none;
	color: #004C65;
	padding: 8px 0 8px 20px;
	border-bottom: 1px dashed #41B2D7;
	background: url(../images/icon-photoshop.gif) left center no-repeat;
	}





/* NEWS */

.news {
	padding-top: 50px;
	}
	
.newsTitle {
	color: #191919;
	font-size: 1.56em;
	padding-bottom: 5px;
	}

.newsDate {
	color: #BEE5F2;
	font-size: 0.69em;
	padding-left: 18px;
	margin-bottom: 15px;
	background: url(../images/icon-date.gif) left center no-repeat;
	}
	
.newsText {
	padding: 5px 0;
	border-top: 1px dashed #41B2D7;
	border-bottom: 1px dashed #41B2D7;
	}





/* SIDEBAR */

#sidebar {
	width: 180px;
	padding-top: 15px;
	padding-left: 34px;
	}
	
#sidebar ul {
	margin: 0;
	padding: 0;
	}
	
#sidebar ul li {
	list-style: none;
	font-size: 1.00em;
	font-weight: bold;
	line-height: 165%;
	}
	
#comment a {
	display: block;
	padding: 7px 10px 9px 10px;
	margin-top: 15px;
	font-size: 0.69em;
	line-height: 145%;
	color: #191919;
	background: #0083AE url(../images/background-black-noise.gif);
	}
	
#comment a:hover {
	padding: 7px 10px 9px 10px;
	margin-top: 15px;
	font-size: 0.69em;
	line-height: 145%;
	color: #191919;
	background: #19A3D1 url(../images/background-white-noise.gif);
	border-bottom: none;
/* 	background: #000000; */
	}




/* GLOBAL SETTINGS */

.fontBold {
	font-weight: bold;
	}

.fontItalic {
	font-style: italic;
	}
	
.fontGrey {
	color: #191919;
	}
	
.fontBlue {
	color: #002734;
	}














