/* CSS Document */

body{ background:#f1f1f1 url(../images/site/body_bg.gif) repeat-x; font:normal 12px Arial; color:#767676;}
body, div, p, h1, h2, h3, h4, h5, h6, ul, li{ padding:0; margin:0;}
ul, li{list-style:none;}
.clr{ clear:both;}
a{ color:#2a68d2; text-decoration:underline;}
a:hover{ color:#767676; text-decoration:none}
.Bold{ font-weight:bold;}

.MainDv{width:980px; margin:0 auto; padding:0 9px;}
.Header{ background:url(../images/site/header_bg.gif) 0 0 no-repeat; height:110px; width:980px;}
.Logo{ padding:0 0 0 10px; width:238px; float:left;}
ul.Nav{ float:left;}
ul.Nav li{ float:left; display:block;}
ul.Nav li.features{float:left;}
ul.Nav li.features a{ background:url(../images/site/nav_sprite.gif) 0 0 no-repeat; width:147px; height:83px; float:left; text-indent:-2000px;}
ul.Nav li.features a:hover{ background-position:0 -83px;}
ul.Nav li.faq a{ background:url(../images/site/nav_sprite.gif) -147px 0 no-repeat; width:143px; height:83px; float:left; text-indent:-2000px;}
ul.Nav li.faq a:hover{ background-position:-147px -83px;}
ul.Nav li.screen a{ background:url(../images/site/nav_sprite.gif) -290px 0 no-repeat; width:145px; height:83px; float:left; text-indent:-2000px;}
ul.Nav li.screen a:hover{ background-position:-290px -83px;}
ul.Nav li.demo a{ background:url(../images/site/nav_sprite.gif) -435px 0 no-repeat; width:145px; height:83px; float:left; text-indent:-2000px;}
ul.Nav li.demo a:hover{ background-position:-435px -83px;}
ul.Nav li.purchase a{ background:url(../images/site/nav_sprite.gif) -580px 0 no-repeat; width:144px; height:83px; float:left; text-indent:-2000px;}
ul.Nav li.purchase a:hover{ background-position:-580px -83px;}

.Banner{ float:left; padding:0 9px;}
.ContentWrapper{ padding:10px 9px; float:left; width:962px;}
.InnContainer{ padding:10px; float:left;}
.LftContainer{ float:left; width:440px; margin-right:20px; padding:0 110px 0 0;}
.RhtContainer{ float:left; width:330px;}
.Footer{ padding:10px 25px 20px 25px; float:left; font-size:11px; color:#4a4a4a;}
.Footer a{ text-decoration:none; color:#4a4a4a;}
.Footer a:hover{ text-decoration:none; color:#919191;}

.StartModule {background:url(../images/site/rounded_white.gif) 0 0 no-repeat; padding:0 0 0 10px;}
.StartModule span {background:url(../images/site/rounded_white.gif) 100% 0 no-repeat; height:10px; display:block}
.cotainers { background:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:5px 20px; overflow:hidden}
.EndModule {background:url(../images/site/rounded_white.gif) left -38px no-repeat; padding-left:10px; display:block;}
.EndModule span {background:url(../images/site/rounded_white.gif) right -38px no-repeat; height:10px; overflow:hidden; display:block;}

ul.Tabs{ position:absolute; left:0; top:1px;}
ul.Tabs li{ float:left; margin:0 0 0 0px;}
ul.Tabs li a{display:block; font-weight:bold; color:#2a68d2; text-decoration:none; font-size:12px; padding-left:15px; height:33px; float:left; text-decoration:underline;}
ul.Tabs li a span{ display:block; padding:10px 20px 5px 0; height:33px; float:left; cursor:pointer;}
ul.Tabs li a:hover{ background:url(../images/site/tabs.gif) 0 0 no-repeat; text-decoration:none; color:#000;}
ul.Tabs li a:hover span{ background:url(../images/site/tabs.gif) 100% 0 no-repeat; display:block;}
ul.Tabs li a.active{ background:url(../images/site/tabs.gif) 0 0 no-repeat; text-decoration:none; color:#000;}
ul.Tabs li a.active span{ background:url(../images/site/tabs.gif) 100% 0 no-repeat; display:block;}

.BrdBtm{border-top:1px solid #d1d4d5; width:100%;}

.SreenDv{position:absolute; right:200px; top:7px}
.arrow{float:left; padding-top:8px;}

.left{ float:left; padding-right:10px;}
.rht{ float:right}

h1{ font-size:18px; color:#464646; font-weight:normal;}

a.arrowLinks{ background:url(../images/site/blue_arrow.gif) 100% 5px no-repeat; padding:0 12px 0 0;}
.PadTB10{ padding:10px 0;}
p{ padding:5px 0; line-height:18px;}
p span{ display:block; float:left;}