/*MAIN*/

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #EEEEEE;
	color: #2f4d69;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#page {
	margin: 10px auto;
	padding: 0;
	width: 1038px;
	}
#header {
	height: 300px;
	width: 100%;
	background: url(../images/header_bg.jpg) top center no-repeat;
	}
	
#content {
	width: 100%;
	background: url(../images/content_bg.jpg) top center repeat-y;
	min-height: 350px;
	_height: 350px;
	text-align:center;
	}
	
#footer {
	width: 100%;
	height: 200px;	
	background: url(../images/footer_bg.jpg) top center no-repeat;
	}
	
#content-box {
	position:relative;
	top:30px;
	width: 956px;
	margin: 0px auto;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	padding:0;
	}
	
	
	
	
/*MENU*/

ul#menu {
	position:relative;
	top:10px;
	margin: 0 41px;
	height: 60px;
	list-style-type: none;
	overflow: hidden;
}

body#home ul#menu  { background: transparent url(../images/menu.png) no-repeat 0 0; }
body#about ul#menu  { background: transparent url(../images/menu.png) no-repeat 0 -62px; }
body#internet ul#menu  { background: transparent url(../images/menu.png) no-repeat 0 -124px; }
body#support ul#menu  { background: transparent url(../images/menu.png) no-repeat 0 -186px; }
body#contact ul#menu  { background: transparent url(../images/menu.png) no-repeat 0 -248px; }

ul#menu li a {
	position: absolute;
	top: 0;
	width: 187px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 60px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:60px; /* IE5/Win */
	background: transparent url(../images/menu.png) no-repeat;
}

body#home li#hom a 				{ background-position: 0 0; width:187px; left: 0; }
body#home li#hom a:hover		{ background-position: 0 -310px;}
body#home li#abo a 				{ background-position: -192px 0px; left:192px; }
body#home li#abo a:hover		{ background-position: -192px -310px; }
body#home li#int a 				{ background-position: -384px 0px; left:384px; }
body#home li#int a:hover		{ background-position: -384px -310px; }
body#home li#supp a 			{ background-position: -576px 0px; left:576px; }
body#home li#supp a:hover		{ background-position: -576px -310px; }
body#home li#cont a 			{ background-position: -769px 0px; left:769px; }
body#home li#cont a:hover		{ background-position: -769px -310px; }

body#about li#hom a 			{ background-position: 0 -62px; width:187px; left: 0; }
body#about li#hom a:hover		{ background-position: 0 -310px;}
body#about li#abo a 			{ background-position: -192px -62px; left:192px; }
body#about li#abo a:hover		{ background-position: -192px -310px; }
body#about li#int a 			{ background-position: -384px -62px; left:384px; }
body#about li#int a:hover		{ background-position: -384px -310px; }
body#about li#supp a 			{ background-position: -576px -62px; left:576px; }
body#about li#supp a:hover		{ background-position: -576px -310px; }
body#about li#cont a 			{ background-position: -769px -62px; left:769px; }
body#about li#cont a:hover		{ background-position: -769px -310px; }

body#internet li#hom a 			{ background-position: 0 -124px; width:187px; left: 0; }
body#internet li#hom a:hover	{ background-position: 0 -310px;}
body#internet li#abo a 			{ background-position: -192px -124px; left:192px; }
body#internet li#abo a:hover	{ background-position: -192px -310px; }
body#internet li#int a 			{ background-position: -384px -124px; left:384px; }
body#internet li#int a:hover	{ background-position: -384px -310px; }
body#internet li#supp a 		{ background-position: -576px -124px; left:576px; }
body#internet li#supp a:hover	{ background-position: -576px -310px; }
body#internet li#cont a 		{ background-position: -769px -124px; left:769px; }
body#internet li#cont a:hover	{ background-position: -769px -310px; }

body#support li#hom a 			{ background-position: 0 -186px; width:187px; left: 0; }
body#support li#hom a:hover		{ background-position: 0 -310px;}
body#support li#abo a 			{ background-position: -192px -186px; left:192px; }
body#support li#abo a:hover		{ background-position: -192px -310px; }
body#support li#int a 			{ background-position: -384px -186px; left:384px; }
body#support li#int a:hover		{ background-position: -384px -310px; }
body#support li#supp a 			{ background-position: -576px -186px; left:576px; }
body#support li#supp a:hover	{ background-position: -576px -310px; }
body#support li#cont a 			{ background-position: -769px -186px; left:769px; }
body#support li#cont a:hover	{ background-position: -769px -310px; }

body#contact li#hom a 			{ background-position: 0 248px; width:187px; left: 0; }
body#contact li#hom a:hover		{ background-position: 0 -310px;}
body#contact li#abo a 			{ background-position: -192px -248px; left:192px; }
body#contact li#abo a:hover		{ background-position: -192px -310px; }
body#contact li#int a 			{ background-position: -384px -248px; left:384px; }
body#contact li#int a:hover		{ background-position: -384px -310px; }
body#contact li#supp a 			{ background-position: -576px -248px; left:576px; }
body#contact li#supp a:hover	{ background-position: -576px -310px; }
body#contact li#cont a 			{ background-position: -769px -248px; left:769px; }
body#contact li#cont a:hover	{ background-position: -769px -310px; }





/*CONTENT*/

#content-box p { margin:0; padding:0 0 15px 20px; width:500px; /*text-align:justify; */}
#content-box ul { margin:0; padding:0 0 15px 20px; width:500px; }
#content-box li { margin:0; padding:0 0 10px; }
#content-box em { font-weight:bold; text-transform:uppercase; }
#content-box a { font-weight:bold; color:#FFCC00; text-decoration:none; font-style:normal; }
#content-box a:hover { text-decoration: underline; }
#content-box a.stealth { text-decoration:none; color:#000000; font-weight:normal; }

.blue {
	color:#FFFFFF;
	background-color:#00ADD0;
	}
.blue2 {
	color:#FFFFFF;
	background-color: #00C0F9;
	}
.yellow {
	color:#FFFFFF;
	background-color:#FFCC00;
	}

h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin:0;
	color:#0075B0;
	}
h2 { padding: 15px 0 10px 0; font-size: 20px; }
h3 { font-size:16px; padding:15px 0 5px 0; }



#contact-form {
	float:right;
	width:420px;
	*width: 400px;
	_width: 450px;
	height:100%;
	margin:0;
	padding:15px;
	background:#00ADD0;
	color:#FFFFFF;
	overflow:hidden;
	}
#contact-form table {
	font-size:12px;
	color:#FFFFFF;
	}
#contact-form h3 {
	color:#FFFFFF;
	font-size:20px;
	padding:0 0 7px 0;
	margin:0;
}
	
#right-box {
	float:right;
	width:350px;
	_width: 380px;
	height:100%;
	margin:0;
	padding:15px;
	background:#00ADD0;
	color:#FFFFFF;
	overflow:hidden;
	}	
#right-box h3 {
	color:#FFFFFF;
	font-size:20px;
	padding:0 0 7px 0;
	margin:0;
}
#right-box table {
	font-size:12px;
	color:#FFFFFF;
	}
#right-box a { color:#FFFFFF; text-decoration:underline; }
#right-box a:hover { text-decoration:none; }

#right-box2 {
	float:right;
	width:380px;
	_width: 410px;
	height:100%;
	margin:0;
	padding:15px;
	background:#00ADD0;
	color:#FFFFFF;
	overflow:hidden;
	}	
#right-box2 h3 {
	color:#FFFFFF;
	font-size:20px;
	padding:0 0 7px 0;
	margin:0;
}
#right-box2 table {
	font-size:12px;
	color:#FFFFFF;
	}
#right-box2 a { color:#FFFFFF; text-decoration:underline; }
#right-box2 a:hover { text-decoration:none; }

	
.center { text-align:center }	

.superscript { vertical-align:super; font-size:75%; }
.note { _vertical-align:text-top; font-size:75%; }
.small { font-size:9px; }
hr { display:none; }




/*OTHER*/

#signature {position:absolute; left:50%; top:85px; _top:80px; width:50px; margin-left:495px;}
#signature a.pw p {text-indent: -9000px;}
#signature a.pw {display:block; height:25px; width:50px; background:url("../images/pw.gif") no-repeat;}
#signature a.pw:hover {background-position: 0 -25px;}

#hotline {
	position:absolute;
	left:50%;
	top:48px;
	*top:37px;
	_top:37px;
	width:400px;
	margin-left:78px;
	font-size:10px;
	color:#0075B0;
	font-weight:bold;
	text-align:right;
}

#header h1 { text-indent: -9000px; }

#footer p {
	margin:0;
	padding:120px 24px 0 0;
	font-size:10px; 
	color:#0075B0; 
	font-weight:bold; 
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#footer a { font-weight:bold; color:#FFCC00; text-decoration:none;}
#footer a:hover { text-decoration: underline; }




/*INDEX ROADMAP*/

a.index-button {
	width:251px;
	height:166px;
	display:block;
	background-repeat:no-repeat;
	}
	
a.index-promo {
	width:210px;
	height:120px;
	display:block;
	background-repeat:no-repeat;
	}
a.index-promo2 {
	width:335px;
	height:120px;
	display:block;
	background-repeat:no-repeat;
	}
	
a#index-button1 { background-image:url(../images/index-button1.jpg); text-decoration:none; }
a:hover#index-button1 { background-image:url(../images/index-button1-hover.jpg); text-decoration:none; }
a#index-button2{ background-image:url(../images/index-button2.jpg); text-decoration:none; }
a:hover#index-button2{ background-image:url(../images/index-button2-hover.jpg); text-decoration:none; }
a#index-button3{ background-image:url(../images/index-button3.jpg); text-decoration:none; }
a:hover#index-button3{ background-image:url(../images/index-button3-hover.jpg); text-decoration:none; }
a#index-promo1{ background-image:url(../images/index-promo1.jpg); text-decoration:none; }
a:hover#index-promo1{ background-image:url(../images/index-promo1-hover.jpg); text-decoration:none; }
a#index-promo2{ background-image:url(../images/index-promo2.jpg); text-decoration:none; }
a:hover#index-promo2{ background-image:url(../images/index-promo2-hover.jpg); text-decoration:none; }
a#index-promo3{ background-image:url(../images/index-promo3.jpg); text-decoration:none; }
a:hover#index-promo3{ background-image:url(../images/index-promo3-hover.jpg); text-decoration:none; }
a#index-promo4{ background-image:url(../images/index-promo4.jpg); text-decoration:none; }
a:hover#index-promo4{ background-image:url(../images/index-promo4-hover.jpg); text-decoration:none; }
a#index-promo5{ background-image:url(../images/index-promo5.jpg); text-decoration:none; }
a:hover#index-promo5{ background-image:url(../images/index-promo5-hover.jpg); text-decoration:none; }
a#index-promo6{ background-image:url(../images/index-promo6.jpg); text-decoration:none; }
a:hover#index-promo6{ background-image:url(../images/index-promo6-hover.jpg); text-decoration:none; }
a#index-promo7{ background-image:url(../images/index-promo7.jpg); text-decoration:none; }
a:hover#index-promo7{ background-image:url(../images/index-promo7-hover.jpg); text-decoration:none; }
a#index-promo8{ background-image:url(../images/index-promo8.jpg); text-decoration:none; }
a:hover#index-promo8{ background-image:url(../images/index-promo8-hover.jpg); text-decoration:none; }