body {
  font: 0.85em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  line-height: 160%;
  color: #333;
  background: #efecf0 url(../images/bg.png) repeat-x 0 140px;
  margin: 0; padding: 0;
}

	
	/* --------------------------- text styles -------------------------- */


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 30px 0 20px;
}

h1 {
	margin: 10px 0 0;
	font-size: 3.3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font: 2em "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Consolas, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	margin: 50px 0 10px;
}

h4 {
	font-size: 1.3em;
  background: #efecf0;
	padding: 10px;
	line-height: 140%;
	margin: 30px 0 0 -5px;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.2em;
}

p {
  margin: 20px 0;
  padding-bottom: 1px;
}

ul, ol, dl {
  margin: 20px;
  padding: 0;
}

li a {
  border-bottom: none;
}

a:link, a:visited {
  text-decoration: none;
  color: #3a88a2;
  padding: 1px;
}

a:hover, a:active {
  background: #f0f1f2;
  color: #00536e;
  outline: none;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
}


	/* ----------------------- general content layout ------------------------- */


#header {
	height: 160px;
	margin-bottom: 30px;
	background: #011d44 url(../images/head-bg.png) no-repeat top center;
	color: #fff;
}

.cC {
	width: 890px;
	margin: 0 auto;
	position: relative;
}

h1 {
	margin: 0; padding: 0;
}

h1 span {
	display: none;
}

img.wT {
	position: absolute;
	top: 43px;
}

a.nej {
	border: none;
	background: none;
}

#headP {
	position: absolute;
	top: 70px;
	font-size: 1.1em;
}

#content {
  background: #fcfdfe;
  padding: 10px 40px 50px;
  border-bottom: 2px solid #ddd;
}


/* ----------- footer ------------ */


#footer {
  background: #fcfdfe;
  margin-top: 10px;
  font-size: 0.95em;
  width: 970px;
  padding: 30px 0 35px;
  text-align: center;
  border-bottom: 2px solid #ddd;
}

#creator {
	color: #444;
	font-weight: bold;
	display: block;
	margin: 0 0 15px;
}

img.lA {
	position: relative;
	top: 3px;
	margin-right: 10px;
}

img.rA {
	position: relative;
	top: 3px;
	margin-left: 10px;
}

img.dot {
	position: relative;
	top: 3px;
	margin: 0 10px;
}

#cultOfIe {
	height: 200px;
}


/* -------- google ads div -------- */


#googleAds {
	width: 728px;
	height: 90px;
	margin: 20px auto 0;
	padding: 0 20px 15px;
	border-bottom: 2px solid #efecf0;
}


	/* --------------------------------- navigation ---------------------------- */
	
			
#navigation {
	position: absolute;
	margin: 0; padding: 0;
	top: 70px; right: 0px;
	font-size: 1.2em;
}

#navigation li {
	list-style: none;
	display: block;
	float: left; width: auto;
	margin: 0 0 0 15px; padding: 0;
	height: 50px;
}

#navigation li a:link, #navigation li a:visited {
	display: block;
	float: left;
	width: auto;
	padding: 20px 10px;
	height: 50px;
	color: #fff;
	background: transparent;
}

#navigation li a:hover, #navigation li a:active {
	border: none;
	color: #000;
	background: #d7d3d8;
	outline: none;
}

#navigation li.here {
	color: #000;
	background: #fff;
	padding: 20px 10px 50px;
	cursor: default;
}



	/* -------------------------- specific layout ------------------------------ */
	

#beginL {
	width: 450px;
	float: left;
	margin-right: 20px;
	padding-bottom: 10px;
}

#beginR {
	float: left;
	width: 400px;
	margin: 40px 0 0 20px;
}

#beginR p {
	text-align: right;
	margin: 8px 0;
	color: #666;
}

#axeix {
	clear: both;
	height: 10px;
}

.weeBox {
	float: left;
	width: 265px;
	margin: -20px 45px 0 0;
}

.weeBox p {
	line-height: 170%;
}

.twoBox {
	float: left;
	width: 410px;
	margin: 0 50px 0 10px;
}

.twoBox p {
	line-height: 170%;
	margin: 30px 0;
}

.twoBox img {
	margin: 10px 0;
}

.nL {
	line-height: 150%;
	width: 430px;
}

ul.temp {
	margin: 25px 0 30px 15px;
	line-height: 170%;
}

ul.temp li, ul.features li {
	list-style-image: url(../images/bit.jpg);
}
	
img#wT {
	margin: 25px 0;
}

a.noBorder:link, a.noBorder:hover, a.noBorder img, a img, img.noBorder {
  border: none;
}

#backToTop {
	text-align: center;
	font-size: 1.1em;
	padding: 120px 0 10px;
}

h4.feats {
	margin: 30px auto 0;
	width: 750px;
	text-align: center;
	font-size: 160%;
}


	/* ------------------------- features tabs ------------------------- */


#leftList {
	position: relative;
	margin: 30px 0 30px 30px;
	min-height: 700px;
	padding: 10px 0;
}

#leftList h5 {
	margin: 30px 0 30px 20px;
	font-size: 1.7em;
	line-height: 130%;
}

ul#featList {
	margin: 10px 0 20px;
	float: left;
	width: 320px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #aaa;
	list-style-image: none;
}

ul#featList li {
	display: block;
	border-bottom: 1px solid #aaa;
	background: #ddd8df;
	list-style: none;
}

ul#featList li a {
	display: block;
	padding: 18px 20px;
	background: #efecf0;
	color: #333;
}

ul#featList li a:hover {
	background: #ddd8df;
	color: #000;
	border: none;
}

ul#featList li a.selected, ul#featList li a.selected:hover {
	background: #fff;
	color: #000;
	outline: none;
	cursor: default;
	border: none;
}

#fullFeat {
	float: left;
	width: 470px;
	margin: 0;
	padding: 0 0 50px 40px;
	min-height: 400px;
	border-left: 1px solid #aaa;
}

#fullFeat h4 {
	margin: 0 0 30px;
	display: none;
}

#fullFeat img {
	margin: 30px 0 30px 20px;
}

#fullFeat ul {
	margin-left: 20px;
}

p.firstP:first-line {
	font-weight: bold;
	font-size: 1.2em;
}

a.upTop {
	clear: both;
	display: block;
}

ul#featList,
ul#featList li,
ul#featList a,
ul#featList a.selected {
 list-style: none !important;
}


	/* ------------------------- download.phtml ------------------------- */


.steps {
	float: left;
	width: auto;
	padding-right: 10px;
	clear: both;
	display: block;
}

.step2 {
	position: relative;
	float: left;
	display: block;
	padding: 30px 0 15px;
	width: 355px;
}

span.notLong {
	display: block;
	width: 270px;
	float: left;
	margin-right: 20px;
}

a.sprite {
	float: left;
	width: 60px;
	height: 59px;
	background: url(../images/download_sprite.jpg) no-repeat 0 0;
	border: none;
}

a.sprite:hover {
	border: none;
	background-position: 0 -61px;
}

	/* -------------------- custom margins & padding -------------------- */


.mT { margin-top: 40px; }
.pT { padding-top: 20px; }
.nT { margin-top: 0; }

.mB { margin-bottom: 40px; }
.pB { padding-bottom: 20px; }
.nB { margin-bottom: 0; }

.nR { margin-right: 0; }
.nL { margin-left: 0; }

.nM { margin: 0; }
.nP { padding: 0; }

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }

a.noBorder {
	border: none;
	background: none;
}



	/* ---------------------------- 404 ----------------------------- */
	
.fourBox {
	width: 600px;
	margin: 10px auto;
	text-align: center;
}

.fourBox p {
	padding: 0 30px;
}