/* ########### STYLE BEGIN ################ */

/* ########### MAIN PAGE POSITION ################ */
#wrap { width:800px; top:0px; margin:0 auto; } /* "auto" makes the left and right margins center the wrapper */


/* ########### PAGE LAYOUT ################ */
#leftbanner { position:relative; left:0px; top:0px; width:810px; height:810px; background: url( 'images/dropshadow.gif' ) top left repeat-x;}
#background1 {position:absolute; left:0px; top:0px; width:810px; height:810px; background: url( 'images/leftbanner.gif' ) top left repeat-x;}
#movie { /* Positions the XG Logo on the Grey Background */
	position: relative;
	Left: 70px;
	top: 80px;
	float:left;
	overflow:hidden;
}
#button { /* Positions the XG Logo on the Grey Background */
	position: absolute;
	Left: 600px;
	top: 384px;
	float:left;
	overflow:hidden;
}
#moviefull { /* Positions the XG Logo on the Grey Background */
	position: relative;
	Left: 0px;
	top: 72px;
	width=800;
	height=730;
	float:left;
	overflow:hidden;
}

#bar{
	position:absolute;
	left:60px;
	top: 380px;
	float:left;
}

.barcolor{
	background-color: #89A2BF;
}

#iclogo {
	/* Positions the XG Logo on the Grey Background */
	position: absolute;
	left: 8px;
	top: 8px;
	background: url( 'images/iclogo.png' );
	width: 161px;
	height: 28px;
	z-index: 50;
}
a#iclogo {
	/* Positions the XG Logo on the Grey Background */
	position: absolute;
	left: 8px;
	top: 8px;
	/*position: relative;
	left: 0px;
	top: 0px;*/
	background: url( 'images/iclogo.png' );
	width: 161px;
	height: 28px;
	z-index: 50;
	text-indent: -9999px;
}

#xglogo {
	/* Positions the XG Logo on the Grey Background */
	position: absolute;
	left: 50px;
	top: 40px;
	background: url( 'images/topxggrey.gif' );
	width: 78px;
	height: 71px;
	z-index: 50;
}
a#xglogo {
	/* Positions the XG Logo on the Grey Background */
	position: absolute;
	left: 50px;
	top: 40px;
	/*position: relative;
	left: 0px;
	top: 0px;*/
	background: url( 'images/topxggrey.gif' );
	width: 78px;
	height: 71px;
	z-index: 50;
	text-indent: -9999px;
}
#productcompare {
	/* Positions the XG Logo on the Grey Background */
	display: block;
	position: relative;
	left: -50px;
	top: 400px;
	background: url( 'images/productcompare.png' );
	width: 182px;
	height: 46px;
	z-index: 50;
}
a#productcompare {
	/* Positions the XG Logo on the Grey Background */
	display: block;
	
	position: absolute;
	left: -150px;
	top: 400px;
	/*position: relative;
	left: 0px;
	top: 0px;*/
	background: url( 'images/productcompare.png' );
	width: 182px;
	height: 46px;
	z-index: 50;
	text-indent: -9999px;
}

#HRBAR {
	position: absolute;
	top: 750px;
	width: 600px;
	left: 105px;
}


#disclaimer {
	position: absolute;
	top: 765px;
	width: 450px;
	left: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}


/* ########### PAGE BUTTONS ################ */
.hyper { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.hyper:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #89A2BF; text-decoration: none;}
#companyposition { /* Positions the Company Button on the Top Left*/
	position: absolute;
	left: 575px;
	top: 5px;
}
#contactposition { /* Positions the Contact Button on the Top Left*/
	position: absolute;
	left: 650px;
	top: 5px;
}
#resellerposition { /* Positions the Partner Button on the Top Left*/
	position: absolute;
	left: 735px;
	top: 5px;
}


/* ########### MEUN LAYOUT ################ */
#menu {
	position: absolute;
	left: 215px;
	top: 54px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 585px;
	padding: 0px;
	margin: 0 auto; 
	background-color: #000000;
	z-index:50;
}
 
/* These styles create the dropdown menus. */
#navbar {
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: .45em 8px;
	width: 130px;
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
	text-align: Center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; }
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #000000;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#navbar li li a:hover {
	background-color: #999999;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

div.disclaimer:hover { /* Used to control the highlight of the disclaimer text*/
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 10px; 
	color: #FFE401; 
	text-decoration: none;
}

/************* CONTENT AND HYPER LINKS ************/
#content { position:absolute; left:200px; Top:100px; overflow:auto; width:599px; height:625px;}
#contenthome { position:absolute; left:100px; Top:425px; width:680px; height:300px;}
#contenttitle { position:absolute; left:0px; Top:100px; width:810px; height:50px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #000000; text-decoration: none;}
#contentbottom { position:absolute; left:0px; Top:150px; width:810px; height:50px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000; text-decoration: none;}


#titletext { position:absolute; left:250px; top:18px;}

.hyperblack { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; color: #000000; text-decoration: none;}
.hyperwhite { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; color: #ffffff; text-decoration: none;}

.hyperblack:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8px;
	color: #89A2BF;
	text-decoration: underline;
}
.Normaltext{font-size: 9pt;color: #000000; font-family : Arial, Helvetica, sans-serif; }
.normaltext{font-size: 9pt;color: #000000; font-family : Arial, Helvetica, sans-serif; }

.title{font-size: 16pt;color: #ffffff; font-family : Arial, Helvetica, sans-serif; }

.HighlitedText{font-size: 9pt; color: black; font-weight: bold; font-family : Arial, Helvetica, sans-serif;}
.SubParagraphHeading{font-size: 12pt; color: #666666; font-weight: bold; font-family : Arial}
.ParagraphHeading{font-size: 14pt; color: #000000; font-weight: bold; font-family : Arial, Helvetica, sans-serif; }
.OverviewHeading{font-size: 24pt; color: #FF0000; font-weight: bold; font-family : Arial, Helvetica, sans-serif; }
.header{
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
}
 

/* ########################### */

/* ########### STYLE END ################ */