/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;	
	background-color: #000000;
}

td,th {
	color: #FFFFFF;
}

/************** Background Panel styles **************/
#BgLeftPanel{
	width: 247px;	height: 640px;	position: absolute;	top: 0px;	left: 0px;	
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
}
#BgLeftPanel a {left: 0px; top: 0px; height: 182px; width:247px; display: block;}


#BgTopPanel{	
	width: 653px;	height: 180px;	position: absolute;	top: 0px;	left: 247px;
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r1_c2.jpg);
	background-repeat: no-repeat;
}
#BgTopPanel a {	left:0px; top:0px; height: 120px; width:653px; display: block;}

#BgViewerMarginLeft{	
	width: 49px;	height: 460px;	position: absolute;	top: 180px;	left: 247px;
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r2_c2.jpg);
	background-repeat: no-repeat;
}

#BgViewerMarginRight{	
	width: 52px;	height: 460px;	position: absolute;	top: 180px;	left:848px;
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r2_c5.jpg);
	background-repeat: no-repeat;
}

#BgViewerMarginBase{	
	width: 552px;	height: 36px;	position: absolute;	top: 512px;	left:296px;
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r3_c3.jpg);
	background-repeat: no-repeat;
}

#BgIconStrip{	
	width: 552px;	height: 45px;	position: absolute;	top: 548px;	left:296px;
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r4_c3.jpg);
	background-repeat: no-repeat;
}

#BgIconStripBase{	
	width: 552px;	height: 47px;	position: absolute;	top: 593px;	left:296px;
	background-color: #050505;
	background-image: url(../images/bgAssets/bg_r5_c3.jpg);
	background-repeat: no-repeat;
}

#BgIconSlot_01 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 296px; display: block;}
#BgIconSlot_02 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 342px; display: block;}
#BgIconSlot_03 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 388px; display: block;}
#BgIconSlot_04 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 434px; display: block;}
#BgIconSlot_05 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 480px; display: block;}
#BgIconSlot_06 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 526px; display: block;}
#BgIconSlot_07 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 572px; display: block;}
#BgIconSlot_08 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 618px; display: block;}
#BgIconSlot_09 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 664px; display: block;}
#BgIconSlot_10 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 710px; display: block;}
#BgIconSlot_11 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 756px; display: block;}
#BgIconSlot_12 {height: 45px; width:45px; position: absolute;	top: 548px;	left: 802px; display: block;}

#BgIconSlot_13 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 296px; display: block;}
#BgIconSlot_14 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 342px; display: block;}
#BgIconSlot_15 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 388px; display: block;}
#BgIconSlot_16 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 434px; display: block;}
#BgIconSlot_17 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 480px; display: block;}
#BgIconSlot_18 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 526px; display: block;}
#BgIconSlot_19 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 572px; display: block;}
#BgIconSlot_20 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 618px; display: block;}
#BgIconSlot_21 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 664px; display: block;}
#BgIconSlot_22 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 710px; display: block;}
#BgIconSlot_23 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 756px; display: block;}
#BgIconSlot_24 {height: 45px; width:45px; position: absolute;	top: 595px;	left: 802px; display: block;}

#BgViewerLogo{	
	width: 138px;	height: 332px;	position: absolute;	top: 180px;	left:296px;
	background-color: #050505;
}

#BgViewerScreen{	
	width: 414px;	height: 332px;	position: absolute;	top: 180px;	left:434px;
	background-color: #050505;
}

/*  NAVIGATION */
#BgNavAbout { 			height: 26px; width:50px; position: absolute; left: 247px; top: 134px; }
#BgNavAbout a { 		height: 26px; width:50px; display: block; background-image: url(../images/navBar/NB_About_Std.jpg); }
#BgNavAbout a:hover { 	height: 26px; width:50px; display: block; background-image: url(../images/navBar/NB_About_Hit.jpg); }

#BgNavVMG { 			height: 26px; width:164px; position: absolute; left: 297px; top: 134px; }
#BgNavVMG a { 			height: 26px; width:164px; display: block; background-image: url(../images/navBar/NB_VidMoGfx_Std.jpg); }
#BgNavVMG a:hover {	 	height: 26px; width:164px; display: block; background-image: url(../images/navBar/NB_VidMoGfx_Hit.jpg); }

#BgNavIMM { 			height: 26px; width:145px; position: absolute; left: 461px; top: 134px; }
#BgNavIMM a { 			height: 26px; width:145px; display: block; background-image: url(../images/navBar/NB_MultiGfx_Std.jpg); }
#BgNavIMM a:hover { 	height: 26px; width:145px; display: block; background-image: url(../images/navBar/NB_MultiGfx_Hit.jpg); }

#BgNavPrint { 			height: 26px; width:100px; position: absolute; left: 606px; top: 134px; }
#BgNavPrint a { 		height: 26px; width:100px; display: block; background-image: url(../images/navBar/NB_PrintGfx_Std.jpg); }
#BgNavPrint a:hover { 	height: 26px; width:100px; display: block; background-image: url(../images/navBar/NB_PrintGfx_Hit.jpg); }

#BgNavClient { 			height: 26px; width:78px; position: absolute; left: 706px; top: 134px; }
#BgNavClient a { 		height: 26px; width:78px; display: block; background-image: url(../images/navBar/NB_Client_Std.jpg); }
#BgNavClient a:hover { 	height: 26px; width:78px; display: block; background-image: url(../images/navBar/NB_Client_Hit.jpg); }

#BgNavContact { 		height: 26px; width:63px; position: absolute; left: 784px; top: 134px; }
#BgNavContact a { 		height: 26px; width:63px; display: block; background-image: url(../images/navBar/NB_Contact_Std.jpg); }
#BgNavContact a:hover { height: 26px; width:63px; display: block; background-image: url(../images/navBar/NB_Contact_Hit.jpg); }

#BgNavSpacer {
	width: 53px;	height: 26px;	position: absolute;	left: 847px;  top: 134px;
	background-image: url(../images/navBar/NB_Spacer.jpg);
	background-repeat: no-repeat;	
}


/* Left Panel Menu */
#LeftPanelMenuTop{
	width: 247px;	position: absolute;	top: 229px;	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #E79B42;	
	text-align: right;
}
#LeftPanelMenuTop a:link {text-decoration: none; color: #E79B42;}
#LeftPanelMenuTop a:visited {text-decoration: none; color: #E79B42;}
#LeftPanelMenuTop a:hover {text-decoration: none; color: #FFFFC9;}

#LeftPanelMenuBottom{
	width: 247px;	position: absolute;	top: 402px;	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #ED6C31;
	text-align: right;
}
#LeftPanelMenuBottom a:link {text-decoration: none; color: #ED6C31;}
#LeftPanelMenuBottom a:visited {text-decoration: none; color: #ED6C31;}
#LeftPanelMenuBottom a:hover {text-decoration: none; color: #FFFFC9;}

#LeftPanelMenuTopActive {text-decoration: none; color: #FFFFC9; font-weight: bold;}
#LeftPanelMenuBotActive {text-decoration: none; color: #FFFFC9; font-weight: bold;}

/* main body text */

/*
#bodyTextFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#bodyTitleFont {
font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}

#bodyTextBox { 	    width: 552px;	position: absolute;	top: 648px;	left: 296px; }
#bodyTextBoxHome {  width: 552px;	position: absolute;	top: 648px;	left: 296px; }
#bodyTextBoxLow {   width: 552px;	position: absolute;	top: 688px;	left: 296px; }
#bodyTextBoxAbout {	width: 552px;   position: absolute; top: 232px; left: 296px; }

#bodyTitleBox {     width: 552px;	position: absolute;	top: 612px;	left: 296px; }
#bodyTitleBoxLow {  width: 552px;	position: absolute;	top: 652px;	left: 296px; }
*/

/*  --- */
#bodyText {
	width: 552px;	position: absolute;	top: 648px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#bodyTitle {
	width: 552px;	position: absolute;	top: 612px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#bodyTitle i { font-size: 14px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal; }

#bodyTextLow {
	width: 552px;	position: absolute;	top: 688px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#bodyTitleLow{
	width: 552px;	position: absolute;	top: 652px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#bodyTextHomePage {
	width: 552px;	position: absolute;	top: 612px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}

/* #bodyTitleSmall { font-size: 13px; }*/

#bodyAbout {
	width: 552px; position: absolute; top: 232px; left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#bodyAbout a:link {text-decoration: none; color: #E79B42;}
#bodyAbout a:visited {text-decoration: none; color: #E79B42;}
#bodyAbout a:hover {text-decoration: none; color: #FFFFC9;}

#bodyTitleTop {
	width: 552px;	position: absolute;	top: 196px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}

#bodyClientlist {
	width: 552px; position: absolute; top: 196px; left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #ED6C31;
}

#bodyClientlist a:link {text-decoration: none; color: #E79B42;}
#bodyClientlist a:visited {text-decoration: none; color: #E79B42;}
#bodyClientlist a:hover {text-decoration: none; color: #FFFFC9;}


#ClientlistCol_1 {
	width: 180px;	position: absolute;	top: 0px;	left: 0px;
}
#ClientlistCol_2 {
	width: 180px;	position: absolute;	top: 0px;	left: 186px;
}
#ClientlistCol_3 {
	width: 180px;	position: absolute;	top: 0px;	left: 372px; 
}
#CopyrightBoxFixed{
	width: 552px; position: absolute; left:296px; top: 1684px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}
#CopyrightBoxLinks{
	width: 552px; position: absolute; left:296px; top: 2560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;
	color: #FFFFC9;
}


#ViewerText {
	width: 320px;	position: absolute;	top: 229px;	left: 296px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal;
	color: #FFFFC9;
}