@charset "utf-8";
/* CSS Document */

body  {margin:0px; padding:0px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; background:#68bd49 url(untangle_images/page_background.jpg) repeat-y top center;}
h1 {font-size:18px; margin:6px; padding:0; font-weight:100;}
h2 {font-size:16px; margin:3px; padding:0; font-weight:100;}
h3 {font-size:13px; margin:3px; padding:0; font-weight:100;}
h4 {font-size:16px; margin:3px; padding:0; color:#FFFFFF; text-decoration:none; font-weight:100;}
p {margin:3px 5px; padding:0; }

#wrap {width:475px; height:200px; margin:0px; padding:0px; font-family:"Century Gothic", Arial, Sans-Serif; float:right;}
.label{width:475px; height:180px; text-align:center; padding-top:20px;} 
.label {*height:200px;}
#one{background:#000 url(untangle_images/title_network.gif) bottom no-repeat  ; color:#FFFFFF; font-size:24px;}
#two{background:#000 url(untangle_images/title_security.gif) bottom no-repeat; color:#FFFFFF; font-size:24px;}
#three{background:#000  url(untangle_images/title_productivity.gif) bottom no-repeat; color:#fff; font-size:24px;}
#four{background:#000; color:#FFFFFF; font-size:24px;}

#wrap2 {width:550px; height:100px; margin:0px; padding:0px; float:right; background:#000; }
#wrap2 h1 {font-family:"Century Gothic", Arial, Sans-Serif; color:#FFFFFF; font-size:24px;  margin:60px 5px 0px 40px; padding:0px;}

.current{display:block;}
.next{display:none}

#topblock {background:#000000; margin:15px 0 45px 0; width:100%; height:200px; border-bottom:10px solid #68bd49; border-top:10px solid #68bd49; position:relative;}
#topblock2 {background:#000000; margin:20px 0 5px 0; width:100%; height:100px; border-bottom:7px solid #68bd49; border-top:7px solid #68bd49; position:relative;}

.links_index {background:#68BD49; padding:4px; position:absolute; bottom:-35px; right:0; z-index:15;}
.links_index h4 {float:left;}
.links_index a {color:#FFFFFF; text-decoration:none;}

.newrates {font-weight:bold; color:#990000;}
.oldrates {text-decoration:line-through;}


.links {background:#68BD49; padding:4px; position:absolute; top:-5px; right:0;}
.links h4 {float:left;}
.links a {color:#FFFFFF; text-decoration:none;}

.table {color:#000;}

#block {width:740px; height:300px; background:url(untangle_images/surround.gif) no-repeat; margin:25px 1px 15px 2px; padding:0px; position:relative;}

#listOne{position: absolute; top:15px; left:15px; background:url(untangle_images/untangle_sphere1.png) bottom center no-repeat; height:124px; width:142px; *height:164px; *width:148px; margin:0; padding:20px 3px; text-align:center; z-index:5}
#listOne:hover {background:url(untangle_images/untangle_sphere_hover1.png) bottom center no-repeat;}

#listTwo{position: absolute; top:115px; left:148px; background:url(untangle_images/untangle_sphere1.png) bottom center no-repeat; height:84px; width:142px; *height:164px; *width:148px; margin:0; padding:40px 3px; text-align:center; z-index:5}
#listTwo:hover {background:url(untangle_images/untangle_sphere_hover1.png) bottom center no-repeat;}

#listThree{position: absolute; top:15px; left:296px; background:url(untangle_images/untangle_sphere1.png) bottom center no-repeat; height:64px; width:142px; *height:164px; *width:148px; margin:0; padding:50px 3px; text-align:center; z-index:5}
#listThree:hover {background:url(untangle_images/untangle_sphere_hover1.png) bottom center no-repeat;}

#listFour{position: absolute; top:115px; left:444px; background:url(untangle_images/untangle_sphere1.png) bottom center no-repeat; height:64px; width:142px; *height:164px; *width:148px; margin:0; padding:50px 3px; text-align:center; color:#000000;  z-index:5}
#listFour:hover {background:url(untangle_images/untangle_sphere_hover1.png) bottom center no-repeat;}

#listFive{position: absolute; top:15px; right:15px; background:url(untangle_images/untangle_sphere1.png) bottom center no-repeat; height:64px; width:142px; *height:164px; *width:148px; margin:0; padding:50px 3px; text-align:center; z-index:5}
#listFive:hover {background:url(untangle_images/untangle_sphere_hover1.png) bottom center no-repeat;}


.block2 {font-family:"Century Gothic", Arial, Sans-Serif; color:#6D6E71;}
.block2 h1 {font-size:18px; font-weight:bold;}
.block2 h2 {font-size:15px; font-weight:bold;}
.block2 h3 {font-size:13px; font-weight:bold;}
.block2 p {font-size:12px;}
.block2 a {text-decoration:underline; font-weight:bold; color:#6D6E71;}

.element{//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/chapela.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
.element[class]{background: url(images/chapela.png) no-repeat center center;}

#devices {width:300px; height:auto; margin:10px; padding:15px; color:#FFFFFF; float:right; background:#68bd49; border:2px solid #000;}

#prices {width:400px; height:auto; margin:10px; padding:0px;}

td {
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
a {
	text-decoration: none;
	color:#000000;
	cursor:pointer;
}
a.1 {
	text-decoration: none;
	color: 000000;
}
.t11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}


/*ul {margin:0px; list-style:none; font-size:12px; text-align:center; color:#000000; width:744px; position:relative;}

li {height:139px; width:142px; background:url(images/untangle_sphere1.png) no-repeat; list-style:none; float:left; padding:15px 3px;}
li:hover {background:url(images/untangle_sphere_hover1.png) no-repeat;}
li .one {position:absolute; top:0px; left:0px;}
li .two {position:relative; top:50px; left:0px;}*/