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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	background:#f3f3f3;
}
a:link {
	color: #09c;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #09c;
}
a:hover {
	text-decoration: underline;
	color: #960;
}
a:active {
	text-decoration: none;
	color: #960;
}

/* Tags */
img {
	border:none;
}
h1 {
	font-size:22px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	display:inline;
}
ul ol {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

/* Navigation */
.snapnavstart{
	width:199px;
	background:url(../images/navstart.png) top left no-repeat;
	cursor:pointer;
}
.snapnavstart_over{
	width:199px;
	background:url(../images/navstart_over.png) top left no-repeat;
	cursor:pointer;
}
.snapnavend {
	background:url(../images/navend.png) top right no-repeat;
	width:16px;
}
.snapnavend_over {
	background:url(../images/navend_over.png) top right no-repeat;
	width:16px;
}
.snapnav, .snapnav_over {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.snapnav {
	background:url(../images/nav.png) top left no-repeat;
	color:#ccc;
}
.snapnav a, .snapnav a:link, .snapnav a:visited, .snapnav a:active {
	color:#ccc;
}
.snapnav a:hover {
	color:#ccc;
	text-decoration:none;
}
.snapnav_over {
	background:url(../images/nav_over.png) top left no-repeat;
	color:#f7da66;
}
.snapnav_over a, .snapnav_over a:link, .snapnav_over a:visited, .snapnav_over a:active {
	color:#f7da66;
}
.snapnav_over a:hover {
	color:#f7da66;
	text-decoration:none;
}
.subnav, .subnav_active {
	padding:5px 10px 0px 10px;
	white-space:nowrap;
	cursor:pointer;
}
.subnav_active {
	color:#09c;
}
.subnav:hover, .subnav_active:hover { 
	color:#09c;
	text-decoration:underline;
}
.subnavcell {
	padding:0px 10px 10px 196px;
	background:url(../images/websystems.png) top left no-repeat;
}

/* Misc Classes */
.preload {
	display:none;
}
.bg {
	position:absolute;
	top:0px;
	z-index:0;
}
.content {
	padding:0px 20px 20px 20px;
}
.link {
	cursor:pointer;
}
.footer {
	padding:15px;
	color:#666;
	font-size:11px;
	text-align:center;
}
.list th {
	font-weight:normal;
	text-align:left;
	background:#EFEFEF;
	padding:3px;
}
.list td {
	padding:3px;
}
.floatleft {
	float:left;
}
.features td {
	border-top:solid 1px #666;
	border-right:solid 1px #666;
	padding:5px;
	vertical-align:top;
}
.features th {
	border-top:solid 1px #666;
	padding:5px;
	text-align:left;
	background: #fec20e;
	color:#333;
}
.features .firstcell {
	border-left:solid 1px #666;
}
.features .nosep {
	border-right:none;
}
.features .bottomcell {
	border-bottom:solid 1px #666;
}
.features .noseps {
	border-right:none;
	border-left:none;
}
.snapbutton {
	background:url(../images/button.png) repeat-x;
	color:#333;
	font-weight:bold;
	border-right:solid 1px #ef9b1e;
	border-left:solid 1px #ef9b1e;
	line-height:36px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	padding-right:10px;
	padding-left:10px;
	font-size:14px;
}
.fineprint {
	color:#666;
	font-size:10px;
}
.code {
	font-family: Courier New, Courier, monospace;
	color: #333;
}

/* Error and Success */
.error { 
	border:solid 1px #C03;
	padding:10px;
	background:#FFF1F4;
	margin-top:10px;
	margin-bottom:10px;
}
.error div {
	background:url(../images/smallbuttons/threats.png) top left no-repeat;
	padding-left:40px;
}
.success {
	border:solid 1px #093;
	padding:10px;
	background:#EFFFF3;
	margin-top:10px;
	margin-bottom:10px;
}
.success div {
	background:url(../images/smallbuttons/autostart_program.png) top left no-repeat;
	padding-left:40px;
}
.info {
	border:solid 1px #06C;
	padding:10px;
	background:#F1F8FF;
	margin-top:10px;
	margin-bottom:10px;
}
.info div {
	background:url(../images/smallbuttons/homework.png) top left no-repeat;
	padding-left:40px;
}
.warning {
	border:solid 1px #F90;
	padding:10px;
	background:#FFF9F3;
	margin-top:10px;
	margin-bottom:10px;
}
.warning div {
	background:url(../images/smallbuttons/pathology.png) top left no-repeat;
	padding-left:40px;
}

/* Slice 9 */
.slice9 {
	background:url(../images/slice9_1.png) top left no-repeat;
	position:relative;
	min-width:40px;
	min-height:40px;
}
.slice9_2 {
	background:url(../images/slice9_3.png) top right no-repeat;
}
.slice9_3 {
	background:url(../images/slice9_7.png) bottom left no-repeat;
}
.slice9_4 {
	background:url(../images/slice9_9.png) bottom right no-repeat;
}
.slice9_5 {
	background:url(../images/slice9_2.png) top repeat-x;
	margin-left:9px;
	margin-right:9px;
	height:9px;
}
.slice9_6 {
	background:url(../images/slice9_4.png) left repeat-y;
	padding-left:9px;
}
.slice9_7 {
	background:url(../images/slice9_6.png) right repeat-y;
	padding-right:9px;
}
.slice9_8 {
	background:url(../images/slice9_5.png);
	padding:5px;
}
.slice9_9 {
	background:url(../images/slice9_8.png) bottom repeat-x;
	margin-left:9px;
	margin-right:9px;
	height:9px;
}

/* VS Menu Classes */
.vsMenuContainer {
	background:#FFF;
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
	border-top:solid 1px #efefef;
	border-left:solid 1px #efefef;
	padding:6px 0px 6px 0px;
}
.vsMenuLabel {
	padding:4px 8px 4px 8px;
	vertical-align:middle;
	white-space:nowrap;
}
.vsMenuSeparator {
	margin:0px;
	padding:0px;
	height:1px;
	background:#ccc;
}
.vsMenuSeparatorBuffer {
	margin:0px;
	padding:0px;
	height:3px;
}
.vsMenuSubArrow {
	width: 20px;
	background-image: url(../images/tabarrow.png);
	background-position: right;
	background-repeat: no-repeat;
}
.vsMenuItem {
	background:none;
}
.vsMenuItem td {
	white-space:nowrap;
	font-size:13px;
}	
.vsMenuItemActive {
	background:#f7da66;
	cursor:pointer;
}
.vsMenuItemActive td {
	color:#333;
	font-size:13px;
}
.vsMenuItemHeader {
	background:url(../images/th_bg.gif) top repeat-x;
}
.vsMenuItemHeaderActive {
	background:url(../images/th_sorted_bg.gif) top repeat-x;
	cursor:pointer;
	vertical-align:middle;
}
.vsMenuMainMenu {
	color:#666;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
	padding:3px 20px 2px 5px;
	cursor:pointer;
	white-space:nowrap;
}
.vsMenuMainMenuActive {
	color:#666;
	border-top: solid 1px #099;
	border-left: solid 1px #099;
	border-right: solid 1px #099;
	border-bottom: solid 1px #099;
	background:#FFF;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
	padding:2px 5px 2px 5px;
	cursor:pointer;
	white-space:nowrap;
}

/* Main pics */
.main1 {
	width:1000px;
	height:560px;
	background:url(../images/main1.png) top left no-repeat;
}
.pageheader {
	position:absolute;
	left:0px;
	top:0px;
}

/* Contact Page */
.section_phone, .section_support, .section_legal, .section_mail {
	padding:10px 10px 10px 150px;
	min-height:105px;
	margin-top:5px;
	margin-bottom:5px;
}
.section_phone {
	background:url(../images/voip_phone.png) left no-repeat;
}
.section_support {
	background:url(../images/first_aid_kit.png) left no-repeat;
}
.section_legal {
	background:url(../images/laws.png) left no-repeat;
}
.section_mail {
	background:url(../images/mailbox.png) left no-repeat;
}

/* Network Page */
.netbg {
	background:url(../images/world.png) top right no-repeat;
	padding:0px 30px 0px 0px;
	min-height:240px;
}
.nettitle_active, .nettitle {
	vertical-align:middle;
	height:60px;
	overflow:hidden;
	white-space:nowrap;
	padding:0px;
	margin:0px 10px 0px 10px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	width:217px;
}
.nettitle_active {
	background:url(../images/bar2_active.png) right no-repeat;
	color:#333;
}
.nettitle {
	background:url(../images/bar2.png) right no-repeat;
	color:#666;
}
.nettitle:hover {
	color:#333;
}
.nettitle_active div, 
.nettitle div {
	padding:20px 30px 0px 30px;
	text-align:center;
}
.netcontent {
	display:none;
}
.netcontent_active {

}
.nettop {
	width:700px;
}
.netitems {
	vertical-align:top;
}
.netbox {
	padding:10px;
	border:solid 1px #ccc;
	color:#fff;
	background:url(../images/semi-transparent.png);
}
.netbox a:link, .netbox a:visited, .netbox a:hover, .netbox a:active,
.netbox_link:link, .netbox_link:visited, .netbox_link:hover, .netbox_link:active{

}

/* Features */
.buttondiv, .buttondiv_disabled {
	color:#333;
	font-weight:bold;
	border-right:solid 1px #ef9b1e;
	border-left:solid 1px #ef9b1e;
	line-height:36px;
	text-align:left;
	vertical-align:middle;
	display:block;
	cursor:pointer;
	padding-right:10px;
	padding-left:10px;
	font-size:14px;
}
.buttondiv {
	background:url(../images/button.png) repeat-x;
}
.buttondiv_disabled {
	background:url(../images/button_disabled.png) repeat-x;
	border-right:solid 1px #c1b4a4;
	border-left:solid 1px #c1b4a4;
	color:#666;
}
.buttondiv_disabled:hover {
	color:#333;
}
.featuresw, .featuresg {
	height:64px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	position:relative;
}
.featuresexp {
	display:block;
	cursor:pointer;
}
.featuresexp div {
	display:none;
}
.featuresw strong, .featuresg strong, .featuresexp strong {
	text-decoration:underline;
	color:#dff;
	font-weight:bold;
	font-size:14px;
}
.featuresw div {
	background:url(../images/rm_white.png) right bottom no-repeat;
	z-index:100;
	height:64px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}
.featuresg div {
	background:url(../images/rm_gray.png) right bottom no-repeat;
	z-index:100;
	height:64px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}
.right {
	float:right;
	padding:0px 0px 30px 30px;
}
.quote_form, .quote_quote, .quote_deal {
	padding:130px 10px 30px 10px;
	font-size:14px;	
	text-align:center;
}
.quote_form {
	background:url(../images/notepad.png) top no-repeat;
}
.quote_quote {
	background:url(../images/quote.png) top no-repeat;
}
.quote_deal {
	background:url(../images/deal.png) top no-repeat;
}
.smalltext td {
	white-space:nowrap;
}

/* Notification div */
.notify {
	width:100%;
	height:100%;
	background:url(../images/semi-transparent.png);
	z-index:1000;
	display:inherit;
	position:fixed;
	top:0px;
	left:0px;
}
.notify > div:first-child {
	background:#ffffff;
	width:800px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
	padding:20px;
	border:solid 1px black;
}

/* Grid */
#grid {
	position:relative;
	width:248px;
	height:248px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);	
	background:#333;
}
#grid1 {
	background:url(../images/grid1.png) center center no-repeat;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	border-top-left-radius: 30px;
	top:0px;
	left:0px;
}
#grid2 {
	background:url(../images/grid2.png) center center no-repeat;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	border-top-right-radius: 30px;
	top:0px;
	right:0px;
}
#grid3 {
	background:url(../images/grid3.png) center center no-repeat;
	-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	border-bottom-left-radius: 30px;
	bottom:0px;
	left:0px;
}
#grid4 {
	background:url(../images/grid4.png) center center no-repeat;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
	bottom:0px;
	right:0px;
	
}
.gridcontainer {
	width:150px;
	height:150px;
	border:solid 1px #333;
	overflow:hidden;
	position:absolute;
}
.gridcontent {
	background:url(../images/semi-transparent.png) repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	padding:20px;
	position:absolute;
	text-align:left;
	cursor:pointer;
}
.gridcontent a, .gridcontent a:hover, .gridcontent a:visited, .gridcontent a:active {
	color:#FF6;
}
#grid1 div.gridcontent {
	top:30px;
	left:30px;
	width:330px;	
}
#grid2 div.gridcontent {
	bottom:30px;
	right:30px;
	width:330px;	
}
#grid3 div.gridcontent {
	bottom:20px;
	left:20px;
	width:360px;	
}
#grid4 div.gridcontent {
	top:30px;
	right:30px;
	width:380px;
}