/* CSS Document */
/* commented backslash hack v2 \*/ 
html, body{height: 100%;}
/* end hack */ 
html {
    overflow-x: hidden;
    overflow-y: auto;
} /* needed for the bastard windows browser */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}
/* start structure */
#centrecontent {
	position:absolute;
	width:818px;
	height:394px;
	top:50%;
	left:50%;
	margin:-197px auto auto -409px;
	background-color: #FFF;
}
#header {
    position:absolute;
	width:818px;
	height:25px;
	top:0px;
	left:0px;
	background-color: #FFF;
}
/* menu */
#nav {
    position:absolute;
	top:1px;
	right:0px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #FFF;
}
#nav li {
    float: left;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#nav a:link, #nav a:visited {
	display: block;
	width: 103px;
	height: 17px;
	margin-left: 6px;
	padding-top: 2px;
	padding-left: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #939393;
}
#nav a:hover, #nav a:active, body#animation #animationL a, body#modelling #modellingL a {
	display: block;
	width: 103px;
	height: 17px;
	margin-left: 6px;
	padding-top: 2px;
	padding-left: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #545454;
}
#nav a.menuLeft:link, #nav a.menuLeft:visited {
	display: block;
	width: 103px;
	height: 17px;
	margin-left: 6px;
	padding-top: 2px;
	padding-left: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #939393;
	background-image: url(../images/menu/left_0.gif);
	background-repeat: no-repeat;
}
#nav a.menuLeft:hover, #nav a.menuLeft:active, body#about #aboutL a {
	display: block;
	width: 103px;
	height: 17px;
	margin-left: 6px;
	padding-top: 2px;
	padding-left: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #545454;
	background-image: url(../images/menu/left_1.gif);
	background-repeat: no-repeat;
}
#nav a.menuRight:link, #nav a.menuRight:visited {
	display: block;
	width: 103px;
	height: 17px;
	margin-left: 6px;
	padding-top: 2px;
	padding-left: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #939393;
	background-image: url(../images/menu/right_0.gif);
	background-repeat: no-repeat;
}
#nav a.menuRight:hover, #nav a.menuRight:active, body#concept #conceptL a {
	display: block;
	width: 103px;
	height: 17px;
	margin-left: 6px;
	padding-top: 2px;
	padding-left: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #545454;
	background-image: url(../images/menu/right_1.gif);
	background-repeat: no-repeat;
}
/* L1 (about [index]) */
#topL1 {
    position:absolute;
	width:818px;
	height:111px;
	top:25px;
	left:0px;
	background-color: #FFF;
	background-image: url(../images/i/topL1.gif);
	background-repeat: no-repeat;
}
#midL1 {
    position:absolute;
	z-index: 2;
	width:818px;
	height:146px;
	top:136px;
	left:0px;
	background-color: #FFF;
	background-image: url(../images/i/midL1.gif);
	background-repeat: repeat-y;
}
#bottomL1 {
    position:absolute;
	width:818px;
	height:112px;
	top:282px;
	left:0px;
	background-color: #FFF;
	background-image: url(../images/i/bottomL1.gif);
	background-repeat: no-repeat;
}
#midLeftColL1 {
	position: absolute;
	z-index: 2;
	width: 346px;
	top:0px;
	left:0px;
	padding-top: 24px;
	padding-right: 80px;
	padding-left: 27px;
	height: 179px;
	overflow: auto;
}
#midRightColL1 {
	position: absolute;
	z-index: 2;
	width: 323px;
	top: -68px;
	left: 453px;
	padding-right: 29px;
	padding-left: 13px;
	height: 214px;
	text-align:right;
}
/* L2 (about [index]) */
#topL2 {
    position:absolute;
	width:818px;
	height:127px;
	top:25px;
	left:0px;
	background-color: #FFF;
	background-image: url(../images/i/topL2.gif);
	background-repeat: no-repeat;
}
#midL2 {
    position:absolute;
	z-index: 2;
	width:818px;
	height:197px;
	top:152px;
	left:0px;
	background-color: #FFF;
	background-image: url(../images/i/midL2.gif);
	background-repeat: repeat-y;
}
#bottomL2 {
    position:absolute;
	width:818px;
	height:45px;
	top:349px;
	left:0px;
	background-color: #FFF;
	background-image: url(../images/i/bottomL2.gif);
	background-repeat: no-repeat;
}
#midLeftColL2 {
	position: absolute;
	z-index: 2;
	width: 410px;
	top:0px;
	left:0px;
	padding-top: 24px;
	padding-right: 20px;
	padding-left: 34px;
	height: 173px;
	overflow: auto;
}
#midRightColL2 {
	position: absolute;
	z-index: 2;
	width: 308px;
	top: -64px;
	left: 464px;
	padding-top: 16px;
	padding-right: 35px;
	padding-left: 11px;
	height: 245px;
	text-align:right;
}
/* end of structure */
.hidetitle	{
	position: absolute;
	left: -9999px;
	top: -9999px;
} /* used to hide titles graphic used instead.  Used for accessibility and search indexing */
img { 
border: 0px; 
}
p {
	margin: 0 0 0.9em;
	padding: 0;
	line-height: 15px;
}
a {
    text-decoration: none;
}
/* content */
.logo {
	margin-top: 24px;
	margin-left: 26px;
}
.indexImg {
	margin-top: 32px;
}
#subMenu1 {
    float:left;
	width: 205px;
	margin: 0px;
	padding: 0;
}
#subMenu2 {
    float:right;
	width: 205px;
	margin: 0;
	padding: 0;
}
#subMenu1 li, #subMenu2 li {
	line-height: 17px;
	list-style: none;
	background-image: url(../images/i/list.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 15px;
	background-position: 0px 4px;
}
#subMenu1 a:link, #subMenu1 a:visited, #subMenu2 a:link, #subMenu2 a:visited, a:link, a:visited {
	color: #545454;
}
#subMenu1 a:hover, #subMenu1 a:active, #subMenu2 a:hover, #subMenu2 a:active, a:hover, a:active {
	color: #F26224;
}
#screen {
	background-color: #FFFFFF;
	background-image: url(../images/i/screen.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 166px;
	width: 222px;
	text-align: left;
	padding-top: 27px;
	padding-right: 43px;
	padding-bottom: 27px;
	padding-left: 43px;
	margin-bottom: 0px;
}
#screenText {
	position: relative;
	height: 20px;
	width: 294px;
	text-align: left;
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
}
#note {
	position: absolute;
	left: 34px;
	bottom: 26px;
	width: 360px;
	clear: both;
}
/* footer */
#contact1 {
	color: #FFF;
	position: absolute;
	left: 28px;
	top: 76px;
}
#email1 {
	color: #FFF;
	position: absolute;
	right: 28px;
	top: 76px;
}
#contact2 {
	color: #FFF;
	position: absolute;
	left: 28px;
	top: 9px;
}
#email2 {
	color: #FFF;
	position: absolute;
	right: 28px;
	top: 9px;
}
#email1 a:link, #email1 a:visited, #email2 a:link, #email2 a:visited {
	color: #FFF;
}
#email1 a:hover, #email1 a:active, #email2 a:hover, #email2 a:active {
	color: #F26224;
}
#build {
    color: #999;
	font-size: 10px;
	position: absolute;
	right: 8px;
	bottom: 5px;
}
#build a:link, #build a:visited {
	color: #999;
}
#build a:hover, #build a:active {
	color: #F26224;
}
.copyright {
    font-size: 10px;
}
/* viewer styles */
#centrecontentViewer1 {
	position:absolute;
	width:700px;
	height:256px;
	top:50%;
	left:50%;
	margin:-128px auto auto -350px;
	text-align: center;
}
#viewer_logo1 {
	position: absolute;
	right: 8px;
	bottom: 8px;
	text-align: right;
}
#centrecontentViewer2 {
	position:relative;
	width:100%;
	text-align: center;
}
#centrecontentViewerInner2 {
	position:relative;
	margin-top: 100px;
	margin-bottom: 70px;
}
#viewer_logo2 {
	position: relative;
	text-align: right;
	margin-right: 8px;
	margin-bottom: 8px;
}
#clear_viewer {
	clear: both;
	height: 30px;
}
#viewer_footer {
	clear: both;
	width: 100%;
	text-align: right;
}
.viewerLogoImg {
    margin-bottom: 4px;
}
#centrecontentViewer3 {
	position:absolute;
	width:700px;
	height:550px;
	top:50%;
	left:50%;
	margin:-275px auto auto -350px;
	text-align: center;
}
p.viewerInfo {
	margin: 0 0 5px;
	padding: 0;
	line-height: 12px;
}
#viewerClose {
    position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	color: #ccc;
}
#centrecontentViewer4 {
	position:absolute;
	width:1000px;
	height:600px;
	top:50%;
	left:50%;
	margin:-300px auto auto -500px;
	text-align: center;
}



/* safari only-menu text valign*/
/*\*/
 html>body* #nav a:link, #nav a:visited, #nav a:hover, #nav a:active, body#animation #animationL a, body#modelling #modellingL a, #nav a.menuLeft:link, #nav a.menuLeft:visited, #nav a.menuLeft:hover, #nav a.menuLeft:active, body#about #aboutL a, #nav a.menuRight:link, #nav a.menuRight:visited, #nav a.menuRight:hover, #nav a.menuRight:active, body#concept #conceptL a {
	height: 16px;
	padding-top: 3px;
}
 /**/