@charset "UTF-8";
/* CSS Document */

body {
	font-size:62.5%;
	font-family:Arial, sans-serif;
	font-weight:normal;
	text-align:left;
	color:#FFFFFF;
	background-color:#b4c8c7;
	margin:0px;
	padding:0px;
	z-index:0;
}
html,body {
	height:100%;
}
p {
	margin: 0px 0px 10px 0px;
}
a:link,
a:visited,
a img {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#1a9db5;
}
a:hover,
a:active {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#FF6600;
}
.ON {
	color:#666666;
}
#container {
	position:relative; /* needed for footer positioning*/
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	z-index:0;
}
@media print
{
#container {top:0%; margin-top:0px;}
}

/* ------------------------------ header ------------------------------ */
#header {
	position:relative;
	display:block;
	float:left;
	height:214px;
	background-image:url(_images/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;
	border-bottom:1px #999999 solid;
}
#topNav {
	position:relative;
	display:block;
	float:left;
	top:120px;
	height:94px;
	width:540px;
	background-image:url(_images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 200px;
	color:#1a9db5;
	font-size:1.2em;
	font-weight:bold;
}
#topNav2 {
	position:relative;
	display:block;
	float:left;
	top:120px;
	height:94px;
	width:700px;
	background-image:url(_images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 200px;
	color:#1a9db5;
	font-size:1.2em;
	font-weight:bold;
}
#topNav p {
	float:left;
	padding:76px 30px 4px 0px;
}
#webStore {
	position:relative;
	display:block;
	float:left;
	top:189px;
	height:25px;
	width:160px;
}

/* ------------------------------ content ------------------------------ */
#content {
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:900px;
	font-size:1.2em;
	padding:40px 0px 20px 0px;
}
#contentLogos {
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:900px;
	font-size:1.2em;
	padding:0px 0px 20px 0px;
}
#contentText {
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:740px;
	font-size:1.2em;
	padding:40px 0px 20px 0px;
}
#contentText p {
	float:left;
	width:490px;
	padding:0px 0px 0px 200px;
	margin:0px 0px 14px 0px;
	color:#666666;
	text-align:justify;
}
#contentText div.table {
	color:#666666;
	padding:0px 0px 0px 200px;
}
#contentText img.left {
	padding:2px 17px 7px 0px;
}
#contentText img.right {
	padding:2px 0px 7px 17px;
}
#contentText img.leftTopPadding {
	padding:12px 17px 7px 0px;
}
#contentText img.rightTopPadding {
	padding:12px 0px 7px 17px;
}
#webStoreBox {
	position:relative;
	display:block;
	float:left;
	width:160px;
	height:465px;
	padding:0px 0px 0px 0px;
	/*background-color:#999999;
	background-image:url(_images/tab_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;*/
}

/* ------------------------------ splash ------------------------------ */
#splashBox {
	position:relative;
	top:0px;
	display:block;
	height:430px;
	width:900px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	background-color:#999999;
	float:left;
}

/* ------------------------------ scroll ------------------------------ */
#scrollBox {
	position:relative;
	top:0px;
	display:block;
	height:438px;
	width:900px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	background-color:#999999;
	float:left;
}
.fixedwidth { /*important*/
	position:relative;
	display:block;
	width:9894px; /* exact width of all images + padding (14 + 14 x total # of images) */
	padding:0px 0px 0px 14px;
	overflow:hidden;
	float:left;
}
.fixedwidth img {
	display:block;
	padding:14px 14px 8px 0px;
}
p.fixedwidth {
	display:block;
}
div.captionImg {
	float:left;
	display:block;
	width:auto;
}
p.captionImg {
	display:block;
	width:290px;
}
#scrollBox p {
	color:#FFFFFF;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
}

/* ------------------------------ footer ------------------------------ */
.clear {
	clear:both;
}
#clear {
	clear:both;
}
#footer {
	position:absolute;
	width:870px;
	bottom:0px; /* stick to bottom */
	left:0px;
	background-color:#FFFFFF;
	padding:0px 15px 0px 15px;
	line-height:15px;
	size:.9em;
	color:#666666;
	z-index:5;
}
#footer p.left {
	width:670px;
	float:left;
	text-align:left;
	margin: 0px 0px 0px 0px;
}
#footer p.right {
	width:200px;
	float:right;
	text-align:right;
	margin: 0px 0px 0px 0px;
}
#footer a:link,
#footer a:visited {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#666666;
}
#footer a:hover,
#footer a:active {
	color:#FF6600;
}