/* system styles */

* {
	outline: none; filter:none;
}

body {
	margin: 0px; padding: 0px; background: #e5eff8 url(../img/bg_body.jpg) top left no-repeat;
}

a {
color:#224768; text-decoration:none; font-weight:bold;
}

body, td {
	font-family: Tahoma,sans-serif; font-size: 11px; color: #224768;
}

form {
	margin: 0px; padding: 0px;
}

p {
	margin: 0px; padding: 0px;
}

div.rel {
	position: relative;
}

div.abs {
	position: absolute;
}

div.clr {
	clear: both;
}

div.right {
	float: right;
}

div.left {
	float: left;
}

img {
	border: none;
}

/* sprite */

.sprite {
	background: url(../img/main_sprite.png) no-repeat;
}

.sprite_logo {
	background-position: 0px -393px;
}

.sprite_portfolio {
	background-position: 0px -180px;
}

.sprite_portfolio:hover {
	background-position: 0px 0px;
}

.active .sprite_portfolio {
	background-position: 0px 0px;
}


.sprite_pomoz {
	background-position: 0px -562px;
}

.sprite_pomoz:hover {
	background-position: 0px -502px;
}


.sprite_aboutme {
	background-position: 0px -242px;
}

.sprite_aboutme:hover {
	background-position: 0px -62px;
}

.active .sprite_aboutme {
	background-position: 0px -62px;
}



.sprite_contact {
	background-position: 0px -300px;
}

.sprite_contact:hover {
	background-position: 0px -120px;
}

.active .sprite_contact {
	background-position: 0px -120px;
}

/* site styles */

table.table {
	width: 990px;
}

table.table td.logo {
	width: 250px; vertical-align: top;
}

table.table td.menu {
	vertical-align: top;
}

table.table td.content {
	vertical-align: top;
}


div.logo_spacer {
	padding: 10px 0px 0px 10px;
}

div.logo_spacer h1 {
	padding: 0px; margin: 0px; line-height: 100%; font-size: 11px;
}

div.logo_spacer h1 a {
	display: block; cursor: pointer; width: 240px; height: 94px; text-indent: -999px;
}


/* list */

ul.menu_list {
	margin: 0px; padding: 0px; list-style: none;
}

ul.menu_list li.root {
	margin: 5px 0px 5px 0px; padding: 0px; list-style: none;
}

ul.menu_list li.root a {
	text-indent: -999px; display: block; height: 55px; width: 100%;
}

ul.menu_list li.root ul.child_root {
	margin: 0px; padding: 10px 0px 10px 55px; list-style: none;
}

ul.menu_list li.root ul.child_root a {
	text-indent: 0px; height: auto; width: auto; margin: 2px 0px 2px 0px; padding: 2px 2px 2px 2px; color: #224768; text-decoration: none; display:  table;
}

ul.menu_list li.root ul.child_root a:hover {
	 background: #426c8c; color: #8bc5e5; text-decoration: none;
}

ul.menu_list li.root ul.child_root a.active {
	 background: #426c8c; color: #8bc5e5; text-decoration: none;
}

ul.menu_list li.root ul.child_root a.active:hover {
	 background: #426c8c; color: #8bc5e5; text-decoration: none; opacity: 0.6; filter:Alpha(opacity=60);
}

/* pic list */
div.list_item {
	width: 190px; height: 180px; display: block; float: left; margin: 0px 26px 0px 26px;
}

div.list_item a {
	text-decoration: none; color: #7e1e7d;
}

div.list_item div.list_item_pic {
	height: 125px; background:#fff;
}



div.list_item div.list_item_pic img {
	padding: 5px; 
}

div.list_item div.list_item_name {
	text-align: center; padding: 8px 0px 3px 0px; line-height:100%;
}

div.list_item div.list_item_name a {
	color: #7e1e7d; text-decoration: none; font-weight: bold; font-size: 10px;
}

div.list_item div.list_item_name a:hover {
	color: #7e1e7d; text-decoration: none;
}

div.list_item div.list_item_www {
	text-align: center; line-height:100%;
}

div.list_item div.list_item_www a {
	color: #c1c8cf; text-decoration: none; font-weight: normal; font-size: 10px;
}

div.list_item div.list_item_www a:hover {
	color: #c1c8cf; text-decoration: none;
}



/* json */


.json_loader { background:#fff url(../img/preloader.gif) 50% 50% no-repeat; opacity: 0.6; filter:Alpha(opacity=60); height:400px }

/* utils */

div.message { color:#5a82ac; font-size:11px; margin-bottom:5px; margin-top:5px; background:#f5f5f5 url(../images/message_dot.gif) 3px 3px no-repeat; border:1px solid #ccc; padding:2px 2px 2px 20px }
td.top { vertical-align:top }
button { border:solid 1px #4b7a98; font:11px Tahoma, sans-serif }
input.normal { width:150px; border:solid 1px #9dc2e3; background:#e5eff8; font:11px Tahoma, sans-serif }
textarea.tnormal { border:solid 1px #9dc2e3; background:#e5eff8; font:11px Tahoma, sans-serif }
input.bnormal { border:solid 1px #7e1e7d; font:11px Tahoma, sans-serif; font-weight:700; color:#fff; background:#7e1e7d; margin:1px }
.form_left { color:#7e1e7d; font-size:11px; text-align:left; vertical-align:top; }
.form_right { color:#7e1e7d; font-size:11px; text-align:right; vertical-align:top; }
input.text { border:1px solid #ccc; font-family:inherit; color:#000; padding:2px }
textarea { border:1px solid #ccc; color:#333; font-family:inherit; padding:2px }
select { border:1px solid #ccc; font-family:inherit; color:#333; padding:2px }
fieldset { border:0px solid #426c8c; width:450px; margin:auto }
legend { font-weight:700; color:#7e1e7d; font-size:11px }