img, div { behavior: url(/iepngfix.htc) }
img {
  border: none;
}

body {
  background: #121e2e url( '/images/bg.jpg');
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 14px;
}
/* .white-bg {
  height: 100%;
  width: 100%;
  background-color: white;
  position: fixed;
  top: 550px;
  z-index: 1;
} */

.header {
  background: url('/images/top-bar.png') no-repeat top center;
  width: 1000px;
  height: 77px;
  position: relative;
  z-index: 15;
  display: block;
  zoom: 1;
}
.header-logo {
  float: left;
  position: relative;
  margin: 10px 0px 0px 25px;
  width: 250px;
  cursor: pointer;

}

.header-menu {
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  margin: 10px 0px 0px 100px;
  width: 550px;
  text-align: right;
}

.header-menu a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  letter-spacing: 2px;
}
.header-menu span {
  margin: 20px;
}
.side-bar {
  float: left;
  z-index: 15;
  position: relative;
  left: -4px;
}
.side-bar div {
  width: 300px;
  height: 100px;
  margin: 5px 0px;
  cursor: pointer;
}
.main {
  float: left;
  width: 675px;
  margin: 0px 0px 0px 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  height: 550px;
  overflow: auto;
  position: relative;
  top: -35px;
  z-index: 10;
}

.container {
  margin: 0px auto;
  width: 1000px;
  text-align: left;
  /* background-color: #063979; */
}
.clear {
  float: none;
  clear: both;
  line-height: 0px;
}

img {  -ms-interpolation-mode: bicubic; }

#loading {
  margin-top: 75px;
  font-size: 20px;
  background: url(/images/ajax-loading.gif) no-repeat center top;
  height: 100px;
  padding-top: 75px;
}
.copyright {
  position: relative;
  top: 10px;
  font-size: 10px;
  width: 100%;
  text-align: center;
  color: white;
  z-index: -1;
}
.bottom-buttons {
  position: absolute;
  z-index: 15;
  top: 620px;
  width: 1002px;
}
.bottom-buttons a#menu_button {
  display: block;
  float: left;
}



.copyright a {
  color: #D0D0D0;
}
.copyright a:hover {
  color: #D0D0D0;
}
.copyright a:visited {
  color: #B0B0B0;
}

.bottom-buttons a.case-study {
  background: url('/images/case_study.png') no-repeat;
  background-position: 0px bottom;
  width: 195px;
  height: 145px;
}
.bottom-buttons a:hover.case-study {
  background-position: -195px bottom;
}
.bottom-buttons a.toolkit {
  background: url('/images/toolkit.png') no-repeat;
  background-position: 0px bottom;
  width: 307px;
  height: 145px;
}
.bottom-buttons a:hover.toolkit {
  background-position: -307px bottom;
}
.bottom-buttons a.demo-videos {
  background: url('/images/demo.png') no-repeat;
  background-position: 0px bottom;
  width: 195px;
  height: 145px;
}
.bottom-buttons a.demo-videos:hover {
  background-position: -195px bottom;
}
.bottom-buttons a.schedule-demo {
  background: url('/images/schedule_demo.png') no-repeat;
  background-position: 0px bottom;
  width: 305px;
  height: 145px;
}
.bottom-buttons a.schedule-demo:hover {
  background-position: -305px bottom;
}

.side-bar a {
  display: block;
  background-position: 0px bottom;
  width: 303px;
  height: 104px;
}

.side-bar a#btn_live-broadcasting {   background: url('/images/live-broadcasting.png') no-repeat;   }
.side-bar a#btn_webinar-services {    background: url('/images/webinar-services.png') no-repeat;    }
.side-bar a#btn_conference-services { background: url('/images/conference-services.png') no-repeat; }
.side-bar a#btn_virtual-worlds {      background: url('/images/3D-virtual-worlds.png') no-repeat;   }
.side-bar a#btn_digitell-difference { background: url('/images/digitell-difference.png') no-repeat; }

.side-bar a:hover#btn_live-broadcasting {   background-position: -303px bottom; }
.side-bar a:hover#btn_webinar-services {    background-position: -303px bottom; }
.side-bar a:hover#btn_conference-services { background-position: -303px bottom; }
.side-bar a:hover#btn_virtual-worlds {      background-position: -303px bottom; }
.side-bar a:hover#btn_digitell-difference { background-position: -303px bottom; }

#toolkitpopup {
  position: absolute;
  background-color: white;
  z-index: 100;
  border: 1px solid #A0A0A0;
  display: none;
}

#frame {
  border: 1px solid #C0C0C0;
  margin: 0px 50px 0px 50px;
  padding-bottom: 4px;
}
#frame span {
  position: relative;
  display: block;
  top: -8px;
  background-color: white;
  left: 5px;
  width: 130px;
  text-align: center;
  font-size: 11px;
}
#frame table {
  margin-left: -50px;
}
#line {
  border-bottom: 1px solid #C0C0C0;
  margin: 2px 50px 4px 50px;
}


.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	z-index:101;
}

#toolkit-form, #schedule-demo-form
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
  background-color: #fff;
  text-align: left;
  width: 700px;
  height: 400px;
  margin-top: -250px;
  margin-left: -350px;
}

#toolkit-form {
  height: 620px;
  margin-top: -310px;
}