/* Copyright 2008 Morose Media */

/* Base */

html {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}    

a,
a:active,
a:link,
a:visited,
a:hover {
	color: #106226;
	text-decoration: underline;
	font-weight: bold;
} 

div#container {
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div#mobile {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 99;
	margin-top: 4px;
}

div#footer {
	position: relative;
	padding-top: 30px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

/* Menu */

div#menu-spacer {
	position: relative;
	font-size: 1px;
	line-height: 0px;
	height: 12px;
}

/* Menu Shadow */

div#menu-shadow-top {
	position: relative;
	font-size: 1px;
	line-height: 1px;
	width: 950px;
	height: 10px;
	background-image: url('../images/common-menu-shadow-top.png');
}

div#menu-shadow-left {
  position: absolute;
  left: -12px;
  top: 12px;
  width: 12px;
  height: 145px;  
	background-image: url('../images/common-menu-shadow-left.png');
}

div#menu-shadow-right {
  position: absolute;
  right: -12px;
  top: 12px;
  width: 12px;
  height: 145px;  
	background-image: url('../images/common-menu-shadow-right.png');
}

div#menu-shadow-bottom {
	position: relative;
	font-size: 1px;
	line-height: 1px;
	width: 950px;
	height: 15px;
	background-image: url('../images/common-menu-shadow-bottom.png');
}

/* Menu Container */

div#menu {
	position: relative;
	width: 950px;
	height: 120px;
}

/* Menu Left Navigation */

div#menu-navigation {
	position: absolute;
	width: 242px;
	height: 120px;
}

div#menu-navigation a {
	position: absolute;
	width: 242px;
	height: 40px;
	display: block;
}                  

div#menu-navigation a img {
  position: absolute;
  left: 0px;
  top: 0px;
	width: 242px;
	height: 40px;
	display: block;
	border: 0px none #000000;
}     

/* Menu Left Navigation Images */

div#menu-navigation a#menu-button-devices,
div#menu-navigation a:active#menu-button-devices,
div#menu-navigation a:link#menu-button-devices,
div#menu-navigation a:visited#menu-button-devices {
  background-image: url('../images/common-menu-button-devices.jpg');
}

div#menu-navigation a:hover#menu-button-devices {
  background-image: url('../images/common-menu-button-devices-over.jpg');
}

div#menu-navigation a#menu-button-knowledge,
div#menu-navigation a:active#menu-button-knowledge,
div#menu-navigation a:link#menu-button-knowledge,
div#menu-navigation a:visited#menu-button-knowledge {
	top: 40px;
  background-image: url('../images/common-menu-button-knowledge.jpg');
}

div#menu-navigation a:hover#menu-button-knowledge {
  background-image: url('../images/common-menu-button-knowledge-over.jpg');
}

div#menu-navigation a#menu-button-documentation,
div#menu-navigation a:active#menu-button-documentation,
div#menu-navigation a:link#menu-button-documentation,
div#menu-navigation a:visited#menu-button-documentation {
	top: 80px;
  background-image: url('../images/common-menu-button-documentation.jpg');
}

div#menu-navigation a:hover#menu-button-documentation {
  background-image: url('../images/common-menu-button-documentation-over.jpg');
}

/* Menu Left Navigation Images Page Override */

body.page-devices div#menu-navigation a#menu-button-devices,
body.page-devices div#menu-navigation a:active#menu-button-devices,
body.page-devices div#menu-navigation a:link#menu-button-devices,
body.page-devices div#menu-navigation a:visited#menu-button-devices {
  background-image: url('../images/common-menu-button-devices-selected.jpg');
}

body.page-devices div#menu-navigation a:hover#menu-button-devices {
  background-image: url('../images/common-menu-button-devices-over.jpg');
}

body.page-knowledge div#menu-navigation a#menu-button-knowledge,
body.page-knowledge div#menu-navigation a:active#menu-button-knowledge,
body.page-knowledge div#menu-navigation a:link#menu-button-knowledge,
body.page-knowledge div#menu-navigation a:visited#menu-button-knowledge {
	top: 40px;
  background-image: url('../images/common-menu-button-knowledge-selected.jpg');
}

body.page-knowledge div#menu-navigation a:hover#menu-button-knowledge {
  background-image: url('../images/common-menu-button-knowledge-over.jpg');
}

body.page-documentation div#menu-navigation a#menu-button-documentation,
body.page-documentation div#menu-navigation a:active#menu-button-documentation,
body.page-documentation div#menu-navigation a:link#menu-button-documentation,
body.page-documentation div#menu-navigation a:visited#menu-button-documentation {
	top: 80px;
  background-image: url('../images/common-menu-button-documentation-selected.jpg');
}

body.page-documentation div#menu-navigation a:hover#menu-button-documentation {
  background-image: url('../images/common-menu-button-documentation-over.jpg');
}

/* Menu Middle */

div#menu-slogan {
	position: absolute;
	left: 242px;
	width: 391px;
	height: 120px;
	background-image: url('../images/common-menu-slogan.jpg');
}

/* Menu Right Navigation */

div#menu-navigation-right {
	position: absolute;
	left: 633px;
	width: 317px;
	height: 120px;
}

div#menu-navigation-right a {
	position: absolute;
	display: block;
}

div#menu-navigation-right a img {
  position: absolute;
  left: 0px;
  top: 0px;
	display: block;
	border: 0px none #000000;
}

/* Menu Right Navigation Images */

div#menu-spacer-1 {
	position: absolute;
	top: 61px;
	width: 207px;
	height: 59px;
	background-image: url('../images/common-menu-spacer-1.jpg');
}

div#menu-spacer-2 {
	position: absolute;
	top: 0px;
	left: 207px;
	width: 25px;
	height: 120px;
	background-image: url('../images/common-menu-spacer-2.jpg');
}

div#menu-navigation-right a#menu-button-morose {
	width: 207px;
	height: 61px;
}                  

div#menu-navigation-right a#menu-button-morose,
div#menu-navigation-right a:active#menu-button-morose,
div#menu-navigation-right a:link#menu-button-morose,
div#menu-navigation-right a:visited#menu-button-morose {
  background-image: url('../images/common-menu-button-morose.jpg');
}

div#menu-navigation-right a:hover#menu-button-morose {
  background-image: url('../images/common-menu-button-morose-over.jpg');
}

div#menu-navigation-right a#menu-button-login {
	top: 0px;
	left: 232px;
	width: 85px;
	height: 31px;
}                  

div#menu-navigation-right a#menu-button-login,
div#menu-navigation-right a:active#menu-button-login,
div#menu-navigation-right a:link#menu-button-login,
div#menu-navigation-right a:visited#menu-button-login {
  background-image: url('../images/common-menu-button-login.jpg');
}

div#menu-navigation-right a:hover#menu-button-login {
  background-image: url('../images/common-menu-button-login-over.jpg');
}

div#menu-navigation-right a#menu-button-home {
	top: 31px;
	left: 232px;
	width: 85px;
	height: 30px;
}                  

div#menu-navigation-right a#menu-button-home,
div#menu-navigation-right a:active#menu-button-home,
div#menu-navigation-right a:link#menu-button-home,
div#menu-navigation-right a:visited#menu-button-home {
  background-image: url('../images/common-menu-button-home.jpg');
}

div#menu-navigation-right a:hover#menu-button-home {
  background-image: url('../images/common-menu-button-home-over.jpg');
}

div#menu-navigation-right a#menu-button-press {
	top: 61px;
	left: 232px;
	width: 85px;
	height: 27px;
}                  

div#menu-navigation-right a#menu-button-press,
div#menu-navigation-right a:active#menu-button-press,
div#menu-navigation-right a:link#menu-button-press,
div#menu-navigation-right a:visited#menu-button-press {
  background-image: url('../images/common-menu-button-press.jpg');
}

div#menu-navigation-right a:hover#menu-button-press {
  background-image: url('../images/common-menu-button-press-over.jpg');
}

div#menu-navigation-right a#menu-button-contact {
	top: 88px;
	left: 232px;
	width: 85px;
	height: 32px;
}                  

div#menu-navigation-right a#menu-button-contact,
div#menu-navigation-right a:active#menu-button-contact,
div#menu-navigation-right a:link#menu-button-contact,
div#menu-navigation-right a:visited#menu-button-contact {
  background-image: url('../images/common-menu-button-contact.jpg');
}

div#menu-navigation-right a:hover#menu-button-contact {
  background-image: url('../images/common-menu-button-contact-over.jpg');
}