html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html, body {
	width: 100%;
	min-height: 100%;
}
body {
	font: 90%/1.1 Tahoma, Arial, sans-serif normal normal;
	background: #0a4b59 url(../i/bodybg.gif) 0 0;
	cursor: default;
	line-height: 1.05;
	color: #327074;
}
body.dark {
	background-image: url(../i/bodybgdark.jpg);
	color: #abcbd6;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	color: #6e797a;
	cursor: pointer;
}
area {
	cursor: pointer;
}
.home a {
	color: #fff;
}
.dark a {
	color: #abcbd6;
}
strong {
	font-weight: 900;
}
.lnav, .lnav li {
	list-style: none;
}
.lnav li {
	float: left;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col {
	float: left;
	position: relative;
}
.col50 {
	float: left;
	width: 49.9%;
}
.alignright {
	display: block;
	margin: 4px 0 20px 20px;
	float: right;
}
.alignleft {
	display: block;
	margin: 4px 20px 20px 0;
	float: left;
}
.alignleft p, .alignright p {
	font-size: 95%;
}
.alignleft img, .alignright img {
	display: block;
	margin-bottom: 1em;
}
.clr {
	clear: both;
}
.hdn {
	display: none;
}

#wrap {
	min-width: 980px;
	margin-bottom: 42px;
	background: #ecf1f2 url(../i/wrapbginnerl.jpg) 0 0 repeat-x;
}
.home #wrap {
	background: url(../i/wrapbg3.jpg) 50% 0 no-repeat;
	margin-bottom: 0;
}
.dark #wrap {
	background: url(../i/innerbgdark.jpg) 50% 0 no-repeat;
}
#wrap .inwrap {
	background: url(../i/innerbglight.jpg) 50% 0 no-repeat;
}
.home #wrap .inwrap, .dark #wrap .inwrap {
	background: none;
}
#header {
	width: 974px;
	height: 301px;
	margin: 0 auto;
	position: relative;
}
.home #header {
	height: 460px;
}
#logo {
	position: absolute;
}
#logo {
	height: 146px;
	width: 301px;
	top: 120px;
	left: 4px;
}
.home #logo {
	top: 78px;
	left: 164px;
	height: 220px;
	width: 810px;
}
#logo .sign {
	height: 146px;
	width: 301px;
	background: url(../i/logoin.png) 0 0 no-repeat;
}
#logo .sign a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -6000em;
}
.home #logo .sign {
	height: 220px;
	width: 380px;
	text-indent: -6000em;
	background: url(../i/logo.png) 0 0 no-repeat;
}
.home #logo .slogan {
	position: absolute;
	left: 337px;
	top: 138px;
	width: 470px;
	height: 52px;
	background: url(../i/slogan.gif) 0 0 no-repeat;
	text-indent: -6000em;
}
#manufacturer {
	font-size: 75%;
	color: #a1bd99;
	position: absolute;
	right: 38px;
	top: 150px;
}
#manufacturer a {
	color: #a1bd99;
	text-decoration: underline;
}
#topmenu {
	padding: 26px 0;
}
#topmenu li {
	padding: 0 142px 0 23px;
	font-size: 125%;
}
#topmenu li.last {
	padding-right: 0;
}
#topmenu a {
	color: #7ab4af;
	text-decoration: underline;
}
#topmenu a:hover {
	text-decoration: none;
}
#topmenu strong {
	color: #7ab4af;
	font-weight: 300;
}
#quests {
	margin-bottom: 55px;
}
#quests .subwrap {
	width: 974px;
	margin: 0 auto;
}
#quests .subwrap div {
	float: left;
	width: 217px;
	position: relative;
}
#quests p {
	background: url(../i/pmarker.gif) 0px 3px no-repeat;
	padding: 0 10px 15px 27px;
	font-size: 90%;
	line-height: 1.3;
	color: #fff;
}
#quests h2 {
	position: absolute;
	width: 217px;
}
#quests h2 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -6000em;
}
#quests #what {
	margin-top: -71px;
}
#quests #what h2 {
	height: 95px;
	top: -113px;
}
#quests #why {
	margin-top: -7px;
	margin-right: 43px;
}
#quests #why h2 {
	height: 116px;
	top: -129px;
}
#quests #why p {
	background-position: -217px 3px;
}
#quests #how {
	margin-top: -3px;
	margin-right: 46px;
}
#quests #how h2 {
	height: 64px;
	top: -75px;
}
#quests #how p {
	background-position: -434px 3px;
}
#quests #buy {
	margin-top: -52px;
}
#quests #buy h2 {
	height: 40px;
	top: -54px;
}
#quests #buy p {
	background-position: -434px 3px;
}
#usage {
	clear: both;
	width: 974px;
	margin: 0 auto;
}
#usage .subwrap {
	padding: 0 0 0 324px;
}
.home #usage .subwrap {
	padding: 0 38px 0 240px;
}
#usage h2 {
	font-size: 170%;
	font-weight: 300;
	color: #c8d8d5;
	margin-bottom: 15px;
}
.home #usage h2 {
	font-size: 210%;
	color: #e3d5ab;
}
#usage .lnav li {
	font-size: 125%;
	padding: 0 50px 15px 0;
}
#usage .lnav li.last {
	padding-right: 0;
}
#usage .lnav a {
	color: #ff9600;
	text-decoration: underline;
}
#usage .lnav a:hover {
	text-decoration: none;
}
#usage .lnav strong {
	color: #ff9600;
	font-weight: 300;
}
#usage .booklet {
	clear: both;
	padding: 0 0 0 24px;
	margin: 0 0 15px -24px;
	background: url(../i/pmarker.gif) -434px 68px no-repeat;
}
#usage .booklet span {
	display: block;
	padding-top: 58px;
	background: url(../i/bookletbg.jpg) 20% 0 no-repeat;
}
#order {
	padding: 81px 37px 1px 324px;
}
#order p {
	float: right;
	background: url(../i/orderbg.gif) 100% 0 no-repeat;
}
#order p a {
	display: block;
	width: 212px;
	height: 40px;
	text-indent: -6000em;
}

#container {
	position: relative;
	top: 26px;
	width: 974px;
	margin: 0 auto;
	padding: 0 0 86px 0;
	background: #ecf1f2 url(../i/innerbglight.jpg) -300px -327px no-repeat;
	font-size: 80%;
}
#container #contwrap {
	background: url(../i/sbbg.jpg) 4px 100% no-repeat;
	min-height: 550px;
}
.dark #container, .dark #container #contwrap {
	background: none;
}
#container #crumbs {
	color: #355f56;
	margin-bottom: 22px;
	word-spacing: normal;
}
#container #crumbs a {
	color: #355f56;
}
.dark #container #crumbs, .dark #container #crumbs a {
	color: #5cccb3;
}
#main {
	float: right;
	width: 654px;
}
#main .subwrap {
	padding-right: 39px;
	padding-bottom: 50px;
}

#main h1 {
	color: #c26a21;
	font-size: 260%;
	font-weight: 300;
	margin-bottom: 44px;
	line-height: 1.2;
}
.dark #main h1 {
	color: #6fc047;
}
#container h2 {
	font-size: 160%;
	font-weight: 300;
	margin-bottom: 1em;
	line-height: 1.1;
}
#container h3, #container p, #container ul, #container ol, #container blockquote {
	margin-bottom: 1em;
}
#container p {
	line-height: 1.6;
}
#main p {
	text-align: justify;
	word-spacing: -0.2ex;
}
#main .alignleft p, #main .alignright p {
	text-align: left;
	line-height: 1.3;
	word-spacing: normal;
}
#container h3 {
	font-size: 145%;
	font-weight: 300;
	line-height: 1;
}
#container a:hover {
	text-decoration: none;
}
#main p + h2, #main p + h3, #main ul + h2, #main ul + h3, #main ol + h2, #main ol + h3, #main blockquote + h2, #main blockquote + h3 {
	margin-top: 1.5em;
}
#container ul {
	margin-left: 1.25em;
}
#container ol {
	margin-left: 2.5em;
}
#container li {
	margin-bottom: .5em;
	line-height: 1.25;
}
#container ul li {
	list-style-type: disc;
}
#container ol li {
	list-style-type: decimal;
}
#main table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2em;
	border: 1px solid #7ab4af;
	border-width: 1px 0 0 1px;
}
#main table td {
	padding: .5em 1em;
	border: 1px solid #7ab4af;
	border-width: 0 1px 1px 0;
}
#main table caption {
	font-size: 95%;
	padding: 0 0 1em 0;
}
#main sup {
	vertical-align: -.2em;
}
#main sub {
	vertical-align: .4em;
}
#main blockquote {
	margin-left: 2.5em;
	line-height: 1.4;
	font-size: 95%;
}
#main .mailform {
	margin-top: 2em;
}
#main .mailform fieldset {
	border-top: 1px solid #e0e0e0;
	margin-bottom: 1em;
}
#main .mailform legend {
	padding: 0 .5em;
	color: #c26a21;
	margin-left: 1em;
}
#main .mailform p {
	width: 598px;
	float: left;
	margin-left: 1.5em;
	border-bottom: 1px dashed #e0e0e0;
	padding-bottom: .5em;
}
#main .mailform p.first {
	margin-top: 1.5em;
}
#main .mailform p.last {
	border-bottom: 0;
}
#main .mailform p.sendbutton {
	float: none;
	width: auto;
	border: 0;
	margin-left: 1.5em;
}
#main .mailform p span {
	display: block;
	float: left;
	margin-right: .5em;
}
#main .mailform p em {
	display: block;
	font-size: 90%;
	font-style: normal;
	padding: 0 0 0 .5em;
}
#main .mailform label {
	display: block;
	float: left;
	width: 190px;
	position: relative;
}
#main .mailform .inline label {
	display: inline;
	float: none;
	width: auto;
	margin-right: 2em;
}
#main .mailform label span {
	position: absolute;
	left: -1.25em;
	top: .15em;
	width: 1em;
	float: none;
	color: #c26a21;
}
#main .mailform input {
	vertical-align: middle;
	width: 400px;
}
#main .mailform input#phonecode {
	width: 5em;
}
#main .mailform input#phone {
	width: 12em;
}
#main .mailform p.sendbutton input, #main .mailform .inline input {
	width: auto;
}
#main .mailform .inline input {
	vertical-align: -.15em;
}
#main .mailform textarea {
	margin: 1.5em 0 .5em 1.5em;
	width: 596px;
}
#main p.errormessage {
	padding: 0 0 0 60px;
	background: url(../i/warning.png) 0 0 no-repeat;
	min-height: 50px;
	margin-bottom: 3em;
}

#sidebar {
	float: left;
	width: 304px;
	padding: 122px 0 275px 0;
}
.dark #sidebar {
	padding-bottom: 50px;
}
.dark #sidebar {
	background: none;
}
#sidebar .subwrap {
	padding: 0 26px;
	line-height: 1.5;
}
.dark #sidebar .subwrap {
	min-height: auto;
}
#sidebar h2 {
	color: #819c27;
}
#sidebar #see-also li strong {
	color: #6e797a;
}
.dark #sidebar #see-also li strong {
	color: #abcbd6;
}
#sidebar ul {
	margin-bottom: 2em;
}
#container #sidebar ul.icons {
	margin-left: 0;
}
#sidebar .book, #sidebar .video {
	position: relative;
	padding-left: 80px;
	margin-bottom: 1.5em;
	list-style-type: none;
}
#sidebar .book {
	background: url(../i/ibook.png) 0 0 no-repeat;
	min-height: 43px;
}
#sidebar .video {
	background: url(../i/ivideo.png) 0 0 no-repeat;
	min-height: 36px;
}
#sidebar .book .icon, #sidebar .video .icon {
	display: none;
}

#additional {
	clear: both;
	background: #0d6b67 url(../i/addbg.png) 0 0;
	line-height: 1.2;
	color: #a8dbe2;
}
.dark #additional {
	background-image: url(../i/addbgdark.png)
}
#additional .subwrap {
	width: 974px;
	margin: 0 auto;
	background: url(../i/addbg2.png) 88px 100% no-repeat;
}
.dark #additional .subwrap {
	background-image: url(../i/addbg2dark.png);
}
#additional a {
	color: #a8dbe2;
}
#additional .subwrap .col50 div {
	padding: 30px 25px 40px 25px;
}
#additional .subwrap .col50 h3 {
	margin-bottom: .75em;
}
#additional .responce h3 {
	margin-left: -4px;
	height: 30px;
	text-indent: -6000em;
	background: url(../i/responce.png) 0 0 no-repeat;
}

#additional .article h3 {
	font-size: 125%;
	font-weight: 300;
	color: #dcdfa7;
}
#additional .article h3 a {
	color: #dcdfa7;
	text-decoration: none;
}
#additional .article h3 a:hover {
	text-decoration: underline;
}

#footer {
	padding: 35px 0 20px 0;
	font-size: 75%;
	color: #3d8ea2;
}
#footer .subwrap {
	width: 974px;
	margin: 0 auto;
}
#footer .subwrap .col50 div {
	padding: 0 25px;
}
#footer a {
	color: #3d8ea2;
}
#footer .lnav, #footer .copyright {
	clear: both;
}
#footer .lnav {
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
#footer .copyright {
	padding-top: 15px;
}
#footer .lnav li {
	padding: 0 5px;
	line-height: 1;
	border-left: 1px solid #3d8ea2;
}
#footer .lnav li.first {
	border: 0;
	padding-left: 0;
}
#footer .lnav a {
	text-decoration: none;
}
#footer .lnav a:hover {
	text-decoration: underline;
}
#footer .counters {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#footer .counters img {
	float: left;
	margin-right: 10px;
	border: 0;
	-khtml-opacity:.50
	-moz-opacity:.50;
	-o-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}
#footer .designed {
	font-size: 110%;
}