@import url("./css/info.css");
@import url("./css/menu.css");

h1 {font-size:18px; font-family:Georgia; padding:0px; margin:0px; font-weight:normal; color:#505050; }
h2 {font-size:14px; font-family:Arial; padding:0px; margin:0px; font-weight:normal; color:#505050; border-bottom:dotted 1px #ccc; padding-bottom:10px; margin-bottom:10px; }

body
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:url(./pic/top_bg.jpg);
	background-repeat:	repeat-x;
}

#main
{
	position:absolute;
	left:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 950)? "0px" : (((document.documentElement.clientWidth || document.body.clientWidth) - 950) >> 1));
	top:0px;
	width:950px;
	text-align:left;
	z-index:5;
}

#header
{
	position:absolute;
	top:0px;
	left:0px;
	background:url(./pic/top_logo.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:150px;
	text-align:right;
	padding-top:5px;
	padding-right:10px;
}

#buttons
{
	position:absolute;
	top:151px;
	left:0px;
	height:29px;
	width:950px;
	margin-left:0;
	z-index:5;
}

#navbar
{
	position:absolute;
	top:180px;
	left:0px;
	height:40px;
	width:777px;
	border-bottom:solid 1px #e5e5e5;
	text-align:left;
}

#navbar .inner { background-image:url(./pic/navbar/bullet.png); background-repeat:no-repeat; height:40px; background-position:0px 18px;  }
#navbar .inner .i{ padding-left:13px; padding-top:17px;  	font-family:Verdana;	font-size:10px;	color:#555555;}
#navbar .inner .i a { color:#3d7bf1; text-decoration:underline; }
#navbar .inner .i a:hover { color:#233862;  }

#lmenu
{
	position:absolute;
	top:225px;
	left:0px;
	width:160px;
}

#info
{
	position:absolute;
	top:230px;
	left:170px;
	width:600px;
}


#rpanel
{
	position:absolute;
	top:190px;
	left:783px;
	width:167px;
}

#quick_connection
{
	width:153px;
	padding-top:42px;
	padding-left:7px;
	padding-right:5px;
	background:url(./pic/rpanel/quickconnection/title.png);
	background-repeat:no-repeat;
}

#banner
{
	
}

#copyright
{
	width:100%;
	background:#eee;
	color:#666;
	font-family:Verdana;
	font-size:10px;
	text-align:center;
	clear:both;
	margin-bottom:30px; margin-top:50px;
}

.top_link:link
{
	color:#5d1010;
	font-size:10px;
	font-family:Verdana;
	text-decoration:none;
}
.top_link:visited
{
	color:#6d1010;
	font-size:10px;
	font-family:Verdana;
	text-decoration:none;
}
.top_link:hover
{
	color:#555555;
	font-size:10px;
	font-family:Verdana;
	text-decoration:none;
}

.td_navbar
{
	font-family:Verdana;
	font-size:10px;
	color:#555555;
	padding:2px;
}

.ul_lmenu
{
	font-family:Verdana;
	font-size:10px;
	color:#383838;
	margin:0px;
	padding-left:30px;
	line-height:16px; 
}

.lmenu_link:link
{
	font-family:Verdana;
	font-size:10px;
	color:#383838;
	text-decoration:none;
}
.lmenu_link:visited
{
	font-family:Verdana;
	font-size:10px;
	color:#383838;
	text-decoration:none;
}
.lmenu_link:hover
{
	font-family:Verdana;
	font-size:10px;
	color:#993838;
	text-decoration:none;
}

.icq_num
{
	font-family:Verdana;
	font-size:12px;
	color:#555555;
	font-weight:bold;
}

.icq_panel
{
	font-family:Verdana;
	font-size:10px;
	color:#990000;
}

* html .png
{
    width: expression(this.firstChild.width);
    filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+
            this.firstChild.src+"', sizingMethod='image')");

    background: expression("transparent url("+
            this.firstChild.src.replace(".png", ".gif")+") no-repeat");
    backgr\ound: none !important;
}

* html .png img
{
    behavior: expression(this.style.visibility="hidden");
}

div.folio_item {}
div.folio_item a { font-family:Verdana; color:#666; font-size:11px;  }
div.folio_item a:hover { color:#000;  }
div.folio_item img { margin-top:5px;  border:solid 5px #eee; }

div.ws_desc { font-size:12px; font-family:Arial; color:#444; padding:10px; margin-bottom:10px; background:#eee; }
div.ws_img_desc { font-size:12px; font-family:Arial; color:#888; padding-bottom:20px; padding-top:0px; font-style:italic; text-align:center; }
div.ws_url { padding-left:10px; margin:10px 0px 15px 0px; border-left:solid 5px #aaa; font-size:14px; font-weight:bold; color:#444; font-family:Arial; }
div.ws_url a{ font-size:14px; font-weight:bold; color:#3d73d6; font-family:Arial; }
div.ws_url a:hover{ color:#000; }

div.folio_lines { height:84px; background-image:url(./pic/info/folio/root/lines.png); background-repeat:no-repeat; margin-top:10px;}
a.www { float:left; margin-left:20px; }
a.mobile { position:relative; left:82px; top:-14px; }
table.folio_fav { width:100%; }
table.folio_fav a { font-family:Arial; color:#3d7bf1; font-size:12px;  }
table.folio_fav a:hover { color:#000;  }

div.folio_desc {background-color:#eee; font-family:Arial; font-size:12px; font-style:italic; font-weight:normal; color:#666; padding:30px; line-height:18px; margin: 30px 0px 30px 0px; } 
div.folio_desc a { color:#3d7bf1; text-decoration:underline; }
div.folio_desc a:hover { color:#000; }

div.shadowbox { width:600px; background-image:url(./pic/info/shadowbox/bg.png); }
div.shadowbox .top { width:600px; height:13px; background-image:url(./pic/info/shadowbox/top.png); background-repeat:no-repeat;  }
div.shadowbox .bottom { width:600px; height:10px; background-image:url(./pic/info/shadowbox/bottom.png); background-repeat:no-repeat;  }
div.shadowbox .body { padding:10px;  }

a.soft { font-size:14px; color:#3d7bf1; text-decoration:underline; position:relative; left:10px; top:-17px; }
a.soft:hover { color:#000; }

div.www_right {}
div.www_right .browsers { width:220px;  margin-top:50px; margin-bottom:50px; }
div.www_right .browsers .top{ width:220px; height:58px; background-image:url(./pic/info/serv/soft/www/browsers_top.png);  background-repeat:no-repeat; }
div.www_right .browsers .body{ width:220px; background-image:url(./pic/info/serv/soft/www/browsers_bg.png);  background-repeat:repeat-y; }
div.www_right .browsers .body .inner { padding:0 0 5px 15px; line-height:10px; }
div.www_right .browsers .body .inner span.browser_name { position:relative; top:-13px; left:0px;  font-family:Arial; font-size:12px; color:#666; }
div.www_right .browsers .body .inner span.browser_name span.ver { font-size:10px; color:#f00; }
div.www_right .browsers .bottom{ width:220px; height:9px; background-image:url(./pic/info/serv/soft/www/browsers_bottom.png);  background-repeat:no-repeat; }

div.www_right div.price { margin-top:50px; text-align:right; padding-right:20px; }
div.www_right div.price a{ font-family:Arial; font-size:14px; color:#3d73d6; }
div.www_right div.price a:hover{ color:#000; }

#info a { color:#3d73d6; text-decoration:underline; }
#info a:hover { color:#000; }

table.contacts_table { width:100%; }
table.contacts_table tr td { width:50%; padding-top:20px; text-align:left; }
table.contacts_table tr td .title { font-family:Arial; font-size:14px; font-style:italic;  color:#8f8f8f; }
table.contacts_table tr td .details { padding-left:20px; }
table.contacts_table tr td .details td { width:auto; padding-left:5px; height:auto; padding-top:5px; }
table.contacts_table tr td .details td.phone { font-family:Georgia; font-size:24px; color:#444; }
table.contacts_table tr td .details td.phone span.code { font-size:12px; font-family:Arial; }
table.contacts_table tr td .details td.email a { font-size:18px; font-family:Arial; }
table.contacts_table tr td .details td.icq  { font-size:18px; font-family:Arial; color:#444; }
table.contacts_table tr td .details td.skype  { font-size:18px; font-family:Arial; color:#444; }