/*

AlterVision Creative Group - www.altvis.ru

*/

body {
    font: normal 12px Verdana, Tahoma, sans-serif;
    margin: 0; padding: 0;
    background-color: #fff;
}

#container {
 	display: block; width: 100%;
}

.clear { display: block; width: 100%; clear: both; }

ul, ul li { list-style: none; }

/* Links */

a, a:link, a:visited {    color: #3f636b; text-decoration: none; }
a:hover { text-decoration: underline; }

#index a, #header a, #index a:link, #header a:link, #index a:visited, #header a:visited,
#sidebar a, #footer a, #sidebar a:link, #footer a:link, #sidebar a:visited, #footer a:visited {
	color: white; text-decoration: none;
}
#index a:hover, #header a:hover, #sidebar a:hover, #footer a:hover { text-decoration: underline; }

/* Index Header */

#index {
	display: block; width: 100%; height: 330px;
    background: rgb(78,123,134) url(images/bg_index.jpg) top left repeat-x;
}

#index-block {
	display: block; width: 940px; height: 330px; margin: 0 auto;
    background: rgb(78,123,134) url(images/header_index.jpg) top left no-repeat;
}

#index-block h1 {
	display: block; margin: 0; padding: 0; height: 87px;
}
#index h1 a     { display: block; margin: 0; padding: 0; height: 80px; width: 300px; }
#index h1 span 	{ display: none; }

#index-block ul {
	float: left; width: 230px;
    margin: 0; padding: 5px 0 0 15px;
}

#index-block ul li {
	display: block; color: #fff; font-size: 25px;
    margin: 0; padding: 8px 10px;
    border-bottom: dotted 1px #eee;
}
#index-block ul li.last { border: none; }

#last-project-info {
	display: block; width: 300px; padding: 10px 0 0 30px;
	float: left; color: #eee;
}

#last-project-info p { margin: 2px 0; padding: 2px; }

p.lpi-header { font-weight: bold;  text-align: right; }
p.lpi-title  { font-size: 24px; text-align: right; text-decoration: underline; }
p.lpi-type  { font-size: 14px; text-align: right; }
p.lpi-descr  { font-size: 11px; text-align: left; }

#last-project-logo {
	display: block; float: right;
    padding-right: 43px;
}

#last-project-logo img {
	width: 275px; height: 200px; border: none;
    margin: 0; padding: 0;
}

/* Basic Header */

#header {
	display: block; width: 100%; height: 125px; margin-bottom: 10px;
    background: rgb(78,123,134) url(images/bg_page.jpg) top left repeat-x;
}

#header-block {
	display: block; width: 940px; height: 125px; margin: 0 auto;
    background: rgb(78,123,134) url(images/header_page.jpg) top left no-repeat;
}

#header-block h1 {
	display: block; margin: 0; padding: 0; height: 87px;
}
#header h1 a     { display: block; margin: 0; padding: 0; height: 80px; width: 300px; }
#header h1 span { display: none; }

#header-block ul {
	margin: 0; padding: 0; list-style: none;
}

#header-block ul li {
	display: block; padding: 0px 20px; margin: 0px;
	font-size: 20px; color: white; float: left; list-style: none;
}


/* Content */

#content {
	display: block; width: 940px; margin: 0 auto;
    padding: 5px 0 20px 0;
}

#content.c-big { min-height: 550px; height: auto !important; height: 550px; }

#content h2  {
	font-weight: normal; font-size: 20px;
    border-bottom: dotted 1px #555;
    color: #3f636b; margin: 2px 0; padding: 2px 3px;
}

#content h2 small  {
 	font-size: 18px; float: right
}

ul.list {
	font-size: 12px; line-height: 135%; margin-bottom: 10px; margin-left: -5px !important;  margin-left: 30px;
}

ul.list li {
	list-style: none; padding-left: 20px;
    background: transparent url(images/list.gif) center left no-repeat;
}

h3 {
	font-size: 12px; font-weight: bold; margin: 0px;
	padding: 3px 5px; margin: 4px 5px 0px 5px;
    border-bottom: dotted 1px #3f636b; color: #3f636b;
}

h3 small {
	float: right; font-size: 10px; padding-top: 1px; font-weight: normal;
}

p {	margin: 0px; padding: 4px; font-size: 12px; }
p.info {
	display: block; font-size: 10px; text-align: right;
    margin: 2px 10px; padding: 3px; border-top: dotted 1px #3f636b;
}

#pro-logo {	display: block; text-align: center; padding: 10px; }
#pro-url {	display: block; text-align: center; padding: 0 0 8px 0; font-size: 20px; }

#pro-logo img {
 	padding: 5px; margin: 0 auto; border: solid 1px #bbb;
}

.ps-develop	{ font-weight: bold; color: #777777; }
.ps-online	{ font-weight: bold; color: #229922; }
.ps-debug	{ font-weight: bold; color: #335599; }
.ps-pause   { font-weight: bold; color: #330000; }
.ps-closed	{ font-weight: bold; color: #990000; }
.ps-dead	{ font-weight: bold; color: #ff0000; }

ul.projects {
	display: block; margin: 0; padding: 10px 0px;
}

ul.projects li {
 	display: block; height: 22px; padding: 1px 10px;
}

.p-type {
	display: block; width: 200px; height: 12px; padding: 4px;
    float: left; font-size: 12px; color: #aaa; text-align: right;
}
.p-type a { color: #777; }
.p-name { display: block; float: left; font-size: 18px; padding: 0; margin: 0; }
.p-descr { display: block; padding: 0 0 5px 220px !important; height: auto !important; font-size: 10px; margin: 0; }

.advertize {
 	display: block; font: normal 10px Verdana, sans-serif; margin: 10px 0 0 0; padding: 4px;
    border: dotted 1px #ccc; background-color: #eef5ff; color: #888;
}

/* Double Size Blocks */

.dbbl {
    clear: both;
	display:block !important;
}

.dbbl:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.dbbl-one {
 	display: block; width: 445px;
    margin: 0; padding: 3px 10px;
	float: left;
}

.dbbl-one p { margin: 0; padding: 2px; font-size: 11px; }

.dbbl-one ul {
 	display: block; margin: 8px 5px; padding: 0;
    border-top: dotted 1px #ddd; list-style: none;
}

.dbbl-one ul li {
 	display: block; margin: 0; padding: 5px 8px;
    border-bottom: dotted 1px #ccc; list-style: none;
}

.dbbl-one ul li:hover { border-color: #444; }

.dbbl-all {
 	text-align: right; margin: 0; padding: 0 3px;
    font-size: 10px;
}

/* SideBar in Down */

#sidebar {
	display: block; width: 100%; background: #595959;
    border-top: solid 2px #eee; border-bottom: solid 2px #eee;
}

#sidebar-block {
	display: block; width: 940px;
	margin: 0 auto; padding: 12px 0;
	color: #fff; clear: both;
}

#sidebar-block:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#sidebar-block ul {
	display: block; width: 165px;
    margin: 0; padding: 0 10px;
    float: left;
}

#sidebar-block ul li {
	display: block; list-style: none;
    padding: 3px 2px; font-size: 11px; margin-left: 10px;
	border-bottom: dotted 1px #eee;
}

#sidebar-block ul li.head {
	font-weight: bold; font-size: 12px;
    border-bottom: solid 1px #eee;
    padding: 2px 1px;  margin-left: 0;
}

#sidebar-block ul li.last {
    border-bottom: none;
}

/* Footer */
#footer {
	display: block; width: 100%; background: #222;
}

#footer-block {
	display: block; width: 940px;
	margin: 0 auto; padding: 13px 0;
	color: #fff;
}

#footer-counter { display: block; float: right; }

/* Forms */

input, textarea, select { border: solid 1px black; font-size: 12px; margin: 2px 0px; padding: 4px 10px; font-family: Verdana, sans-serif; background-color: white; }
.text, .wide	{ width: 100%; }
.smalltext 		{ font-size: 18px; padding: 3px 1px; width: 100%;}

.bbcode       { border: solid 1px black; font-size: 9px; background-color: white; }
.mainoption   { border: solid 1px black; font-size: 12px; background-color: white; font-weight: bold; }
.liteoption   { border: solid 1px black; font-size: 12px; background-color: white; }
.sbutton	  { border: solid 1px black; padding: 2px 3px; }
.mainvar	  { border: solid 2px black; }

.submit {
	font-size: 13px; padding: 3px 10px; color: white; font-weight: bold;
	background: #5f939b; border: solid 2px #ccc;
}

blockquote, .quote, #quote {
	margin: 1px 15px 1px 15px; padding: 5px 10px 5px 10px;
    background-color: #f5faff;
    border: dotted 1px #646f7A;
}