.mainframe

{

	/*width: 1400px;*/

	/*height: 900px;*/

}

.mainimage	

{

	position: absolute;

	display: table; 

	top: 204px;

	left: 305px;

	padding: 0px;

	z-index: 99;

}

.mainimageinner

{

	border: 1px dotted #000000;

}



*html .mainimageinner

{

	border: 1px solid #CCCCCC;

}

/*.mainimageinner img

{

	display: block;

	margin-left: auto;

    margin-right: 0px;

	

}*/

.thumbnailtable

{

	display: table-cell;

	vertical-align:top;

	margin-left: 0px;

    margin-right: auto;

	/*width: 667px;*/

}

.thumbnail

{

	border: 1px dotted #000000;

	height: 100px;

	width: 133px;

}



*html .thumbnail

{

	border: 1px solid #CCCCCC;

}

.secondimage

{

/*

	position: absolute;

	display: table; 

	top: 50px;

	right: 563px;

*/

	z-index: 120;

}

.thumbtitle

{

	font-family: arial; 

	font-weight: bold; 

	font-size: 8pt; 

	color: #424242;

	height: 100%;

	width: 100%;

	display:block;

}

.animationcopyouter

{

	display: table-cell;

	vertical-align:top;

	margin-left: auto;

    margin-right: auto;

	width: 667px;

}

.animationcopy

{

	position: absolute;

	right: 200px;	

	z-index: 99;

}

.videoinner

{

	display: table-cell;

	vertical-align:middle;

	display: block;

	margin-left: auto;

    margin-right: auto;

	height: 400px;

	border-left: 1px dotted #999999;

	border-right: 1px dotted #999999;

}



.wrap1, .wrap2, .wrap3 {

	display:inline-table;

	/* \*/display:block;/**/} 

.wrap1 {

	float:left;

	background:url(../images/shadow.gif) right bottom no-repeat;}

.wrap2 {

	background:url(../images/corner_bl.gif) left bottom no-repeat;

	background-position:-15px 100%;}

.wrap3 {

	padding:0 8px 8px 0;

	background:url(../images/corner_tr.gif) right top no-repeat;

	background-position:100% -15px;}

.wrap3 img {

	display:block;

	border:0px solid #ccc;

	border-color:#efefef #ccc #ccc #efefef;}

html body {

	margin-left: 0;

	margin-right:0;

	margin-bottom:0;

	margin-top:0;

	bgcolor: #FFFFFF;

}

.logo

{

	position: absolute;

	top: 87px;

	left: 80px;

}

.titletext

{

	display: none;

	position: absolute;

	top: 55px;

	right: 30px;

	z-index: 101;

	background-color:#FFFFFF;

	color: #999999;	

	padding-right: 2px;

}

.maintext

{

	position: absolute;

	top: 370px;

	left: 25px;

	width: 255px;

	z-index: 110;

	border: 0px solid #999999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: justify;

}

a

{

	color: #424242;

	text-decoration: none;

}

a img

{

	border: none;

}



.frontimages

{

/*	

	position: absolute;

	top: 200px;

	left: 100px;

	width: 80%;

*/

	white-space: nowrap;

}



.frontimages td

{

	text-transform: uppercase;

	text-align: center;

	font-variant: small-caps;

}



.frontimages#subnav

{

/*

	position: absolute;

	top: 150px;

	left: 300px;

*/

	font-size: 8pt;

	width:auto;

}



.frontimages#subnav td#subtitle

{

	text-align: left;

	font-size: 16px;

}



.frontimages#subnav td#subtitle

{

	text-align: left;

	font-size: 16px;

}



ul {

	list-style: disc;

	padding-left: 1em;

	margin-left: 2px;

	}







/*

#navContainer

{

position: absolute;

top: 300px;

left: 50px;

border: 1px solid black;



}





#nav ul {

	margin-left: 0;

	padding-left: 0;

	display: inline;

	float:left;

}

#nav ul li {

	list-style: none;

	display: inline;

	margin-left: 0;

}

*/





a:focus {outline-style: none;}

.subMenu

{

	position: absolute;

	top: 650px;

	left: 37px;

	font-size: 9px;

}



.subMenu td {

	padding-bottom: 6px;

}



.subSubMenu

{

	position: absolute;

	top: 270px;

	left: 55px;

	width: 117px;

	padding: 3px;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: right;

	border-top: 1px solid #666666;

	border-bottom: 1px solid #666666;

	color: #444444;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	text-transform: uppercase;

	line-height: 12px;

}

.subMenuLink

{

	font-family: arial;

	font-weight: bold;

	font-size: 9pt;

	color: #424242;

	font-family: Arial, Helvetica, sans-serif;

}

.subMenuLinkActive

{

	font-family: arial;

	font-weight: bold;

	color: #999999;

	font-family: Arial, Helvetica, sans-serif;

}



div.backbtn

{

	position: absolute;

	top: 548px;

	left: 37px;

}



div.maincontent

{

	position: absolute;

	top: 216px;

	left: 210px;

	width: 650px;

	padding: 0px;

	z-index: 99;

}



/*

.list li a{

	text-decoration: none;

	display: block;

	width: auto;

}*/



.note

{

	text-align:center;

	width: 100%;

	font-size:10px;

	color: #999999;

}



.homeback {

	width: 100%;

	height: 20px;

	position: absolute;	

	z-index: 0;

	bottom: 50px;

	border: 0px solid black;

	vertical-align: bottom;

	font-family: arial; 

	font-weight: bold; 

	font-size: 9pt; 

	color: #999999;

	text-align: center;

}



div.frontimages{

	position: absolute;

	top: 218px;

	left: 209px;

}



div.frontimages img{

	border: 0px;

}



td.link{

	background-color: #3A3C3B;

	color: #ffffff;

	text-align: right;

	font-family: Arial, Verdana, Tahoma;

}

td.link img{

	border: 1px solid #cccccc;

}



td.link a{

	color: #ffffff;

	padding-right: 2px;

	font-size: 10px;

}



div.leftMenu{

	position: absolute;

	top: 207px;

	left: 37px; 

	width: 141px;;

}

div.leftMenu table{

	width: 141px;

}

div.leftMenu table tr td{

	text-align: right;

	text-transform: uppercase;

	font-family: Arial, Verdana, Tahoma;

	font-size: 12px;

	color: 595657;

	padding: 2px;

}

div.leftMenu table tr td.current{

	background-color: #333333;

}

div.leftMenu table tr td.anims{

	background-color: #FF0066;

}

div.leftMenu table tr td.prods{

	background-color: #FF6600;

}

div.leftMenu table tr td.tools{

	background-color: #FF9900;

}

div.leftMenu table tr td.current a, div.leftMenu table tr td.anims a, div.leftMenu table tr td.prods a {

	color: #ffffff;

}

div.backButton{

	position: absolute;

	top: 600px;

	left: 37px; 

}

div.sub2SubMenu{

	position: absolute;

	top: 180px;

	left: 305px;

	font-family: Arial, Helvetica, sans-serif;

}

a.subMenuLinkActiveX{

	color: #FF6600;

}