/* ---CSS Document
------------------------------------------------- */

body{
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	margin:0px;
	padding:0px;
}
/* ---Main Container
------------------------------------------------- */
p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

#main_container{
	width:868px;
	margin:auto;
}

#Sales_container{
	width:1068px;
	margin:auto;
}
#loginpass{
	width:316px;
	
	
	
	
}
/* ---Top Conatiner
------------------------------------------------- */
#top_container{
	background-image:url(../images/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:868px;
	height:111px;
}
#top_flashpagecontainer{
	
	background-repeat:no-repeat;
	background-position:bottom;
	width:868px;
	height:111px;
}	

#top_Salespagecontainer{
	
	background-repeat:no-repeat;
	background-position:bottom;
	width:1068px;
	height:111px;
}	

#logo{
	width:164px;
	height:22px;
	display:block;
	float:left;
	padding:36px 0px 0px 37px;
}

#Saleslogo{
	width:364px;
	height:22px;
	display:block;
	float:left;
	padding:36px 0px 0px 37px;
}

/* ---Middle Conatiner
------------------------------------------------- */
#navigation{
	background-image:url(../images/navigation.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:528px;
	height:28px;
	float:left;
	margin-top:11px;
	margin-left:50px;
	display:block;
}

#Salesnavigation{
	background-image:url(../images/navigation.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:528px;
	height:28px;
	float:left;
	margin-top:11px;
	margin-left:50px;
	display:block;
}

#navigation ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#navigation li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	display:block;
	text-transform: uppercase;

}
#navigation a {
	display:block;
	height:28px;
}
#topnav_01 {
	top:0; left:0px; width:64px;  margin:0; padding:0;
}
#topnav_01:hover {
	background: transparent url(../images/navigation.jpg) 0px -28px no-repeat; margin:0; padding:0;
}
#topnav_02 {
	top:0; left:0px; width:121px;  margin:0; padding:0;
}
#topnav_02:hover {
	background: transparent url(../images/navigation.jpg) -64px -28px no-repeat; margin:0; padding:0;
}
#topnav_03 {
	top:0; left:0px; width:138px;  margin:0; padding:0;
}
#topnav_03:hover {
	background: transparent url(../images/navigation.jpg) -185px -28px no-repeat; margin:0; padding:0;
}
#topnav_04 {
	top:0; left:0px; width:70px;  margin:0; padding:0;
}
#topnav_04:hover {
	background: transparent url(../images/navigation.jpg) -323px -28px no-repeat; margin:0; padding:0;
}
#topnav_05 {
	top:0; left:0px; width:53px;  margin:0; padding:0;
}
#topnav_05:hover {
	background: transparent url(../images/navigation.jpg) -393px -28px no-repeat; margin:0; padding:0;
}
#topnav_06 {
	top:0; left:0px; width:80px;  margin:0; padding:0;
}
#topnav_06:hover {
	background: transparent url(../images/navigation.jpg) -446px -28px no-repeat; margin:0; padding:0;
}


.dropmenu {
  position: absolute;
  left: -1500px;
  visibility: visible;
  z-index: 101;
  float: right;
  width: 150px;
  filter: alpha(opacity=85);

  border-width: 4px;
  border-style: outset;
  border-color: #888888;
  background-color: #333333;
}
.dropmenu ul {
  margin: 0;
  padding: 2;
  list-style-type: none;

}
.dropmenu li {
  display: inline;
}
.dropmenu a, .dropmenu a:visited, .dropmenu a:active {
  display: block;
  width: 150px;

  padding: 2px;
  margin: 1px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  text-decoration: none;

  color: #000000;
  background-color: #6282FA;
}
.dropmenu a:hover {
  padding: 2px;
  margin: 1px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  text-decoration: none;

  color: #0012ff;
  background-color: #EDA031;
}



/* ---Middle Conatiner
------------------------------------------------- */
#middle_container{
	width:868px;
	background-image:url(../images/middle_bg.jpg);
	background-repeat:repeat-y;
}
#middle_Flashpagecontainer{
	width:868px;
	
}
#middle_ClientFlashpagecontainer{
	width:973px;
	
}
#middle_Salespagecontainer{
	width:1068px;

}
#middle_leftline{
	background-image:url(../images/left_bg01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:828px;
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	
}

#middle_Flashpagenoline{
	background-position:left top;
	background-repeat:no-repeat;
	width:828px;
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	
}

#middle_Salespagenoline{
	background-position:left top;
	background-repeat:no-repeat;
	width:1028px;
	float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	
}

/* ---banner Conatiner
------------------------------------------------- */
#banner{
	width:896px;
	height:257px;
}
#Demoplay{
	width:440px;
	height:330px;
}

#flashpage{
	width:828px;
	height:561px;
}
#flash{
	width:1000px;
	height:600px;
}
#clientsPage{
	width:800px;
	height:600px;
}
#Clientflashpage{
	width:973px;
	height:552px;
}

#Salespage{
	width:1028px;
	height:561px;
}

/* ---Content Conatiner
------------------------------------------------- */
#content_container{
	width:828px;
	padding-top:30px;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-x;
	background-position:8px 0px;
	
}
#content_left{
	width:290px;
	float:left;
	padding-right:10px;
	
}
#content_right{
	width:520px;
	float:left;
	
}
/* ---BOX Conatiner
------------------------------------------------- */
#box{
	width:520px;
	padding-top:10px;
}
#box_top{
	width:515px;
	height:40px;
	background-image:url(../images/box_top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:10px 0px 0px 5px;
}

.featured_{
	background-image:url(../images/icon_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:41px;
	font-family:"Trebuchet MS", Verdana, Arial, Tahoma;
	font-size:18px;
	font-weight:normal;
	color:#363636;
	padding:0px 0px 0px 40px;
}
.box_middle{
	width:480px;
	background-image:url(../images/box_middle.gif);
	background-position:left top;
	background-repeat:repeat-y;
	padding:0px 20px 0px 20px;
}
#box_bottom{
	width:510px;
	height:40px;
	background-image:url(../images/box_botom.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	text-decoration:none;
}
.listing{
	padding:0px;
	margin:auto;
	width:470px;
}
.listing ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.listing li{
	padding:0px;
	margin:0px 0px 0px 10px;
	list-style:none;
	float:left;
	width:140px;
	display:block;
}	

.visual_list{
	margin:22px 0 0 5px;
	padding:0 0 0 0;
}
.visual_list ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.visual_list li{
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}
.visual_list li a{
	margin:0 0 0 0;
	padding:0 0 0 15px;
	font-weight:bold;
	color:#666666;
}
.visual_list li a:hover{
	text-decoration:none;
}
	
.box_2{
	width:130px;
	float:left;
}
.box_2_top{
	width:130px;
	background-image:url(../images/box_2_01.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:10px;
}
.box_2_middle{
	width:122px;
	background-image:url(../images/box_2_02.gif);
	background-position:left top;
	background-repeat:repeat-y;
	padding:4px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
.movie_3{
	background-image:url(../images/image3.gif);
	background-repeat:no-repeat;
	width:117px;
	height:68px;
}
.movie_2{
	background-image:url(../images/image2.gif);
	background-repeat:no-repeat;
	width:117px;
	height:68px;
}
.movie_1{
	background-image:url(../images/image_1.gif);
	background-repeat:no-repeat;
	width:117px;
	height:68px;
}
.play_button{
	background-image:url(../images/play_button.gif);
	width:117px;
	height:68px;
	background-repeat:no-repeat;
	background-position:40px 20px;
	display:block;
}

.box_2_middle a{
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.box_2_middle a:hover{
	text-decoration:underline;
}

.box_2_bottom{
	width:130px;
	background-image:url(../images/box_2_04.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:10px;
}	
	

#middle_rightline{
	background-image:url(../images/right_bg01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:15px;
	height:641px;
	float:left;
}

#footer_container{
	width:868px;
	background-image:url(../images/bottom_bg01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#353535;
	text-align:center;
	height:100px;
	padding-top:30px;
}
#footer_flashpagecontainer{
	width:828px;
	text-align:center;
	color:#353535;
	height:100px;
	padding-top:30px;
}

#footer_Salespagecontainer{
	width:1028px;
	text-align:center;
	color:#353535;
	height:100px;
	padding-top:30px;
}

#footer_container a{
	color:#353535;
	text-decoration:none;
	font-size:12px;
	
}
#footer_container a:hover{
	color:#353535;
	text-decoration:underline;
}
#footer_container span{
	color:#6D6D6D;
	font-size:11px;
}
#footer_flashpagecontainer a{
	color:#353535;
	text-decoration:none;
	font-size:12px;
	
}
#footer_flashpagecontainer a:hover{
	color:#353535;
	text-decoration:underline;
}
#footer_flashpagecontainer span{
	color:#6D6D6D;
	font-size:11px;
}

#footer_Salespagecontainer a{
	color:#353535;
	text-decoration:none;
	font-size:12px;
	
}
#footer_Salespagecontainer a:hover{
	color:#353535;
	text-decoration:underline;
}
#footer_Salespagecontainer span{
	color:#6D6D6D;
	font-size:11px;
}

.clear{
	clear:both;
}

/* ---Inner Pages
------------------------------------------------- */
#banner_inner{
	width:829px;
	height:126px;
}
#content_left01{
	width:234px;
	float:left;
	padding-right:16px;
}
#middle_leftline01{
	background-image:url(../images/left_bg_inner.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:828px;
	float:left;
	padding:0px 0px 0px 20px;
	
}


/* ---Visual Support
------------------------------------------------- */

.featured_box{
	width:225px;
	margin:0 0 0 9px;
}
.featured_top{
	background-image:url(../images/featured_top.gif);
	background-repeat:no-repeat;
	width:225px;
	height:41px;
}



.video_nav {
	background-image:url(../images/play_button.gif);
	width:30px;
	height:30px;
	position:absolute; 
	right:45px; 
	top:20px; 
	z-index:999;
	display:block;
	text-align:center;
}
.video_nav a{
	display:block;
	position:absolute;
	left: 859px;
	top: 364px;
}


#container_logoright {
	float:right;
	width:630px;
}
#container_phone {
	height:60px;
	background-image:url(../images/contact_number.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
	
	.search {
	position: absolute;
	top: 60px;
	right: 170px;
   }