html {
	height: 100.1%;
	margin-bottom: 1px;
}

body {
	height: 100.1%;
	background: #f1f1f1;
	font-size: 100.01%;
	padding-bottom: 50px;
}

h1 {
	background: #83A8B4;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 12px 5px 12px 30px;
	margin-left: 6px;
	margin-right: 3px;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.homeheading {
	margin-left: 6px;
}

/*Styling of home page h1 and image*/
#home h1 {
	background:#FFFFFF;
	color: #000000;
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 0.75em;
}

#home  .firstp {
	margin-top: 12px;
	margin-bottom: .5em;
}

.vrmax {
	height: 80px; 
	overflow:hidden; 
	margin-left: 6px;
}


h5 {
	margin-top: 12px;
	margin-bottom: -3px;
}
h4 {
	margin-top: 20px;
	font-size: 0.9em;
	margin-bottom: .5em;
}

h3 {
	font-size: .95em;
	color: #000000;
	margin-bottom: .5em;
}
#threeD h3 {
	color: #BE202F;
	font-size: 1.1em;
	margin-top: 30px;
}




#outerwrapper {
	padding-bottom: 40px;
}


/*structure divs for background box*/
#wrapper {
	width: 930px;
	background: url(../images/bkg_wrapper.jpg) repeat-y;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}
#masthead {
	background: url(../images/bkg_masthead.jpg) no-repeat;
	height: 261px;
	width: 930px;
}
#mainnav {
	background: #56747d url(../images/bkg_mainnav.jpg) no-repeat bottom;
	margin-right: 6px;
	margin-left: 7px;
	width: 918px;
	padding-top: 7px;
	padding-bottom: 11px;
}
#botnav {
	background: #56747D;
	margin-right: 6px;
	margin-left: 7px;
	width: 918px;
	padding-bottom: 5px;
	padding-top: 3px;
}
#botnav img {
	float: right;
	margin-right: 20px;
}

#footer {
	background: url(../images/bkg_footer.jpg);
	height: 29px;
	width: 930px;
}

/*details for background box*/
#mainnav ul, #botnav ul {
	text-align: center;
	font: 700 0.65em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
}
#botnav ul {
	text-transform: none;
	text-align: right;
	font-weight: normal;
	margin-right: 40px;
	font-size: .6em;
	float: right;
	padding-top: 6px;

}
#mainnav li, #botnav li {
	display: inline; 
}
#mainnav li a:link, #mainnav li a:visited, #botnav li a:link, #botnav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#botnav li a:link, #botnav li a:visited {
	padding-right: 1px;
	padding-left: 1px;
}

#mainnav li a:hover, #mainnav li a:active, #mainnav li a:focus, #botnav li a:hover, #botnav li a:active, #botnav li a:focus {
	color: #E2A64B;
}

/*innerbox structure divs*/

#innerwrapper {
	background: url(../images/bkg_innerwrapper.jpg) repeat-y;
	margin: 23px 13px 23px 15px;
}

#home #innerwrapper {
	background: url(../images/bkg_home_innerwrapper.jpg) repeat-y;
}


/*has complete top circle*/

#innerwrapper2 {
	background: url(../images/bkg_contentwrapper.jpg) no-repeat 37px 15px;
	margin: 0;
	padding: 0;
}

#home #innerwrapper2, #threeD #innerwrapper2 {
	background: none;
}

/*has bottom circle, including part of bottom border*/
#innerwrapper3 {
	background: url(../images/bkg_maincontent.jpg) no-repeat 437px bottom;
}

#home #innerwrapper3 {
	background: url(../images/bkg_home_maincontent.jpg) no-repeat 83px bottom;
	position: relative;
}

#threeD #innerwrapper3 {
	background: url(../images/bkg_innerwrapper.jpg) repeat-y;
}

#innertop {
	background: url(../images/bkg_innertop.jpg) no-repeat;
	height: 15px;
	width: 902px;
}

#home #innertop {
	background: url(../images/bkg_home_innertop.jpg) no-repeat;
}

#threeD #innertop {
	background: url(../images/3d/bkg_innertop_3d.jpg);
}

#innerbot {
	background: url(../images/bkg_innerbot.jpg) no-repeat;
	height: 20px;
	width: 902px;
}

#home #innerbot {
	background: url(../images/bkg_home_innerbot.jpg) no-repeat;
}
#threeD #innerbot {
	background: url(../images/3d/bkg_innerbot_3d.jpg);
}



/*content area structures*/

/* min height hack on maincontent - needed to keep circles from overlapping*/
#maincontent {
	min-height: 600px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* for Internet Explorer */
/*\*/
* html #maincontent {
height: 600px;
}
/**/

#topcontent {
	margin-right: 10px;
	margin-left: 37px;
	margin-top: 20px;
}
#home #maincontent {
	z-index: -2;
	min-height: 500px;
	padding-bottom: 60px;
}
/* for Internet Explorer */
/*\*/
* html #home #maincontent {
height: 500px;
}
/**/

#threeD #maincontent {
	background: url(../images/3d/bkg-3d.jpg) no-repeat 3px 210px;
	margin-left: 4px;
}

#botcontent {
	margin-left: 10px;
	margin-top: 20px;
}
#casetop {
	height: 22px;
	width: 880px;
	background: url(../images/bkg_casetop.png) no-repeat;
}

#casecontent {
	background: url(../images/bkg_casecontent.jpg) repeat-y;
	width: 880px;
}

#casebot {
	height: 30px;
	width: 880px;
	background: url(../images/bkg_casebot.png);
}


/*content styles*/

#maincontent h2 {
	margin-bottom: 0.6em;
	font-size: 0.95em;
	text-transform: uppercase;
}

#threeD #maincontent h2 {
	text-transform: none;
	font: normal 1.3em/1.6em Arial, Helvetica, sans-serif;
}

/*h2 for casestudies - serves as anchor*/
#studies {
	background: #83A8B4;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 4px;
	margin-left: 10px;
	padding-left: 19px;
	margin-bottom: 14px;
}

#maincontent  p {
	font-size: 0.75em;
	line-height: 1.4em;
	padding-bottom: .5em;
}
#threeD #maincontent p {
	line-height: 1.6em;
}

#maincontent ul {
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0.4em 80px 0.4em 50px;
}
#maincontent li {
	list-style: disc;
	padding-bottom: .4em;
}
#maincontent a:link {
	color: #56747d;
	font-weight: 700;
}

#maincontent a:visited {
	color: #87969A;
	font-weight: 700;
}

#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
	color: #DB9122;
}

#maincontent a.mainlink {
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 1.5em;
	display: block;
}

#topinfo {
	float: left;
	width: 450px;
}

#home #topinfo {
	width: 410px;
	float: none;
}

#threeD #topinfo {
	width: 385px;
}

#rcol {
	float: right;
	width: 385px;
	margin-right: 39px;
	margin-left: 39px;
	margin-top: 20px;
}
	  

#homeflash {
	position: absolute;
	left: 460px;
	top: 3px;
	width: 434px;
}


#mediaright {
	float: right;
	width: 358px;
	margin-top: -3px;
}

#mediamid {
	width: 358px;
	background: url(../images/bkg_flash.jpg) repeat-y;
}

#mediatop {
	background: url(../images/bkg_flashtop.jpg) no-repeat;
	height: 17px;
	width: 358px;
}

#mediabot {
	background: url(../images/bkg_flashbot2.png) no-repeat;
	height: 17px;
	width: 358px;
}


/*styles for home page buttons*/
#audiences {
	margin-right: -60px;
	z-index: 10;
	position: relative;
	height: 108px;
	margin-top: 15px;
}
#audiences a:link, #audiences a:visited, .demo a:link, .demo a:visited {
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 10px;
	padding-left: 13px;
	letter-spacing: -0.05em;
	line-height: 1.3em;
	font-weight: 700;
}

.demo a:link, .demo a:visited {
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	padding-top: 10px;
	letter-spacing: -0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#audiences a:hover, #audiences a:active, #audiences a:focus, .demo a:hover, .demo a:active, .demo a:focus {
	color: #D4D4D4;
}

.aud1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 108px;
	width: 135px;
	background: url(../images/home/btn_events.png) no-repeat;
}
.aud2 {
	position: absolute;
	height: 108px;
	width: 135px;
	left: 155px;
	top: 0px;
	background: url(../images/home/btn_tradeshows.png) no-repeat;
}
.aud3 {
	position: absolute;
	height: 108px;
	width: 135px;
	left: 310px;
	top: 0px;
	background: url(../images/home/btn_planetariums.png) no-repeat;
}
.demo {
	background: url(../images/home/btn_vr-max-demo.png) no-repeat;
	height: 77px;
	width: 222px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}

/*end styles for homepage buttons*/


#skipnav {
	position: absolute; 
	top: 0;
	left: 0; 
	margin-left: -1000px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}


#skipnav a:focus, #skipnav a:active {
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	background: #FFFFFF;
}


/*an IE hack to make the above work consistently*/

#blah:active {
}

/*services table*/
#services {
	margin-left: 25px;
	font-size: 0.95em;
	font-weight: 700;
	margin-bottom: 40px;
	margin-top: 25px;
	border-top: 1px solid #86A7B9;
	border-right: 2px solid #6791A7;
	border-bottom: 2px solid #6791A7;
	border-left: 1px solid #86A7B9;
}
#services td, #services th {
	width: 180px;
	padding: 8px;
}
#services th {
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 700;
}
#services td.deco {
	height: 5px;
	font-size: 0em;
	line-height: 0em;
	padding: 0;
}
#services td.bottom {
	padding-bottom: 20px;
}
.simple {
	width: 550px;
	padding-bottom: 60px;
}



.mediacontent {
	margin-left: 20px;
	width: 320px;
	padding-top: 2px;
}
.caption {
	font-weight: bold;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 5px;
}


/*clear floats*/

.clearit{
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0.0;
}

.clearboth {
	clear: both;
}
.casemedia {
	float: left;
	width: 320px;
	margin-right: 30px;
	margin-bottom: 15px;
}
.caseinfo {
	margin-right: 10px;
	margin-top: -12px;
	margin-bottom: 15px;
	width: 450px;
	float: left;
}

.source {
	padding-left: 40px;
}
.darkgray {
	color: #333333;
}
.bkgbluegreen {
	background: #B5C9D4;
	padding: 2px 2px 2px 5px;
}


.highlight {
	background: #FFFFCC;
}

/*temporary*/

#innerwrappert {
	background: url(../images/bkg_innerwrapper.jpg) repeat-y;
	margin: 0px 13px 23px 15px;
}

#home #innerwrappert {
	background: url(../images/bkg_home_innerwrapper.jpg) repeat-y;
}

#temp {
	margin: 15px 18px 15px 18px;
}
h2.threeDindent {
	font-weight: normal!important;
	margin-left: 20px;
	color: #333!important;
	text-align: right;
}
#bottomnote {
	text-align: right;
	margin-top: 30px;
	margin-bottom: 150px;
}
#bottomnote h2 {
	text-align: left;
	font-size: 1em!important;
}
#bottomnote img {
	margin-top: 10px;
}
#highlight {
	background: #FFD75B;
	z-index: 10;
}