body, p, td {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666666}
body {text-align: center; padding: 0; margin: 0; background-color: #006699}

/*main blocks*/

#container {
	text-align: left; width: 770px;	margin: 20px auto; padding: 0;
	border: 3px solid #66aacc; background: #FFFFFF;
}
#attic {background: #CC0000 url(images/attic_bg.gif)}
#attic table {height: 70px;	width: 100%}
#attic p {
	color: #ffffff;	font-size: 12px; font-weight: bold;
	text-align: right; margin: 0 20px 0 0;
}
#nav_top p {
	font-size: 14px; font-weight: bold;	text-align: center;
	margin: 0px; padding: 5px; display: block; background: url(images/top_nav_bg.gif)
}
#content_holder {position: relative; padding-bottom: 20px}
#content, #content2 {
	width: 400px; position: relative; top: 10px;
	margin-left: 180px; left: 5px; color: #666666
}
#content2 {width: 570px}
#basement {
	margin: 0px; padding: 10px 0; text-align: center;
	background: #ceefff; top: 20px; position: relative;
}
#leftcol, #rightcol {position: absolute; width: 160px; top: 10px; right: 10px}
#leftcol {right: 600px}
#leftcol p, #rightcol p, #basement, #basement p {color: #006699}

/*adskie info bloki*/

.td1 {width:5px; height:21px; background: url(images/tl.gif)}
.td2 {text-align:center; background: url(images/tc.gif)}
.td3 {width:5px; background: url(images/tr.gif)}
.td4 {background: #ceefff url(images/dot.gif) repeat-y left;}
.td5 {background: #ceefff; text-align:center}
.td6 {background: #ceefff url(images/dot.gif) repeat-y right;}
.td7 {height: 5px; background: url(images/bl.gif);}
.td8 {background: #ceefff url(images/dot.gif) repeat-x bottom;}
.td9 {background: url(images/br.gif);}
.block {text-align:left; width: 130px; margin: 10px auto 10px auto;}
.block p {padding: 10px 0 0 0}

/* element margins */

ul, ol {margin-top: 5px; margin-bottom: 5px; display: block}
ul {list-style: square}
li {margin: 10px 0}
p {margin: 0; padding: 5px 0}
h1, h2, h3 {margin: 0; padding: 15px 0 5px 0}
.h_part {margin: 0; padding: 0 0 5px 0}

/*headers sizes and colors*/

h1 {font-size: 24px; font-weight: normal; color: #CC0000}
h2 {font-size: 18px; font-weight: normal; color: #006699}
h3 {font-size: 14px; font-weight: bold; color: #006699}
h4 {font-size: 12px; font-weight: bold; color: #006699;	padding: 3px; background: #ceefff}

/*links*/

a:link {color:#006699}
a:hover, a:active {color:#00aaff}
a:visited {color:#999999}
#nav_top a:link, #nav_top a:visited {color:#006699; text-decoration:none}
#nav_top a:hover, #nav_top a:active {color:#00aaff; text-decoration:none}

/*left (plug-in) navigation*/

#left_nav {text-align: center; background: #36a3d9;	margin: 0; padding: 0}
#left_nav span {display: block;	padding-bottom: 7px}
#left_nav h1 {
	color: #FFFFFF; font: bold 14px Tahoma, Arial, Verdana;
	background: url(images/menu_h_bg.gif) repeat-x;	margin: 0px; padding: 10px 0}
#left_nav p {color: #FFFFFF; margin: 0; padding: 1px 0; font: bold 10px Tahoma, Arial, Verdana}
#left_nav a:link, #left_nav a:active, #left_nav a:visited {color:white}
#left_nav a:hover {
	color:#cceeff; background: #5cb8e5 url(images/sshot_bg.gif) no-repeat center;
	display:block}
#left_nav, .dnld, #leftcol table, #rightcol table {margin: 0 0 12px 0}

/*wsc index page*/

.download {background: url(images/download_01.gif) no-repeat; padding-left:25px}
.details {background: url(images/str.gif) no-repeat 5px; padding-left:25px}
.shot {text-align: center; float: right; padding-bottom: 10px; padding-left: 10px}

/*tables*/

.table {background:#cceeff; margin: 5px 0}
#border {border-collapse:collapse}
#border td {border: 1px solid white}
.table p, .table td {color: #006699}
.table_h1 {background: #006699}
.table_h1 p {color: #ffffff}
.table_h2 {color: #ffffff; background: #0088cc}
.table_h2 p {color: #ffffff}
.table_h3 {color: #ffffff; background: #5cb8e5}
.table_h3 p {color: #ffffff}
.table_row1 {background:#e5f7ff}

/*forms*/

form {padding: 0; margin:0}

/*ex webceo styles*/

.tableborder {border: 1px solid #CCCCCC}
.smalltxt {font-size: 11px}
.small_link {font-size: 11px; text-decoration: none}
.small_link:hover {text-decoration: underline; color: #006699}
.small_link_active {font-size: 11px; color: blue; text-decoration: none}
.small_link_active:hover {color: #0000FF; text-decoration: underline}
.small_link_active:visited {color: Purple;	text-decoration: underline}
.small_red {font-size: 11px; color: #990000; font-weight: bold}
blockquote {margin-top: 5px}
.textflash {font-size: 12px; color: #CC0000; font-weight: bold}
.strike {text-decoration: line-through}
.tdhoriz {border: 0 solid #cccccc; border-bottom-width: 1px}
.white {color: #FFFFFF;	padding: 5px 5px 5px 20px}
.whiteh1 {color: #FFFFFF; padding: 5px 5px 0px 20px; font-size: 18px}
.whiteh1txt {color: #FFFFFF; font-size: 18px}
.visitorswhite {font: 11px bold Arial, Helvetica, sans-serif; color: #FFFFFF}

/*additional mark-up*/

.optbox {float:right; width:180px; margin:2px 2px 2px 7px; border:1px solid #006699; font-size: 11px}
.optbox_headline {background-color:#006699;	color:#ffffff; font-weight:bold; padding: 5px}
.optbox_body {background-color:#CCEEFF;	color:#006699; padding: 5px}
.img_h {float: left; margin: 16px 10px 15px 0}
.img_right {float: right; margin-left: 10px}
.img_left {float: left; margin-right: 10px;}
.bread_crumbs {font-size: 11px; margin-bottom: 20px; display: block}

/*testimonials*/

.testim_pic, .testim_pic2, .testim_pic3 {	
	background:url(/images/testim_bg.gif) no-repeat;
	width:116px; height:116px; margin: 10px auto auto auto}
.testim_pic2, .testim_pic3 {margin: 5px 10px 5px 0; float:left}
.testim_pic3 {float:none}
.testim_pic img, .testim_pic2 img, .testim_pic3 img {margin:8px}
.download1 {font-size:14px; font-weight:bold; padding: 7px 0 0 0}
.dnld_butt {text-align:center; padding:10px 0 5px 0}
.new {color:#cc0000; vertical-align: super; font-size: 10px; font-weight: normal}
#difference {color:#FF0000}
.red {color:#cc0000}
.blue {color:#006699}

/*screenshots*/

#left_nav_sshots {padding: 5px 0}
#left_nav_sshots a:link, #left_nav_sshots a:active, #left_nav_sshots a:visited, #left_nav_sshots a:hover {
	color: white; display: block; padding: 5px 0;
	font: bold 10px Tahoma, Arial, Verdana;	text-align:center}
#left_nav_sshots a:hover {color:#cceeff; background: #5cb8e5 url(images/sshot_bg.gif) no-repeat center}
.screenshot {padding: 10px 0}
.sshot_thumb {height: 90px; padding: 10px 0 5px 0}
.sshot_thumb img {padding: 0 30px 0 0; float:left}
.sshot_thumb p {padding-top:25px}

/*plug-in bottom navigation*/

.plug-in-back, .plug-in-forw {padding: 4px}
.plug-in-back {width:50%; float:left}
.plug-in-back a {display:block; padding-left: 20px; background: url(images/prev.gif) no-repeat;}
.plug-in-forw a {
	display:block; padding-right: 20px; text-align:right;
	background: url(images/next.gif) right no-repeat}
.extra_block {width:250px; padding:10px; margin: 0 0 10px 10px; float:right; border: 1px solid #006699}
.anchor_nav {padding:5px}
.anchor_nav li {list-style:none; background: url(images/anch.gif) no-repeat center left; padding-left:15px}