html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li, fieldset, form, label {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
body
{
	font: normal 12px Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #222222;
}
.mainBg
{
	background:url(top-bg.gif) repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
h1 {
	margin:0;
	font: normal 26px "Trebuchet MS";
	color: #3b3b3b;
	padding: 0px;
}
h2 {
	line-height:0.9;
	margin:0.9em 0 0;
	margin:0.6em 0 0.3em;
	font: normal 12px Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style:none;
	list-style-type:none;
}
li {
	margin-left:30px;
}

p
{
	padding-bottom: 15px;
}

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}

a {
	color:#01299b;
	outline: none;
}
a img {
	border:0
}
sup {
	font-size:smaller;
	vertical-align:super
}
.mainDiv
{
	width: 980px;
	margin: 0px auto;
}

#whatwhyhow {
	height:264px;
	background-image:url(what-why-how-dl.png);
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}

#whatwhyhow-questions {
	/*background:url(what-why-how-dl.png) no-repeat 0 -470px;*/
	position:absolute;
	right:0;
	top:0;
	width:349px;
	margin:0;
	padding:22px 10px 20px 20px;
	z-index:5
}
#content #whatwhyhow-questions li {
	margin:0;
	list-style-type:none;
	height:60px;
	display:block;
	position:relative;
	background-image:none;
	float: left;
}
#whatwhyhow-questions li a {
	display:block;
	/*line-height:44px;*/
	height:60px;
	width:320px;
	/*text-indent: -9999px;*/
	list-style-type:none;
	color: #FFFFFF;
	font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}

#whatwhyhow-questions li a img {
	position:absolute;
	top:23px;
	left:0;
	/*padding-top: 6px;*/
}

#whatwhyhow-answers {
	position:relative;
	width:609px;
	margin:0;
	overflow:hidden;
	height:264px
}
#whatwhyhow-answers ul {
	position:relative;
	width:559px;
	margin:0;
	z-index:0;
	display:block;
	list-style-type:none;
}
#content #whatwhyhow-answers li {
	list-style-type:none;
	margin:0;
	display:block;
	height:220px;
	padding:20px 30px 20px 20px;
	background-image:none;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#whatwhyhow-answers li h2 {
	/*text-indent: -9999px;*/
	width:570px;
	list-style-type:none;
	color: #fa6401;
	font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
#whatwhyhow-answers li#wwhwhat h2 {
	/*background:url(what-why-how-dl.png) no-repeat -358px -418px;*/
	height:36px;
	list-style-type:none;
}
#whatwhyhow-answers li#wwhwhy h2 {
	/*background:url(what-why-how-dl.png) no-repeat -358px -462px;*/
	height:36px;
	list-style-type:none;
}

#whatwhyhow-answers li#wwhhow h2 {
	/*background:url(what-why-how-dl.png) no-repeat -358px -502px;*/
	height:38px
}

#whatwhyhow-answers li#wwhdo h2 {
	/*background:url(what-why-how-dl.png) no-repeat -358px -555px;*/
	height:32px;
	list-style-type:none;
}

#whatwhyhow-answers img.left {
	float:left;
	margin-right:20px
}
#whatwhyhow-answers img.right {
	float:right;
	margin-left:20px
}
#whatwhyhow-arrow {
	width:397px;
	height:44px;
	position:absolute;
	top:20px;
	right:13px;
	background:transparent url(what-why-how-dl.png) no-repeat 0 -277px scroll;
}

.high-liteTxt
{
	color: #CC0000;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.support
{
	background:url(topNav-bg.gif) no-repeat;
	width: 213px;
	height:41px;
	float: right;
	margin-left: 43px;
}
.support li
{
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	float:left;
	vertical-align: middle;
}
.support li a
{
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 16px 2px 0px 0px;
}
.support li a:hover
{
	text-decoration: none;
	color: #000000;
}
.topNav
{
	color: #636262;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.topNav a
{
	color: #636262;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 3px;
}
.topNav a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background: #fe6601;
	padding: 3px;
}
a.topNavActive
{
	color: #FFFFFF;
	text-decoration: none;
	background: #fe6601;
	padding: 3px;
}
.pagenation
{
	background:url(pagenation-bg.gif) repeat-y;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 4px 0px 4px 15px;
}
.pagenation a
{
	text-decoration: none;
	color: #111111;
	
}
.pagenation a:hover
{
	text-decoration: none;
	color: #d85600;
}
a.pagenationActive
{
	text-decoration: none;
	color: #d85600;
}
.googleApps 
{
	background: url(Google-Apps-free-edition-bg.gif) no-repeat;
	height: 69px;
	color: #3b3b3b;
}
.googleApps .Premier 
{
	margin: 28px 0px 0px 106px;
}
* html .googleApps .Premier 
{
	margin: 24px 0px 0px 60px;
}
.googleApps .Premier a 
{
	text-decoration: none;
	color: #3b3b3b;
}
.googleApps .Premier a:hover 
{
	text-decoration: none;
	color: #da6718;
}
.footer
{
	font:normal 12px Arial;
	color:#383838;
}
.footer a
{
	font:normal 12px Arial;
	color:#383838; text-decoration:none;
}
.footer a:hover
{
	font:normal 12px Arial;
	color:#fa6401; text-decoration: underline;
}
a.footer
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fa6401;
	text-decoration: none;
}
.copyrights
{
	font:normal 11px Arial;
	color:#383838; text-decoration:none;
	
}
.leftNav
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #606060;
	width:203px; float:left; margin-left: 35px;
	
}
* html .leftNav
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #606060;
	width:203px; float:left; margin-left: 15px;
	
}
.leftNav ul
{
	margin: 0px;
	list-style: none;
	padding: 0px;
	display:block;
}
.leftNav li
{
	margin: 0px;
	list-style: none;
	display: block;
	float: left;
	border-bottom: 1px #e1e1e1 solid;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #606060;
}
.leftNav li a
{
	margin: 0px 0px 0px 5px;
	list-style: none;
	width: 170px;
	padding: 5px 8px 8px 21px;
	height: 13px;
	display: block;
	float: left;
	color: #606060;
	border-right: 0px #d6d6d6 solid;
	text-decoration: none;
	background: url(left-Nav-Arrow.gif) no-repeat 4px 10px;
	
}
.leftNav li a:hover
{
	color: #ec5f00;
	text-decoration: none;
	background: url(left-Nav-hover-bg.gif) no-repeat;
	border-right: 1px #f4f4f4 solid;
}
li.leftNavActive a
{
	color: #ec5f00;
	text-decoration: none;
	background: url(left-Nav-hover-bg.gif) no-repeat;
	border-right: 1px #f4f4f4 solid;
	padding: 5px 8px 8px 21px;
	width: 170px;
	margin: 0px 0px 0px 5px;
	height: 13px;
}
.leftNav1 ul
{
	margin: 0px 0px 0px 35px;
	list-style: none;
	padding: 0px;
	display:block;
}
* html .leftNav1 ul
{
	margin: 0px 0px 0px 27px;
	list-style: none;
	padding: 0px;
	display:block;
}
.leftNav1 li
{
	margin: 0px;
	list-style: none;
	display: block;
	float: left;
	border-bottom: 1px #e1e1e1 solid;
	font: bold 20px "Trebuchet MS";
	color: #f46302;
}
.leftNav1 li a
{
	margin: 0px 0px 0px 6px;
	list-style: none;
	width: 190px;
	padding: 5px 8px 8px 0px;
	height: 23px;
	display: block;
	float: left;
	color: #606060;
	border-right: 0px #d6d6d6 solid;
	text-decoration: none;
}
.leftNav1 li a:hover
{
	color: #ec5f00;
	text-decoration: none;
	border-right: 1px #f4f4f4 solid;
	background: url(left-Nav-hover-bg1.gif) repeat-y;
}
li.leftNav1Active a
{
	color: #ec5f00;
	text-decoration: none;
	border-right: 1px #f4f4f4 solid;
	background: url(left-Nav-hover-bg1.gif) repeat-y;
}
.mainNav
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#595959;
	clear: both;
}
.mainNav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: -30px;
	display: block;
}
* html .mainNav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	/*margin-left: -30px;*/
}
*:first-child+html .mainNav ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
}
* html .mainNav li
{
	float: left;
	dispaly:  block;
	margin: 0px 4px 5px 0px;
	padding: 0px 0px 5px 0px;
}
.mainNav li a
{
	list-style: none;
	margin: 0px 6px 5px 0px;
	padding: 4px 0px;
	float: left;
	dispaly:  block;
	color: #ffffff;
	background:  url(mainNav-bg-hover.gif) no-repeat;
	height: 15px;
	width: 126px;
	text-decoration: none;
	text-align: center;
}
.mainNav li a:hover
{
	color: #595959;
	background:  url(mainNav-bg.gif) no-repeat;
	text-decoration: none;
}
li.mainNavActive a
{
	list-style: none;
	margin: 0px 6px 5px 0px;
	padding: 4px 0px;
	float: left;
	dispaly:  block;
	color: #595959;
	background:  url(mainNav-bg.gif) no-repeat;
	height: 15px;
	width: 126px;
	text-decoration: none;
	text-align: center;
}
.mailResponce
{
	height: 37px; 
	width:170px; 
	float:right; 
	background:url(../images/email-top-bg.gif) no-repeat; 
	margin-top: 8px; 
	padding: 19px 5px 6px 110px;
	font: normal 18px "Trebuchet MS", Arial;
	color: #727272;
	float: right;
}
.mailResponce a
{
	font: normal 18px "Trebuchet MS", Arial;
	color: #727272;
	text-decoration: underline;
}
.mailResponce a:hover
{
	font: normal 18px "Trebuchet MS", Arial;
	color: #999999;
	text-decoration:none;
}
.leftTitle
{
	font: bold 20px "Trebuchet MS";
	color: #f46302;
	padding: 20px 10px 10px 37px;
}
.leftTitle a
{
	font: bold 20px "Trebuchet MS";
	color: #f46302;
	text-decoration: none;
}

.leftTitle1
{
	font: bold 20px "Trebuchet MS";
	color: #606060;
	padding: 20px 10px 10px 37px;
	
}
.leftTitle1 a
{
	font: bold 20px "Trebuchet MS";
	color: #606060;
	text-decoration: none;
}
.leftTitle1 a:hover
{
	font: bold 20px "Trebuchet MS";
	color: #f46302;
	text-decoration: none;
}
.titleGray
{
	color: #606060;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.titleOrnage
{
	font: normal 20px "Trebuchet MS";
	color: #f46302;
}
.titleOrnage a
{
	font: normal 20px "Trebuchet MS";
	color: #f46302;
	text-decoration: underline;
}
.titleOrnage a:hover
{
	font: normal 20px "Trebuchet MS";
	color: #333333;
	text-decoration: none;
}

.titleOrnage1
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fa6401;
	text-decoration: underline;
}
.titleOrnage1:hover
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a.titleOrnage1Active
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fa6401;
	text-decoration: none;
}
.titleBlack
{
	font: normal 18px "Trebuchet MS";
	color: #333333;
}
.Arrow ul
{
	margin: 0px;
	list-style: none;
	padding: 0px;
	display: block;
}
.Arrow li
{
	margin: 0px 0px 0px 0px;
	list-style: none;
	padding: 5px 8px 8px 21px;
	height: 6px;
	color: #606060;
	/*display:block;*/
	background: url(left-Nav-Arrow.gif) no-repeat 4px 10px;
	
}
.googleapps ul
{
	list-style: none;
	padding-left: 0px;
}

.googleapps li
{
	background: url(../images/arrow_orange1.gif) no-repeat 0px 8px;
	padding: 3px 10px 5px 15px;
	display: block;
}

.form
{
	width: 460px;
	padding: 5px 0px 0px 37px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
}
.formtext
{
	width: 200px;
	padding-bottom: 16px;
	float: left;
}
.forminput
{
	width: 400px;
	padding-bottom: 16px;
	float: left;
	font-weight: normal;
}

* html .formtext
{
	width: 106px;
}
.submitbtn
{
	background: url(../images/submitbg.jpg) no-repeat;
	width: 88px;
	height: 27px;
	border: 0px;
	float: right;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 12px 3px 0px;
}
input, textarea, select {
	margin: 0;
	font-size: 11px;
	font-family: inherit;
	margin-right: 5px;
}

select { padding: 0; }

.mandatory
{
	color: #FF7502;
}

.socialBookmarkBlock
{
	float: right;
	width: 250px;
	text-align: right;
	margin-top: 40px;
}

a.twitter, a.facebook
{
	background-image: url(what-why-how-dl.png);
	background-repeat: no-repeat;
}

a.twitter
{
	float: right;
	background-position: -861px -340px;
	width: 33px;
	height: 28px;
	display: block;
	margin-right: 5px;
}

a.facebook
{
	float: right;
	background-position: -943px -338px;
	width: 33px;
	height: 30px;
	margin-right: 5px;
	display: block;
}