#wrapper { /*width:825px; */ margin:0 auto;  width:100%; height:600px;  background:url(../img/dooxsoft/bgg3.gif) no-repeat center top}
h1 { margin:0px; padding:0px; color:#666666}
h3 { margin:0px; padding:0px;}
body { padding:0px; margin:0px; background:url(../img/dooxsoft/back.gif) repeat-x #d6dbde; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
div {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
br { margin:0px; padding:0px; clear:both}
a {color:#333333}
img { border:0px;}


/* ------------------------------------------------------------
	Top Nav
--------------------------------------------------------------- */
#wrapper #top {height:50px; width:825px; margin:0 auto; position:relative  }
#wrapper #top .na { position:absolute; right:5px; top:15px;}
#wrapper #top .na ul  { list-style:none}
#wrapper #top .na ul li { float:left; padding-left:20px;  padding-top:3px; padding-bottom:3px; color:#333333}
#wrapper #top .na ul li a{ text-decoration:none; background:#e4e9ec; padding:1px; padding-left:3px; padding-right:3px; border:1px solid #e4e9ec}
#wrapper #top .na ul li a:hover{ border:1px solid #d6dbde}
#wrapper #top .la {position:absolute; left:200px; top:10px; display:none}
#wrapper #top .lo {position:absolute; left:10px; top:10px;}

#navbox {border:#d5d4d1 1px solid; padding:1px; background:#FFFFFF;  width:825px; margin:0 auto;}

#wrapper #window {		
width: 825px;
margin:5px auto;
height:250px;

background: #ffffff;
font-family:Arial, Helvetica, sans-serif;
border:1px #d5d4d1 solid;
border-bottom:1px #cccccc solid }

#wrapper #window-small {		
width: 825px;
height:250px;
margin:5px auto;
background: #ffffff;
font-family:Arial, Helvetica, sans-serif;
border:1px #d5d4d1 solid;
border-bottom:1px #cccccc solid }	

#wrapper #module {width: 825px; margin:5px auto;}
#wrapper #module_template {width:623px; float:left;  margin-right:0px; min-height:500px;	 background:#fff; border:1px solid #d5d4d1; }

#wrapper #module_template #holder{width:623px; height:30px; background:#eeeeee; border:1px  solid #CCCCCC;  }
#wrapper #module_template #holder .text{padding-left:23px; padding-top:7px; font-size:13px; font-weight:bold; color:#888888}
#wrapper #module_template .corner{background:url(../img/dooxsoft/corner.png) no-repeat left; width:25px; height:25px; float:left;}
#wrapper #module_template .inside {width:580px; }
#wrapper #module_template #inno { font-size:1.1em; margin-right:20px; margin-left:20px;}
#wrapper #module_template #inno  p{ padding:3px; margin:3px; font-size:1.1em}
#wrapper #module_template #inno  h3{ color:#666666}

#wrapper #module_template #inno b { padding:3px; margin:3px; font-size:1.2em; font-weight:bold}
#wrapper #module_template #inno ul.cmsover { list-style:none; padding:10px;}
#wrapper #module_template #inno ul.cmsover li{padding-left:22px;background:url(../img/dooxsoft/bullet_blue.png) no-repeat 0px -2px;  padding-bottom:5px;}
#wrapper #module_template #inno ul.shopover { list-style:none; padding:10px;}
#wrapper #module_template #inno ul.shopover li{padding-left:22px;background:url(../img/dooxsoft/bullet_orange.png) no-repeat 0px -2px;  padding-bottom:5px;}
#wrapper #module_template #inno ul.voipover { list-style:none; padding:10px;}
#wrapper #module_template #inno ul.voipover li{padding-left:22px;background:url(../img/dooxsoft/bullet_purple.png) no-repeat 0px 2px;  padding-bottom:5px;}

#wrapper #module_template_main {width:825px;  margin-top:10px; margin-right:0px;  background:#fff; border:1px solid #d5d4d1 }
#wrapper #module_template_main #holder{width:825px; height:30px; background:#eeeeee; border:1px  solid #CCCCCC; margin-top:5px; }
#wrapper #module_template_main #holder .text{padding-left:23px; padding-top:7px; font-size:13px; font-weight:bold; color:#888888}
#wrapper #module_template_main .inside {width:800px; margin-left:15px; padding-top:10px;  }

#wrapper #block {width:200px; float:left}
#wrapper #block h2 { font-size:1.5em; }
#wrapper #block p { font-size:1.0em}
.boxholder { width:189px; border:#bbbebf 1px solid; padding:1px; background:#FFFFFF;  margin-top:5px; margin-left:5px; padding:1px}
#wrapper #block .box {background:#e7e7e7; position:relative}
#wrapper #block .innerbox  { position:relative}
#wrapper #block .innerbox h2{ margin:0px;
	padding:0px;
	background-color: #fff;
	border:1px solid #ddd;
	border-bottom:1px solid #bbbebf;
	list-style-type: none;
	color:#666666;
	margin: 0; padding: 0.80em 10px 0.80em 15px;
	display: block;
	text-decoration:none;
	font-size: 1.0em
	}
	
	
#inside .cms{background:url(../img/dooxsoft/cms2.gif) no-repeat left top; height:250px; color:#666666; position:relative}
#inside .cms .txt  { position:absolute; left:240px; top:50px; width:320px; height:100px; border:1px solid #e5e5e5; background:#f8f8f8}
#inside .cms .txt  h2{ font-size:1.0em}
#inside .cms .txt  p{ padding-left:6px;}
#inside .cms .demo {  position:absolute; right:50px; top:50px; }
#inside .cms .buy  {  position:absolute; right:50px; top:90px;}
#inside .shop .txt  { position:absolute; left:240px; top:50px; width:320px; height:100px; border:1px solid #e5e5e5; background:#f8f8f8}
#inside .shop .txt  h2{ font-size:1.0em}
#inside .shop .txt  p{ padding-left:6px;}
#inside .shop .demo {  position:absolute; right:50px; top:50px;}
#inside .shop .buy  {  position:absolute; right:50px; top:80px;}
#inside .voip .txt  { position:absolute; left:240px; top:50px; width:320px; height:100px; border:1px solid #e5e5e5; background:#f8f8f8}
#inside .voip .txt  h2{ font-size:1.0em}
#inside .voip .txt  p{ padding-left:6px;}
#inside .voip .demo {  position:absolute; right:50px; top:50px;}
#inside .voip .buy  {  position:absolute; right:50px; top:80px;}
#inside .shop{background:url(../img/dooxsoft/shop2.gif) no-repeat left top; height:250px; color:#666666; position:relative}
#inside .voip{background:url(../img/dooxsoft/voip2.gif) no-repeat left top; height:250px; color:#666666; position:relative}
#inside .all{background:url(../img/dooxsoft/first_back.png) no-repeat left top; height:250px;position:relative;color:#666666;}
#inside .all .demo {  position:absolute; right:100px; top:50px;  }
#inside .all .buy  {  position:absolute; right:100px; top:90px;}



div.searchbox { height:30px;   margin-left:5px; margin-top:5px; border:1px solid #bbbebf; padding:0px; width:192px; }
div.searchbox div { float:left; height:30px; margin:0px;  background:#FFF url(../img/dooxsoft/sea.gif);}
div.searchbox div form input { border:none; float:left; height:33px; width:150px; background:transparent;  padding: 7px 0 0 7px; outline:none; }
div.searchbox div form { float:left; padding:0; margin:0; }
div.searchbox div a.submit { float:left; height:30px; width:35px;  background:#cccccc url(../img/dooxsoft/search.gif) no-repeat; text-decoration:none; color:#FFFFFF;    }



.scren {}
.scren h1 { font-size:20px; color:#666; padding:0px; margin:0px; padding-left:8px; padding-top:20px;}
.scren h2 {font-size:12px; color:#999;padding:0px; margin:0px; padding-left:10px; text-decoration:underline; padding-bottom:20px;}
.scren h3 {font-size:14px; padding-bottom:5px; padding-top:5px;}
.scren .highslide-caption { color:#fff; }
.scren ul { list-style:none; margin:0px; padding:0px;}
.scren ul li{ float:left; width:200px; padding-left:40px; padding-right:40px; list-style:none; padding-bottom:20px; }
.scren ul li a img { border:#ddd solid 1px; padding:10px;}
.scren ul li a img:hover { border:#ddd solid 6px; padding:5px; }



 a.this {background: url(../img/dooxsoft/bg2.gif) repeat-x; color:#666;  border:1px solid #bbbebf; text-decoration:none; text-transform:uppercase; padding:8px;
 height:30px;  line-height:30px;  cursor:pointer }
 a.this:hover {background: url(../img/dooxsoft/bg3.gif) repeat-x; }
  input.this {background: url(../img/dooxsoft/bg2.gif) repeat-x; color:#666;  border:1px solid #bbbebf; text-decoration:none; text-transform:uppercase; padding:0px;
 height:31px;  line-height:31px;  cursor:pointer; font-size:10px }
 input.this:hover {background: url(../img/dooxsoft/bg3.gif) repeat-x; color:#333;  border:1px solid #bbbebf; text-decoration:none; text-transform:uppercase; padding:0px;
 height:31px;  line-height:31px; cursor:pointer;font-size:10px }
 .cent { margin:0 auto; padding:20px;}
.bc1{float:left; width:253px; padding:5px; margin:5px; border:1px solid #e5e5e5; background:#f8f8f8; min-height:85px; position: relative; color:#333;  cursor:pointer}
.bc2 {float:left; width:253px; padding:5px;  margin:5px; border:1px solid #e5e5e5;background:#f8f8f8; min-height:85px; position: relative; color:#333 ;  cursor:pointer}
.bc3 {float:left; width:253px; padding:5px;  margin:5px;border:1px solid #e5e5e5; background:#f8f8f8; min-height:85px; position: relative; color:#333 ;  cursor:pointer}

.bc4 {padding:15px;  border:1px solid #e5e5e5;background:#f8f8f8;}
.bc4 .searchbox { margin-right:50px;}

.bc1 img{ 	position: absolute; left: 8px; top: 20px;}
.bc1 h3{ position: absolute; left: 45px;top: 2px;}
.bc1 p{ position: absolute;	left: 50px;	top: 30px;}

.bc2 img{ 	position: absolute;left: 8px;top: 20px;}

.bc2 h3{position: absolute;left: 40px;top: 2px;}
.bc2 p{position: absolute;	left: 45px;	top: 30px;}
.bc3 img{ 	position: absolute;left: 5px;top: 20px;}
.bc3 h3{position: absolute;left: 40px;top: 2px;}
.bc3 p{position: absolute;	left: 45px;	top: 30px;}
.b3 h3 {padding:6px;}
.b3 h2{ font-size:1.2em }
.b3 .date { font-size:1.0em; border-left:#acb3b2 solid 5px;}






.b1{float:left; width:30.8%; padding:5px;  min-height:50px; margin:5px; position:relative ; margin-top:0px;}
.b2 {float:left; width:30.9%; padding:5px; min-height:50px; margin:5px; position:relative; margin-top:0px;}
.b3 {float:left; width:30%; padding:5px;  min-height:50px; margin:5px; position:relative; margin-top:0px;}

.b2 h3{background:#fff; padding:6px; padding-left:0px;}
.b2 h4 { font-size:1.1em;  padding:6px; padding-left:0px;}
.b2 ul { margin:0px; padding:0px; list-style:none}
.b2 ul li{ padding:1px;}
#mainbot { margin-top:5px;}
.bcd1 {float:left; width:256px; padding:5px;  min-height:110px; margin:5px; margin-left:0px; position:relative; background:#c8cccf; border:1px solid #e4e9ec;margin-bottom:0px;}
.bcd2 {float:left; width:257px; padding:5px;  min-height:110px; margin:5px; position:relative; background:#c8cccf; border:1px solid #e4e9ec;margin-bottom:0px;}
.bcd3 {float:left; width:256px; padding:5px;  min-height:110px; margin:5px; margin-right:0px;position:relative; background:#c8cccf; border:1px solid #e4e9ec; margin-bottom:0px;}

.bcd1 h3 {position: absolute;left: 50px;top: 10px;}
.bcd1 p{position: absolute;	left: 45px;	top: 30px;}
.bcd1 img{ 	position: absolute;left: 5px;top: 20px;}
.bcd1  .searchbox { position: absolute;	left: 38px;	top: 75px;  border:1px solid #fff;  padding:0px; width:172px; height:20px;  }
.bcd1  .searchbox div { float:left; height:20px; margin:0px;  background:#FFF url(../img/dooxsoft/sea2.gif) no-repeat;}
.bcd1 .searchbox div form input { border:none; float:left; height:20px; width:150px; background:transparent;  padding: 3px 0 0 2px; outline:none; }
.bcd1  .searchbox div form { float:left; padding:0; margin:0; }
.bcd1  .searchbox div a.submit { float:left; height:20px; width:20px; background:#cccccc url(../img/dooxsoft/ser.gif) no-repeat;text-decoration:none;color:#FFFFFF;}
.bcd1 .searchbox div a.submit:hover { float:left; height:20px; width:20px;  background:#cccccc url(../img/dooxsoft/ser.gif) no-repeat; text-decoration:none; color:#FFFFFF;   }

.bcd3 h3{position: absolute;left: 50px;top: 10px;}
.bcd3 p{position: absolute;	left: 45px;	top: 30px;}
.bcd3 img{ 	position: absolute;left: 5px;top: 20px;}
.bcd3  .searchbox { position: absolute;	left: 38px;	top: 75px;  border:1px solid #fff;  padding:0px; width:172px; height:20px; }
.bcd3  .searchbox div { float:left; height:20px; margin:0px;  background:#FFF url(../img/dooxsoft/sea2.gif);}
.bcd3 .searchbox div form input { border:none; float:left; height:20px; width:150px; background:transparent;  padding: 3px 0 0 2px; outline:none; }
.bcd3  .searchbox div form { float:left; padding:0; margin:0; }
.bcd3 .searchbox div a.submit { float:left; height:20px; width:20px;  background:#cccccc url(../img/dooxsoft/mal.gif) no-repeat; text-decoration:none; color:#FFFFFF;    }


.bcd2 h3 {position: absolute;left: 50px;top: 10px;}
.bcd2 img{ 	position: absolute;left: 5px;top: 20px;}
.bcd2 .client {position: absolute;	left: 60px;	top: 30px; width:200px;} 
.bcd2 .client .txt  { height:20px; margin:0px;  background:#FFF url(../img/dooxsoft/sea2.gif);border:1px solid #fff;  outline:none;}
.bcd2 .client label { }
.bcd2 .client ul { margin:0px; padding:0px; list-style:none}
.bcd2 .client ul li { padding:1px;}
.bcd2 .client .login {position: absolute;	right:10px;	top: 35px; background:#bbbebf ; border:1px solid #fff; color:#fff; padding:3px;width:40px;} 



.produts { text-align:left; margin:0px}
.produts h3 { background:#fff; padding:6px; }
.produts ul { list-style:none; margin:0px; padding:0px; padding-left:10px;}
.produts ul li { padding:6px; margin:0px; font-weight:bold}
.produts ul li.cms{ padding-left:22px; background:url(../img/dooxsoft/cmsico.png) no-repeat 0px 4px;  padding-bottom:2px;}
.produts ul li.shop{ padding-left:22px; background:url(../img/dooxsoft/shopico.png) no-repeat 0px 4px;  padding-bottom:2px;}
.produts ul li.voip{ padding-left:22px; background:url(../img/dooxsoft/voipico.png) no-repeat 0px 4px;  padding-bottom:2px;}
.produts ul li.crm{ padding-left:22px; background:url(../img/dooxsoft/crmico.png) no-repeat 0px 4px;  padding-bottom:2px;}
.produts ul li.blog{padding-left:22px; background:url(../img/dooxsoft/blogico.png) no-repeat 0px 4px;  padding-bottom:2px;}
.produts ul li.sip{padding-left:22px; background:url(../img/dooxsoft/sipico.png) no-repeat 0px 4px;  padding-bottom:2px;}
.produts ul li a{ text-decoration:none;padding:4px;}
.produts ul li a:hover{ text-decoration:none; background:#888; color:#FFFFFF}


.company h3 {  padding:6px;}
.company h4 { margin:0px; padding:5px; font-size:1.2em; color:#6d7171}
.company ul { list-style:none; margin:0px; padding-left:5px;}
.company ul li { background:url(../img/dooxsoft/dot.gif) no-repeat 0 5px ; padding:3px;padding-left:10px; font-size:1.1em}


.features {}
.features h1{ font-size:20px; color:#666; padding:0px; margin:0px; padding-left:8px; padding-top:20px;}
.features h2{font-size:12px; color:#999;padding:0px; margin:0px; padding-left:10px; text-decoration:underline; padding-bottom:20px;}
.features h3{font-size:14px; padding-bottom:5px; padding-top:5px;}
.features h4{}
.features p{ padding:20px; font-size:11px}

.features ul { list-style:none; margin:0px; padding:0px;}
.features ul li {  padding:3px; padding-left:20px; display:block; clear:both;font-size:1.1em;}
.features ul li img {padding:10px; margin-right:15px; float:left; border:1px solid #eee}
.features ul.whatsnew  { margin-left:10px;}
.features ul.whatsnew h3 { margin-left:40px;}
.features ul.whatsnew li  { margin-left:30px;}

/* Credits*/
.cred { position:relative; width: 825px; margin:0px auto; }
.cred .block {position:absolute; left:-20px; top:-50px; background:#333; width:100px; height:30px; z-index:-2 }
.cred .copy{position:absolute; right:200px; top:4px; }
.cred  ul.botnav{ list-style:none; position:absolute; left:2px; top:2px; margin:0px; padding:0px;}
.cred  ul.botnav li{ float:left;  }
.cred  ul.botnav li a{ text-decoration:none; padding: 2px 5px 2px 5px}
.cred  ul.botnav li a:hover{ background:#bbbebf; color:#FFFFFF}

.cred  ul.icons{ list-style:none; position:absolute; right:2px; top:2px;}
.cred  ul.icons li{ float:left; padding-left:5px;}
.cred  ul.icons li a{}
.cred  ul.icons li a:hover{}

.credall { position:relative; width: 825px; margin:0px auto; }

.credall .copy{position:absolute; right:200px; top:4px; }
.credall  ul.botnav{ list-style:none; position:absolute; left:4px; top:2px; margin:0px; padding:0px;}
.credall  ul.botnav li{ float:left; }
.credall  ul.botnav li a{ text-decoration:none; padding: 2px 5px 2px 5px}
.credall  ul.botnav li a:hover{ background:#999999; color:#FFFFFF}

.credall  ul.icons{ list-style:none; position:absolute; right:2px; top:2px;}
.credall  ul.icons li{ float:left; padding-left:5px;}
.credall  ul.icons li a{}
.credall  ul.icons li a:hover{}

/* Blocks*/

.cmsvideo { background: url(../img/dooxsoft/dooxcms/cms_video.gif) no-repeat; margin-top:0px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.cmsvideo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.cmsvideo p{position:absolute; left:70px; top:35px; margin:0px; padding:0px;}


.cmsdemo { background: url(../img/dooxsoft/dooxcms/cms_demo.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.cmsdemo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.cmsdemo p{position:absolute; left:70px; top:35px; margin:0px; padding:0px;}


.cmsbuy { background: url(../img/dooxsoft/dooxcms/cms_buy.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px; color:#666; cursor:pointer; }
.cmsbuy h2{position:absolute; left:65px; top:10px; margin:0px; padding:0px;}


.shopvideo { background: url(../img/dooxsoft/shop/shop_video.gif) no-repeat; margin-top:0px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.shopvideo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.shopvideo p{position:absolute; left:70px; top:35px; margin:0px; padding:0px;}


.shopdemo { background: url(../img/dooxsoft/shop/shop_demo.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.shopdemo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.shopdemo p{position:absolute; left:65px; top:35px; margin:0px; padding:0px;}


.shopbuy { background: url(../img/dooxsoft/shop/shop_buy.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px; color:#666; cursor:pointer; }
.shopbuy h2{position:absolute; left:65px; top:10px; margin:0px; padding:0px;}

.voipvideo { background: url(../img/dooxsoft/voip/voip_video.gif) no-repeat; margin-top:0px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.voipvideo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.voipvideo p{position:absolute; left:65px; top:35px; margin:0px; padding:0px;}


.voipdemo { background: url(../img/dooxsoft/voip/voip_demo.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.voipdemo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.voipdemo p{position:absolute; left:65px; top:35px; margin:0px; padding:0px;}


.voipbuy { background: url(../img/dooxsoft/voip/voip_buy.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px; color:#666; cursor:pointer; }
.voipbuy h2{position:absolute; left:65px; top:10px; margin:0px; padding:0px;}




.allvideo { background: url(../img/dooxsoft/allvideo.gif) no-repeat; margin-top:0px; margin-left:5px; position:relative; height:55px; width:195px;color:#666 ; cursor:pointer; }
.allvideo  h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.allvideo  p{position:absolute; left:65px; top:35px; margin:0px; padding:0px;}


.alldemo { background: url(../img/dooxsoft/alldemo.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.alldemo h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.alldemo p{position:absolute; left:65px; top:35px; margin:0px; padding:0px;}


.allbuy { background: url(../img/dooxsoft/allbuy.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px; color:#666; cursor:pointer; }
.allbuy h2{position:absolute; left:65px; top:10px; margin:0px; padding:0px;}

.allaff { background: url(../img/dooxsoft/aaff.gif) no-repeat; margin-top:0px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.allaff h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.allaff p{position:absolute; left:75px; top:35px; margin:0px; padding:0px;}


.allcash { background: url(../img/dooxsoft/acash.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.allcall { background: url(../img/dooxsoft/acall.gif) no-repeat; margin-top:5px; margin-left:5px; position:relative; height:55px; width:195px;color:#666; cursor:pointer; }
.allcall h2{position:absolute; left:65px; top:8px; margin:0px; padding:0px;}
.allcall p{position:absolute; left:75px; top:35px; margin:0px; padding:0px;}