html {background:#fff; font-family:Arial, Helvetica, sans-serif;}
/**
 Custom layers
*/
.lb-1 { width: 940px; } /* 100% */
.lb-2 { width: 703px; } /* 75% */
.lb-3 { width: 467px; } /* 50% */
.lb-4 { width: 227px; } /*231 25% */

body {background:url(walp.png) repeat-x;}
#page { width: 940px; padding:0;}
#header { margin:0; padding:0; border:0; color:#eee; height:99px;}
#header .lb-1 { background:url(pattern.png) 185px 0 no-repeat; padding:34px 0 22px 0; position:relative;}
#header a {color:#eee;}
#header .phone { font-size:30px; font-family:Georgia; float:right; line-height:0.8em;}
#header .phone .code { font-size:16px; }
#header .cap {width:32px; height:32px; background:url(cap.png) no-repeat; position:absolute; top:16px; left:9px;}
#footbox {height:56px; width:100%;}
#footer { position:absolute; bottom:0; width:100%; padding-bottom:1em; border-top: 2px solid #555; background-color:#444; color:#eee; font-size:0.9em;}
#footer a { color:#eee; }

#page {background:url(pattern.png) 185px -99px no-repeat; padding-top:1em;}

.content h1, .content h2, .content h3, .content h4 {font-family:Georgia,"Times New Roman",Times,serif;}

#main-menu { border:0; margin-bottom:0.7em; margin-top:6px; }
#main-menu li { font-size:1.6em; border:0; padding:0 2px 0px 2px;}
#main-menu li.last {padding-right:0;}
#main-menu li.first {padding-left:0;}
#main-menu li a {color:#47494f; padding:1px 10px 3px 10px; text-decoration:none; -moz-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
#main-menu li.active a{ color:#fff; padding-bottom:16px; background:url(mg.png) center no-repeat; opacity:0.75; filter:alpha(opacity=75); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#main-menu li a:hover { background-color:#47494f; color:#fff; opacity:0.75; filter:alpha(opacity=75);}
#main-menu li.active a:hover {background-color:transparent;}

#breadcrumbs {float:right; width:222px; margin-top:15px; font-size:9px; color:#67686a; text-transform:lowercase; overflow:hidden;}
#breadcrumbs a {color:#67686a;}
#breadcrumbs a.home {display:block; float:left; margin-right:4px; width:18px; height:18px; background:url(i.png) -8px -264px; }

/**
Addition classes
*/
a:visited { color:#850494; }
a:hover { text-decoration:none; }
blockquote { margin-left:0; }
.content p { padding-top:0.5em;}
.content img { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.content a img:hover { background-color:#eee; }
.content a.script {text-decoration:none; border-bottom:1px dotted;}

form img {padding:0!important; margin:0!important;}
.form .help {font-size:1em;}
.f-actions { border-top-color:#bbb; }

.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
  
.clear {clear:both;}
.wide {margin:0 auto;}
a#logo {font-family:Georgia; font-size:2.9em; text-decoration:none; line-height:0.8em;}
a#logo:hover {text-shadow: 0 0 10px;}
#header .slogan  {font-size:11px; text-transform:lowercase; color:#c6c8ca;}
#header .domain {color:#a0ce67; font-size:15px;}

.date { background-color:#88cc3e!important; width:4.04em; padding:0.2em; text-align:center; color:#fff; float:left; margin-right: 0.5em; margin-bottom: 0.15em; }
.date .day { font-size:150%; }
.date .month { font-size:75%; }
  
.cards {width:672px; text-align:center; margin:10px 0 10px 0;}
.cards div.card {float:left; position:relative; cursor:pointer;}
.cards div.card div.body {padding:16px 26px; width:160px; height:240px; background-color:#a0ce67; border:1px solid white; margin:0 3px 0 3px;}
.cards div.card div.yellow {background-color:#ffd457;}
.cards div.card div.blue {background-color:#8fc3e9;}
.cards div.card div.cork {padding:16px 26px; width:160px; height:240px; border:1px solid; margin:0 3px 0 3px; display:none;}
.cards div.card:hover {z-index:100;}
.cards div.card:hover h3 {color:#000;}
.cards div.card h3 a {color:#000; text-decoration:none;}
.cards div.card:hover h3 a {color:#0066CC; text-decoration:underline;}
.cards div.card:hover div.body {position:absolute; top:-50px; left:-10px; width:220px; height:320px; background:#fff; border:1px solid #ddd; background-color:white; box-shadow:0 0 10px #bbb;}
.cards div.card:hover div.cork {display:block;}
.cards div.card p {text-align:justify; display:none;}
.cards div.card:hover p {display:block;}
.cards div.card:hover h4 {display:none;}
.card img {border:0!important; margin:8px;}
.card h4, .card h3 {font-family:Arial;}
.card h4 {font-weight:normal;}

.tagcloud { margin:1em 0 1em 0;}
.tagcloud a {display:block; margin:2px; float:left; height:20px;}
.tagcloud .s1 {font-size:11px; opacity:0.70; filter:alpha(opacity=70);}
.tagcloud .s2 {font-size:12px; opacity:0.90; filter:alpha(opacity=90);}
.tagcloud .s3 {font-size:14px;}
.tagcloud .s4 {font-size:16px;}
.tagcloud .s5 {font-size:18px; font-weight:bold;}

.g-tag, .g-mail, .g-ok, .g-user, .g-image, .g-phone, .g-box, .g-feed , .g-comment { background-image:url(i.png); background-repeat:no-repeat; padding-left:20px; }
.g-tag { background-position:-8px -9px; }
.g-ok { background-position:-8px -41px; }
.g-mail { background-position:-8px -73px; }
.g-user { background-position:-8px -105px; }
.g-image { background-position:-8px -137px; }
.g-phone { background-position:-8px -169px; }
.g-box { background-position:-8px -201px; }
.g-feed { background-position:-8px -233px; }
.g-comment { background-position:-8px -297px; }

#iportfolio {background:#eee; padding:1em 0 1em 0;}
#iportfolio .columns {margin-bottom:0;}
#iportfolio h3 { margin-bottom:0.5em; font-weight:normal; font-size:1.6em; }

#icustomers  {background:#888; color:#eee; padding:0.5em 0 0.5em 0; }
#icustomers .columns  {margin-bottom:0;}
#icustomers .item { float:left; margin-left:8px; opacity:0.85; filter:alpha(opacity=85); }

#icustomers .item:hover { opacity:1; filter:alpha(opacity=100); }
#icustomers a {line-height:2.9em; color:#eee;}

#iportfolio .item { background-color:#ddd; border:1px solid #ccc; width:19%; float:left; margin-right:8px; padding-top:8px; text-align:center; position:relative; overflow:hidden; }
#iportfolio .last { margin:0; }
#iportfolio .item  img { padding:4px; background-color:#fff; border:1px solid #bbb!important; margin-bottom:4px; }
#iportfolio .item  .title { width:100%; padding:5px 0 5px 0; height:36px; position:absolute; bottom:0; left:0; color:white; background-color:#444; opacity:0.70; filter:alpha(opacity=70);}
#iportfolio .item:hover  .title { opacity:1; filter:alpha(opacity=100); }

#iposts { margin-top:1em; }
.comments {display:block; float:left; width:24px; height:21px; padding-top:3px; margin-left:4px; text-decoration:none; color:#ab8b5c; font-size:10px; text-align:center; font-weight:normal; background:url(i.png) -4px -294px no-repeat; font-family:Arial,Helvetica,sans-serif;}
a.comments:visited {color:#ab8b5c;}

.posts .item { margin-bottom:20px; border-bottom:1px dotted #bbdfeb; padding-bottom:10px;}
.posts .title { float:left;}

.portfolio .item { float:left; text-align:center; background-color:#f8f8f8; border:1px dotted #ddd; margin:3px; width:215px; height:250px; padding:4px; }
.portfolio .item img { margin-bottom:8px; }

.sidebar {padding-left:10px; width:222px;}
.sidebar .bar {padding:1em 1.5em 1em 1.5em; margin-bottom:1em; background:#f9f0d7; color:#444;}
.sidebar p { font-size:0.9em; padding-bottom:1em; }
.sidebar ul { list-style:none; }
.sidebar li { padding-top:8px; }
.sidebar h3 { font-weight:normal; font-size:1.45em; }
.sidebar h4 { font-size:1em; }
.sidebar .i-text { width:180px; }
.sidebar .f-actions { border:0; }

table.a-center th,
table.a-center td { text-align:center; vertical-align:middle;}
table.a-center .a-right {text-align:right!important;}
.content table.v th,
.content table.v td {padding:7px;}

div.diagram {}
div.diagram div { background-color:#88CC3E; color:white; margin-bottom:1px; padding:4px; }
div.diarow { background-color:#88CC3E; color:white; padding:4px; }
.grow { background-color:#88CC3E; color:white; padding:2px; }
.fall { background-color:#fe473b; color:white; padding:2px; }

.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {margin-bottom: 10px; background-color:#cce3e7;}
.jot-comment {padding: 15px; color:#00465b; }
.jot-row-alt {background-color: #cce3e7;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-row-author {background-color:#bce08a; color:#49601c;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: right;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {font-weight: bold;font-size: 1.1em;}
.jot-message {padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-user {}
.jot-content {}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}
.comments-form {background-color:#F0F0E5; padding:1.5em 4em 0.5em 4em; }

.yandex .r { color:#ff000a; }
.rambler { color:#0087c2; }
.google { color:#1840a7; }
.google .r { color:#c31402; }
.google .y { color:#f8c305; }
.google .g { color:#1c8521; }

.geomap { border: 1px solid #eee; padding:4px; }
.geomap img { margin:0; padding:0; border:0 !important; }
.geomap table { margin:0; width:auto; }
.geomap table td { border:0; }
.geomap .YMaps-b-balloon-m { font-size:12px; }

.scroll li {margin-right:10px;}
.scroll img {margin:0;}

.help {cursor:help; border-bottom:1px dotted;}

#whois .search {background:url(magnifier.png) 3px 2px no-repeat; padding:0 4px 1px 22px;}
#whois .loading {background:url(loading.gif) 3px 2px no-repeat; padding:0 4px 1px 22px;}
#whois .button {background-color:#f3f2ee; border:1px solid #aaa; height:21px; font-family:Arial; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

#whois form {display:block; padding:10px; margin:15px 0 5px 0;}
#whois .i-text {width:250px; margin-right:5px; border:1px solid #aaa; height:17px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#whois label {padding-top:1px;}
#whois h4 {font-size:15px; font-weight:normal; margin:0;}
#whois .show,
#whois .remove {float:right; cursor:pointer; font:11px Tahoma; color:#fff; padding:1px 5px 4px 6px; background:#f26649; opacity:0.7; filter:alpha(opacity=70);}
#whois .show:hover,
#whois .remove:hover {opacity:1; filter:alpha(opacity=100);}
#whois .show {margin-right:4px; background:#96bc33;}
#whois .item {margin-bottom:10px; background-color:#f4f4f4; padding:10px;}
#whois .occupied h4, #whois .occupied h4 a {color:#f04e37;}
#whois .available h4 {color:#5c9f38;}
#whois .error {}
#whois .zone {font-size:11px; color:#444;}
#whois pre {border:0; padding:0; background:transparent; display:none; padding-top:5px; }

.webcam {background:url(loading.gif) center center no-repeat; text-align:center; float:left; margin:0 15px 15px 0;}
.webcam img {display:block; margin:0;}
.webcam .title {padding:5px 0; font-size:11px;}