*
{
	padding:0; 
	margin:0; 
}

body
{
	font-family:	Verdana, Arial, 'sans-serif'; 
	font-size:93%;
	color: #31364F;
	background-color:#DEEBF3;
}

.orangeH
{
	color:#EF9D00;
	font-size:.9em;
	font-weight:bold;
	
}

a img
{
	border:none;
}

#main
{
	position: relative;
	background: url('/images/banner.jpg') no-repeat 0 0;
	border-left:solid 3px #8FACBF;
	border-right:solid 3px #8FACBF;
	width:950px;
	margin:auto;
	background-color:white;
}

.preloadImg
{
	position:absolute;
	top:-10000px;
	left:-10000px;
}

.looseFocus
{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

#header
{
	height:240px;
}

#left
{
	float:left;
	width:229px;
	margin-bottom:10px;
	font-size:.8em;
}

#copy
{
	font-size:.8em;
}

#footer
{
	clear:both;
	text-align:center;
	font-size:.6em;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #CCCCCC;
	color:#999999;
	word-spacing:10px;
	margin-bottom:10px;
}

h1
{
	font-family:	"Arial Narrow", Arial; 
	font-smooth: yes; 
	color:#4183B5;
	font-weight: lighter;
	letter-spacing:0px;
	font-size:2.2em;
}

h2
{
	font-family:	"Arial Narrow", Arial; 
	font-smooth: yes; 
	color:#4183B5;
	font-weight:lighter;
	_font-weight:bold;
	letter-spacing:0px;
	font-size:1.4em;
}

#right
{
	margin: -120px 0 0 260px;
}


h3
{
	font-weight:bold;
	color: #47697F; 
	font-size:1em;
	margin-top:10px;
}


td h4
{
	margin:0px 10px 0 10px;
	font-weight:bold;
	color: #4183BC;
	font-size:.9em;
}


h4
{
	margin:0 0 0 10px;
	font-weight:bold;
	color: #4183BC;
	font-size:.9em;
}


h5
{
	margin:10px 0 10px 0;
	font-weight:bold;
	color: #4183BC;
	font-size:.8em;
}



a
{
	font-weight:bold;
	text-decoration:none;
	color: #013B7B;
	font-weight:lighter;
}

#copy a
{
	text-decoration:none;
	color: #1F21FF;
}

a:hover
{
	text-decoration:underline;
}


p
{
	margin-top:10px;
}


.strong
{
	font-weight:bold;
}

ul li
{
	margin-left:20px;
}


ol li
{
	margin-left:20px;
}



/* Navigation*/


#on
{
	background: url('../images/left-nav-button.gif');
	background-position: 226px;
	color: #E6FF8F;
	cursor:e-resize;
}

#on .prods
{
	color: #E6FF8F;
	cursor:e-resize;
}

.navheading
{
	background: url('../images/left-nav-button.gif');
	background-position: 0px;
	padding:20px 0 10px 20px;
	color: #0D456F;
	letter-spacing: 1px;
	font-weight:bold;
}


.leftnavbar li
{
	vertical-align:middle;
	list-style-type: none;
	border-top:solid 1px white;
	border-bottom:solid 1px #9abed6;
	width:226px;
	margin-left:0px;
}

.leftnavbar li a
{
	display:block;
	background: url('../images/left-nav-button.gif');
	background-position: 0px;
	padding:7px;
	width: 213px;
}

.leftnavbar a:hover
{
	background-position: 226px;
	color: white;
	text-decoration:none;
}

.leftnavbar li a img
{
	margin-left:-7px;
}

.leftnavbar a .prods
{
	font-weight:lighter;
	font-size:.9em;
	margin-left:15px;
	color:#088F41;
}

.leftnavbar a:hover .prods
{
	background-position: 226px;
	color: white;
}

.hide
{
	display:none;
}

.show
{
	display:block;
}


/*****************/
/*			second layer     */
/*****************/


#search
{
	position:absolute;
	top:210px;
	left:20px;
	font-weight: 300;
	letter-spacing:1px;
	color: #31364F;
}


#search input
{
	margin-right:3px;
	position:relative;
	font-size:.6em;
}

#searchResults ul
{
	list-style-type:none;
	margin:10px 0 10px 0;
}

#searchResults ul strong
{
	font-size:.7em;
}

#powered_by
{
	margin-top:6px;
	display:none;
}


#powered_by a
{
	color:white;
	font-size:.5em;
	margin-top:20px;
}


#powered_by input
{
	width:100px;
}


/*****************************************/
/*  Info Cards  */
/*****************************************/

.closeMe
{
	position:absolute;
	top: -22px;
	left: -24px;
}


.small
{
	width:300px;
	padding:0 10px 0 0;
	float:left;
}

.infoCard .infoTab
{
	z-index:10;
	white-space: nowrap;
	height:20px;
	line-height:20px;
	background-color: #EFF9FF;
}

.infoCard .infoTab img
{
	border:solid;
	border-color:white;
	margin:1px;
	margin-top:-5px;
}

.infoCard .infoTab img:hover
{
	border:solid;
	border-color:#9CBED7;
	cursor:pointer;
}

.infoCard .infoTab h4
{
	text-align:center;
}

.infoCard .infoTab a
{
	font-size:.7em;
	margin:0 -4px 0 -3px;
	padding:3px 6px 1px 5px;
	color:#47697F;
	background-color:#EFF9FF;
	margin-top:-5px;
}

.infoCard .infoTab a:hover
{
	background-color:#EFF9FF;
	color:#E6FF8F;
	text-decoration:none;
}

.infoCard .cardTxt h3
{
	font-size:1em;
}

.infoCard .infoBody
{
	background-color: #EFF9FF;
	width:99%;
}

/*
info card for dynamic popups
*/


.infoCardPop .infoTab
{
	white-space: nowrap;
	font-size:1em;
}

.infoCardPop .infoTab img
{
	border:solid;
	border-color:white;
	margin:1px;
	margin-top:-5px;
}

.infoCardPop .infoTab img:hover
{
	border:solid;
	border-color:#9CBED7;
	cursor:pointer;
}

.infoCardPop .infoTab h4
{
	text-align:center;
	color:#476990;
	color: white;
}

.infoCardPop .infoTab .options-pop
{
	padding:5px;
	background-color: #4F8A9F;
}

.infoCardPop .infoTab a
{
	font-size:.75em;
	color: #E0EBEF;
	border-top:solid 1px #D3EBEF;
	border-left:solid 1px #D3EBEF;
	border-right:solid 1px black;
	border-bottom:solid 1px #D3EBEF;
	padding:5px;
	background-color:#47697F;
}

.infoCardPop .infoTab .selected
{
	background-color:#4F8A9F;
	text-decoration:none;
	color:#FFE04F;
	border-bottom:none;
}

.infoCardPop .infoTab a:hover
{
	background-color:#4F8A9F;
	text-decoration:none;
	color:#EFF9FF;
}

.infoCardPop .cardTxt h3
{
	font-size:1em;
	color: white;
}

.infoCardPop .cardTxt .cardImg
{
	padding: 0 10px 0 30px;
}

 
.infoCardPop .cardTxt .cardImg img
{
	border:solid 3px white;
	width:130px;
	margin-top:5px;
}

 
 
.infoCardPop .cardTxt
{
	padding:0 0 0 20px;
}

.infoCardPop .cardTxt a
{
	color: #FFE04F;
}

.infoCardPop .infoBody
{
	background-color: #4F8A9F;
	width:650px;
	color: #EEF5F9;
}



.infoCardPop .bottom
{
	background: url('../images/bottom.gif');
	background-repeat: no-repeat;
	height:13px;
	width:650px;
}




.smaller
{
	font-size:.85em;
}



.hideCard
{
	display:none;
}

.hideMe
{
	display:none;
}

.fullSize
{
	border:solid 1px #9ABED6;
	margin:20px;
	width:250px;
}

.noPop
{
	border:solid 1px #9ABED6;
	margin:20px;
	width:70px;
}

.cardImg
{
	float:right;
	position:relative;
}


.noCard
{
	float:right;
	width:200px;
}

.noCard img
{
	width:160px;
	margin:5px 0 20px 0;
	border:solid 1px #B3D0E2;
}

.cardImg .double
{
	float:left;
	width:310px;
	margin:5px;
	border:solid 2px #B3D0E2;
}

.cardImg .wideCard
{
	width:645px;
	margin:10px 0 20px 0;
	border:solid 2px #B3D0E2;
}

.cardImg .thinCard
{
	width:270px;
	border:solid 2px #B3D0E2;
	margin:10px;
}

.hint
{
	position:absolute;
	top:5px;
	right:50px;
	font-size:.7em;
	color: #92AF2B;
}

.tnail
{
	margin:20px;
	width:200px;
	cursor:crosshair;
	border:solid 1px #9abed6;
}


.magnify
{
	width:600px;
	margin:20px 25px 20px 0;
	border:solid 1px #9abed6;
}


.tnail2
{
	margin:20px;
	cursor:crosshair;
	border:solid 1px #9abed6;
}


.magnify2
{
	width:600px;
	margin:20px 25px 20px 0;
	border:solid 1px #9abed6;
	display:none;
}


.cardTxt
{
	padding:0 0 0 10px;
	font-size:.9em;
}

.cardTxt a
{
	padding:10px;
	font-size:1em;
	color:blue;
	text-decoration:none;
}

.cardTxt a:hover
{
	text-decoration:underline;
}


.cardTxt ul
{
	margin: 10px 0 10px 0;
}

.cardTxt li
{
	font-size:.8em;
	margin-top:4px;
}

.cardTxt li a
{
	padding:0;
}

.infoCard
{
	margin:20px 20px 10px 0;
}


.infoCardBig
{
	border-collapse: collapse;
}

.infoCardBig th
{
	line-height: 5px;
}

.infoCardBig .TC
{
	border-top:solid 1px #cfcfcf;
}


.infoCardBig .BC
{
	border-bottom:solid 1px #cfcfcf;
}


.infoCardBig .LC
{
	border-left:solid 1px #cfcfcf;
}


.infoCardBig .RC
{
	border-right:solid 1px #cfcfcf;
}


.infoCardBig .TL-none
{
	border-left:solid 1px #cfcfcf;
}


.infoCardBig .TL
{
	background: url('../images/tl.gif');
	background-repeat: no-repeat;
	background-position: top left;
}


.infoCardBig .TR
{
	background: url('../images/tr.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}


.infoCardBig .BR
{
	background: url('../images/br.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.infoCardBig .BL
{
	background: url('../images/bl.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}


.infoCardBig .TL-pop
{
	background: url('../images/tl-pop.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width:12px;
	height:13px;
}


.infoCardBig .TR-pop
{
	background: url('../images/tr-pop.gif');
	background-repeat: no-repeat;
	background-position: top right;
	width:12px;
	height:30px;
}



td p
{
	margin-bottom:10px;
	font-size: .75em;
}

td li p
{
	font-size:1em;
}

#player
{
	display:block;
	width:425px;
	height:300px;
}



#header #home a
{
	position:absolute;
	left:330px;
	top:55px;
	width:78px;
	height:29px;
	background-image:url(../images/home.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}



#header #home a:hover
{
	background-position: 0 -30px;
}


#header #about a
{
	position:absolute;
	left:420px;
	top:55px;
	width:107px;
	height:29px;
	background-image:url(../images/about.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}



#header #about a:hover
{
	background-position: 0 -30px;
}


#header #investor a
{
	position:absolute;
	left:527px;
	top:55px;
	width:110px;
	height:29px;
	background-image:url(../images/investor.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}



#header #investor a:hover
{
	background-position: 0 -30px;
}


#header #quality a
{
	position:absolute;
	left:637px;
	top:55px;
	width:101px;
	height:29px;
	background-image:url(../images/quality.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}



#header #quality a:hover
{
	background-position: 0 -30px;
}


#header #contact a
{
	position:absolute;
	left:738px;
	top:55px;
	width:116px;
	height:29px;
	background-image:url(../images/contact.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}

#header #contact a:hover
{
	background-position: 0 -30px;
}


#header #sitemap a
{
	position:absolute;
	left:854px;
	top:55px;
	width:99px;
	height:29px;
	background-image:url(../images/sitemap.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}

#header #sitemap a:hover
{
	background-position: 0 -30px;
}


#header #home #top-on
{
	background-position: 0 -30px;
	cursor:s-resize;
}

#header #about #top-on
{
	background-position: 0 -30px;
	cursor:s-resize;
}


#header #investor #top-on
{
	background-position: 0 -30px;
	cursor:s-resize;
}


#header #contact #top-on
{
	background-position: 0 -30px;
	cursor:s-resize;
}


#header #sitemap #top-on
{
	background-position: 0 -30px;
	cursor:s-resize;
}


#header #quality #top-on
{
	background-position: 0 -30px;
	cursor:s-resize;
}