html {height: 100%;}
body {
	position: relative; width: 100%; height: 100%; margin: 0;
	font: normal 12px arial, helvetica, sans-serif;
	color: #fff; background-color: #000;
	background-image: url('../images/page-bottom-bg.gif');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
}
a img {border: 0;}
a {color: #ffffbd; text-decoration: none;}
a, a:active {outline: none;}
a:visited {color: #999;}
a:hover {color: #e7ec61; text-decoration: underline;}
a:active {color: #ff0000;}

/*
	Basic re-usable items
*/

	/* titles */
.Title {width: 390px; font-size: 30px; font-weight: bold; font-style: italic; color: #ffff00; text-align: center;}
.Title .Pre, .Title .Post {display: block; color: #fff; font-size: 14px; color: #fff; text-transform: lowercase;}
.Title .Pre {margin-bottom: -5px; text-align: left; padding-left: 20px;}
.Title .Post {margin-top: -5px; text-align: right; padding-right: 20px;}

	/* lists */
ul.RealTime {
	list-style-image: url('../images/rt-icon.png');
}
ul.RealTime li {font-size: 15px; padding: 5px 0; line-height: 1.4em;}

	/* windowed content */
.Window {
	position: relative; width: 333px; margin: 0 auto;
	border-radius: 2px; -moz-border-radius: 2px;
	border: 1px solid #fff;
	background: #bababa url('../images/window-bg.gif') left top no-repeat; color: #111a24;
}
.Window .Title {background-color: #111a24; text-align: left; padding: 4px 0; width: auto;}
.Window .Title .TitleText {font-size: 14px; font-style: normal; margin: 0 10px; text-transform: uppercase;}
.Window .WindowContent {padding: 20px 0; margin: 0 20px;}
.Window .WindowContent p:first-child {margin-top: 0;}

.Window.Floating {position: absolute;}

	/* contact form (in window) */
.Window form {}
.Window form table.FormTable {margin: 0 auto;}
.Window form table.FormTable tbody tr td.Label {font-size: 11px; font-weight: normal; text-align: right; vertical-align: top; padding-top: 4px;}
.Window form table.FormTable tbody tr td.Field input.Text {
	font-size: 11px; width: 180px; padding: 2px 4px;
	border-radius: 3px; -moz-border-radius: 3px;
	border: 1px solid #d9d9d9;
}
.Window form table.FormTable tbody tr td.Field input.Text.Error {border: 1px solid #b00;}
.Window form table.FormTable tbody tr td.Field textarea.Textbox {
	font-size: 11px; width: 180px; height: 80px; padding: 2px 4px;
	border-radius: 3px; -moz-border-radius: 3px;
	border: 1px solid #d9d9d9;
}
.Window form table.FormTable tbody tr td.Field textarea.Textbox.Error {border: 1px solid #b00;}
.Window form table.FormTable tbody tr td.Field select.DropDown {font-size: 11px; border: 1px solid #d9d9d9;}
.Window .WindowContent #ContactFormNotice {color: #b00; font-size: 12px; margin: 10px 0;}
.Window .WindowContent #ContactFormNotice div {margin: 0 20px; padding: 5px 0;}

	/* testimonials / quotes */
.Testimonial {background: transparent url(../images/quote-right.png) right bottom no-repeat; margin-bottom: 20px;}
.Testimonial .Quote {
	padding: 10px 10px 10px 30px; background: transparent url(../images/quote-left.png) left top no-repeat;
	font-size: 14px; text-align: justify;
}
.Testimonial .Quote:first-letter {
	float: left; margin: 4px 4px 0px 0px; padding: 4px; border: 1px solid #66818f;
	color: #66818f; font-size: 24px; font-family: Verdana, sans-serif; font-weight: bold; font-style: italic;
}
.Testimonial .Quoter {margin-left: 40px; font-size: 11px;}
.Testimonial .Quoter .Institution {color: #999;}

	/* partner logos and links */
.Partner {
	position: relative; width: 390px; height: 117px; float: left; margin-right: 7px; margin-bottom: 7px;
	background: #bababa url('../images/window-bg.gif') left top no-repeat;
	border: 1px solid #66818f; border-radius: 4px; -moz-border-radius: 4px;
}
.Partner .Title {
	position: relative; font-size: 12px; color: #66818f;
	background-color: #171f27; margin: 0; padding: 2px 0;
}

.Partner .Logo {
	position: absolute; top: 36px; left: 32px; width: 250px; height: 68px; overflow: hidden;
	background-color: #aaa; background-repeat: no-repeat; background-position: center center;
	border: 1px solid #171f27; border-radius: 3px; -moz-border-radius: 3px;
}

.Partner .Links {position: absolute; left: 240px; top: 36px;}
.Partner .Links .Link {
	position: relative;
	padding: 2px 4px; background-color: #171f27; margin: 2px 0;
	border-radius: 3px; -moz-border-radius: 3px;
}
.Partner .Links .Link a {
	display: block;
	background: transparent url(../images/link-icon-red.gif) 0 center no-repeat; padding-left: 14px;
	color: #f14249; font: normal 11px verdana, geneva;
}
.Partner .Links .Link a:hover {
	background: transparent url(../images/link-icon-yellow.gif) 0 center no-repeat;
	color: #ffff00; text-decoration: none;
}
.Partner .Links .Link a span {color: #a12b30;}
.Partner .Links .Link a:hover span {color: #991;}


/*
	Specific items
*/

#MainOuter {position: relative; width: 100%; height: 100%; padding: 0; margin: 0;}
#MainInner {position: relative; width: 900px; padding: 20px 0; margin: 0 auto;}

	/* Header */
#MainHeader {
	position: relative; width: 898px; height: 120px; margin-bottom: 10px;
	background: url('../images/header-bg.jpg') 0 0 no-repeat;
	border: 1px solid #323f4d; border-radius: 4px; -moz-border-radius: 4px;
}
#MainHeader #MainLogo {
	position: absolute; width: 454px; height: 124px;
	background: url('../images/livetiming-logo.png') 0 -2px no-repeat;
}
#MainHeader #MainLogo span {display: none;}

#MainContents {
	position: relative; width: 898px; padding: 30px 0;
	border: 1px solid #323f4d; border-radius: 4px; -moz-border-radius: 4px;
	background: #111a24 url('../images/page-bg.gif') left top no-repeat;
}
#MainContents .ContentSection {
	position: relative; width: 798px; overflow: auto;
	margin: 0 auto; padding: 20px 0;
}
#MainContents .Splash {position: relative; width: auto;}
#MainContents .LeftColumn {float: left; width: 390px;}
#MainContents .RightColumn {float: right; width: 390px;}

#ContactWindowButton {position: absolute; top: -35px; right: 10px; width: 102px; height: 19px; background: transparent url('/images/button-contact.png') 0 19px;}
#ContactWindowButton a {position: relative; display: block; background: transparent;}
#ContactWindowButton a:hover {background: url('/images/button-contact.png') 0 0;}
#ContactWindowButton a img {display: block; width: 102px; height: 19px;}

#ContactWindow {top: -1000px; right: 10px;}

.CloseButton {position: relative; width: 87px; height: 19px; background: transparent url('/images/button-close.png') 0 19px;}
.CloseButton a {position: relative; display: block; background: transparent;}
.CloseButton a:hover {background: url('/images/button-close.png') 0 0;}
.CloseButton a img {display: block; width: 87px; height: 19px;}

#ContactWindow .CloseButton {position: absolute; bottom: 5px; right: 5px;}