/* --------------------------- global constants ------------------------- */
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	text-align:center;
	background: #7c7371 url(../_images/main-background.jpg) no-repeat center top;
	font-family: 'Montserrat', Verdana, sans-serif;
	font-weight: 400;
	font-size: 100%;
}

/* --------------- limited-scale reset ---------------- */
h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li {
	margin: 0;
	padding: 0;
}
p {
	color:#423323;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
object { 
	outline: none; 
}
a {
   outline: 0;
}
a:link {
	color: #4587bd;
	text-decoration: none;
}
a:visited {
	color: #4587bd;
	text-decoration: none;
}
a:hover {
	color: #c4b2a0;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
map area {
	outline:none;
}

/* -------- header guide ----------
h1 : for link alt text
h2 : for ss headers
h3 : for ss secondary headers
h4 : for char headers
h5 : for multi headers
*/
h1 {
	font-size: 0.73em;
	color: #FFF;
	line-height: 1.5em;
	font-weight: normal;
}
h2 {
	font-size: 1.6em;
	color: #4587bd;
	font-weight: 700;
	font-variant: normal;
	text-align: center;
	margin-bottom: 5px;
}
h3 {
	font-size: 1.2em;
	color:#423323;
	font-weight: 700;
	font-variant: normal;
	text-align: center;
	margin-bottom: 2px;
}
h4 {
	font-size: 2em;
	color: #4587bd;
	font-weight: 700;
	font-variant: normal;
	text-align: left;
	margin-top: 160px;
	margin-bottom: 10px;
}
h5 {
	font-size: 2.4em;
	color: #4587bd;
	font-weight: 700;
	font-variant: normal;
	text-align: center;
	margin-top: 70px;
}

/* --------------- global styles ---------------- */
#wrapper {
	height: 1600px;
	width: 1011px;
	text-align: left;
	font-size: 1em;
	line-height: 1.8em;
	margin: 0px auto;
	position: relative;
	padding: 0px;
	/*background: url(../_images/ref.jpg) no-repeat left top;*/
}
header {
	height: 269px;
	width: 1011px;
	background: url(../_images/main-header.png) no-repeat left top;
}
#logo {
	height: 269px;
	width: 418px;
	position: absolute;
	left: 305px;
	top: 0px;
}
#logo a {
	height: 269px;
	width: 418px;
	display: block;
}
#logo h1 {
	text-indent: -1000em;
}
#audio {
	height: 57px;
	width: 76px;
	position: absolute;
	left: 130px;
	top: 209px;
}
#audio a {
	background: url(../_images/main-audio.png) no-repeat left top;
	height: 57px;
	width: 76px;
	display: block;
}
#audio a:hover {
	background: url(../_images/main-audio.png) no-repeat right top;
	border: none;
}
#audio h1 {
	text-indent: -1000em;
}
#email {
	height: 57px;
	width: 76px;
	position: absolute;
	left: 226px;
	top: 209px;
}
#email a {
	background: url(../_images/main-email.png) no-repeat left top;
	height: 57px;
	width: 76px;
	display: block;
}
#email a:hover {
	background: url(../_images/main-email.png) no-repeat right top;
	border: none;
}
#email h1 {
	text-indent: -1000em;
}
#fb {
	height: 57px;
	width: 76px;
	position: absolute;
	left: 764px;
	top: 209px;
}
#fb a {
	background: url(../_images/main-fb.png) no-repeat left top;
	height: 57px;
	width: 76px;
	display: block;
}
#fb a:hover {
	background: url(../_images/main-fb.png) no-repeat right top;
	border: none;
}
#fb h1 {
	text-indent: -1000em;
}
/*#orderOLD {
	height: 137px;
	width: 152px;
	position: absolute;
	left: 826px;
	top: 129px;
}
#orderOLD a {
	background: url(../_images/main-order.png) no-repeat left top;
	height: 137px;
	width: 152px;
	display: block;
}
#orderOLD a:hover {
	background: url(../_images/main-order.png) no-repeat right top;
	border: none;
}
#orderOLD h1 {
	text-indent: -1000em;
}*/
#order {
	height: 57px;
	width: 121px;
	position: absolute;
	left: 860px;
	top: 209px;
}
#order a {
	background: url(../_images/main-order.png) no-repeat left top;
	height: 57px;
	width: 121px;
	display: block;
}
#order a:hover {
	background: url(../_images/main-order.png) no-repeat right top;
	border: none;
}
#order h1 {
	text-indent: -1000em;
}
nav {
	height: 909px;
	width: 80px;
	position: absolute;
	z-index: 10;
	left: 4px;
	top: 341px;
}
#nav1 {
	height: 134px;
	width: 75px;
}
#nav1 a {
	background: url(../_images/main-nav1.png) no-repeat left top;
	height: 134px;
	width: 75px;
	display: block;
}
#nav1 a:hover {
	background: url(../_images/main-nav1.png) no-repeat left center;
	border: none;
}
#nav1 h1 {
	text-indent: -1000em;
}
#nav1-on {
	background: url(../_images/main-nav1.png) no-repeat left bottom;
	height: 134px;
	width: 75px;
}
#nav2 {
	height: 128px;
	width: 75px;
}
#nav2 a {
	background: url(../_images/main-nav2.png) no-repeat left top;
	height: 128px;
	width: 75px;
	display: block;
}
#nav2 a:hover {
	background: url(../_images/main-nav2.png) no-repeat left center;
	border: none;
}
#nav2 h1 {
	text-indent: -1000em;
}
#nav2-on {
	background: url(../_images/main-nav2.png) no-repeat left bottom;
	height: 128px;
	width: 75px;
}
#nav3 {
	height: 128px;
	width: 75px;
}
#nav3 a {
	background: url(../_images/main-nav3.png) no-repeat left top;
	height: 128px;
	width: 75px;
	display: block;
}
#nav3 a:hover {
	background: url(../_images/main-nav3.png) no-repeat left center;
	border: none;
}
#nav3 h1 {
	text-indent: -1000em;
}
#nav3-on {
	background: url(../_images/main-nav3.png) no-repeat left bottom;
	height: 128px;
	width: 75px;
}
#nav4 {
	height: 128px;
	width: 75px;
}
#nav4 a {
	background: url(../_images/main-nav4.png) no-repeat left top;
	height: 128px;
	width: 75px;
	display: block;
}
#nav4 a:hover {
	background: url(../_images/main-nav4.png) no-repeat left center;
	border: none;
}
#nav4 h1 {
	text-indent: -1000em;
}
#nav4-on {
	background: url(../_images/main-nav4.png) no-repeat left bottom;
	height: 128px;
	width: 75px;
}
#nav5 {
	height: 128px;
	width: 75px;
}
#nav5 a {
	background: url(../_images/main-nav5.png) no-repeat left top;
	height: 128px;
	width: 75px;
	display: block;
}
#nav5 a:hover {
	background: url(../_images/main-nav5.png) no-repeat left center;
	border: none;
}
#nav5 h1 {
	text-indent: -1000em;
}
#nav5-on {
	background: url(../_images/main-nav5.png) no-repeat left bottom;
	height: 128px;
	width: 75px;
}
#nav6 {
	height: 128px;
	width: 75px;
}
#nav6 a {
	background: url(../_images/main-nav6.png) no-repeat left top;
	height: 128px;
	width: 75px;
	display: block;
}
#nav6 a:hover {
	background: url(../_images/main-nav6.png) no-repeat left center;
	border: none;
}
#nav6 h1 {
	text-indent: -1000em;
}
#nav6-on {
	background: url(../_images/main-nav6.png) no-repeat left bottom;
	height: 128px;
	width: 75px;
}
#nav7 {
	height: 134px;
	width: 75px;
}
#nav7 a {
	background: url(../_images/main-nav7.png) no-repeat left top;
	height: 134px;
	width: 75px;
	display: block;
}
#nav7 a:hover {
	background: url(../_images/main-nav7.png) no-repeat left center;
	border: none;
}
#nav7 h1 {
	text-indent: -1000em;
}
#nav7-on {
	background: url(../_images/main-nav7.png) no-repeat left bottom;
	height: 134px;
	width: 75px;
}
#notebook {
	width: 1011px;
	position: relative;
}
#notebook h2, h3{
	width: 710px;
	margin-left: 203px;
}
#notebook h5{
	width: 710px;
	margin-left: 194px;
}
#notebook p{
	font-size: 1em;
	width: 710px;
	margin-left: 203px;
	padding-bottom: 40px;
}
#notebook p.center{
	padding-bottom: 0px;
	text-align: center;
}
#notebook p.first{
	font-size: 1em;
	padding-bottom: 20px;
}
#notebook p.caption{
	font-size: .7em;
	width: 300px;
	margin-left: 160px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#notebook-sidechars {
	background: url(../_images/main-notebook-sidechars.jpg) repeat-y left bottom;
	height: 97%;
	width: 72px;
	position: absolute;
	z-index: 9;
	left: 62px;
	top: 0px;
}
#notebook-top {
	background: url(../_images/main-notebook-top.png) no-repeat left top;
	height: 75px;
	width: 1011px;
}
#notebook-middle {
	background: url(../_images/main-notebook-middle.png) repeat-y left top;
	width: 1011px;
}
#notebook-middle-fixed {
	background: url(../_images/main-notebook-middle.png) repeat-y left top;
	width: 1011px;
	height: 906px;
}
#notebook-bottom {
	background: url(../_images/main-notebook-bottom.png) no-repeat left top;
	height: 105px;
	width: 1011px;
}
#subhead {
	height: 112px;
	width: 342px;
	position: absolute;
	left: 377px;
	top: 40px;
}
#subhead h1{
	text-indent: -1000em;
}
.ss {
	background-image: url(../_images/ss-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 371px;
	width: 567px;
	margin-left: 270px;
}
.ss img{
	margin-top: 50px;
	margin-left: 43px;
}
.image {
	background-image: url(../_images/image-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 487px;
	width: 772px;
	margin-left: 169px;
}
.image img{
	margin-top: 50px;
	margin-left: 43px;
}
.divider {
	background: url(../_images/divider.png) no-repeat left top;
	height: 3px;
	width: 687px;
	margin-left: 210px;
}
.divider2 {
	background: url(../_images/divider2.png) no-repeat left top;
	height: 3px;
	width: 687px;
	margin-left: 210px;
}
h1.dividertext {
	width: 710px;
	margin-left: 203px;
	font-size: 1.2em;
	color:#423323;
	font-weight: 700;
	font-variant: normal;
	text-align: center;
}
footer {
	background: url(../_images/main-footer.png) no-repeat left top;
	height: 225px;
	width: 1011px;
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	padding: 0;
}
footer p {
	clear: left;
	padding-left: 26px;
	padding-top: 50px;
	color:#000;
}
#xseed {
	height: 43px;
	width: 110px;
	float: left;
	margin-top: 35px;
	margin-left: 10px;
}
#xseed a{
	height: 43px;
	width: 110px;
	display: block;
}
#xseed h1{
	text-indent: -1000em;
}
#marvelous {
	float: left;
	height: 70px;
	width: 102px;
	margin-top: 18px;
	margin-left: 66px;
}
#marvelous a{
	height: 70px;
	width: 102px;
	display: block;
}
#marvelous h1{
	text-indent: -1000em;
}
#esrb {
	float: left;
	height: 108px;
	width: 241px;
	margin-top: 36px;
	margin-left: 460px;
}
#esrb a{
	height: 108px;
	width: 241px;
	display: block;
}
#esrb h1{
	text-indent: -1000em;
}

/* --------------------------- splash ------------------------- */
#splash {
	background: url(../_images/splash.jpg) no-repeat left top;
	height: 1030px;
	width: 799px;
	position: absolute;
	z-index: 8;
	left: 155px;
	top: 11px;
}

/* --------------------------- introduction ------------------------- */
#intro {
	background: url(../_images/intro.jpg) no-repeat left top;
	height: 441px;
	width: 799px;
	margin-left: 155px;
	margin-bottom: 25px;
	margin-top: 18px
}
#intro-stamp {
	background: url(../_images/intro-stamp.png) no-repeat left top;
	height: 105px;
	width: 176px;
	margin-left: 468px;
}

/* --------------------------- quickstart ------------------------- */
#quick {
	background: url(../_images/quick.jpg) no-repeat left top;
	height: 441px;
	width: 799px;
	margin-left: 155px;
	margin-bottom: 25px;
	margin-top: 18px
}

/* --------------------------- welcome ------------------------- */


/* --------------------------- family of products ------------------------- */


/* --------------------------- about us ------------------------- */
.about {
	height: 680px;
	width: 770px;
	margin-left: 150px;
}
.about-char {
	float: left;
}
.about-text {
	float: left;
}
#notebook .about-text p{
	width: 320px;
	margin-left: 0px;
	padding-bottom: 0px;
}

/* --------------------------- troubleshooting ------------------------- */


/* --------------------------- maintenance ------------------------- */
a.walls {
	margin-left: 81px;
	float: left;
	font-size: 1.2em;
}
#icons {
	width: 650px;
	height: 220px;
	margin-left: 241px;
	margin-top: 30px;
}

.icon {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}