html {margin:0; padding:0; height:100%;}
body {padding:0 60px 100px; margin:0;}
.clr {clear:both;}

body {background:#E8E8E5;}
body, p, td, input, select, textarea {font-family:Verdana, Tahoma, Arial, sans-serif; font-size:10px; color:#000000;}
a {}
a:hover {}
a:focus {outline: none; -moz-outline: none;}
a img {border:0;}
p {}
ul, ol {}
h1 {}
h2 {}

.linked {cursor: pointer;}

div.hi {overflow: hidden;}
div.hi div#co {visibility: hidden; display: block !important;}

div#container {width:870px; background:#FCFCFC;}
div#head {background:#DCDCD9;}
div#body {min-height: 555px;}

div.headmenu {height:100px;}
div.headmenu div.logo {float:left; width:181px; background:url(img_hr.gif) 1px 0 repeat-x; margin-left:29px; margin-top:30px; padding-top:7px;}
div.headmenu div.block {float:left; width:180px; color:#999997; background:url(img_hr.gif) 0 0 repeat-x; margin-left:30px; margin-top:30px; padding-top:7px;}
div.headmenu div.block span {color:#323231; cursor:pointer;}
div.headmenu div.block span:hover {color:#999997; cursor:pointer;}

div#contacts {display:none;}
div#contacts a {color:#323231; font-style:italic; text-decoration:none;}
div#contacts a:hover {color:#323231; text-decoration:underline;}
div#contacts div#contactsClose {float:left; width:15px; height:15px; margin-top:10px; cursor:pointer; background:url(c_close.png) 0 0 no-repeat;}
div#contacts div#contactsClose:hover {background:url(c_close.png) 0 100% no-repeat;}
div#contacts ul {float:left; width:180px; margin:0 0 0 30px; padding:36px 0 50px; list-style-type:none;}
div#contacts ul li {color:#999997; padding-bottom:2px;}
div#contacts ul li.head {color:#6C6C6C; font-weight:bold; background:url(img_hr.gif) 0 100% no-repeat; padding-bottom:12px; margin-bottom:8px;}

div#profile {display:none;}
div#profile div#profileClose {float:left; width:15px; height:15px; margin-top:10px; margin-left:15px; cursor:pointer; background:url(c_close.png) 0 0 no-repeat;}
div#profile div#profileClose:hover {background:url(c_close.png) 0 100% no-repeat;}
div#profile ul {float:left; width:180px; margin:0 0 0 30px; padding:36px 0 50px; list-style-type:none;}
div#profile ul li {color:#999997; padding-bottom:5px;}
div#profile ul li.yuri {font-style:italic; color:#999997; padding-bottom:17px;}
div#profile ul li.link {background:url(img_hr.gif) 0 0 no-repeat; padding-top:6px; margin-top:34px;}
div#profile a {color:#323231; font-style:italic; text-decoration:none;}
div#profile a:hover {color:#323231; text-decoration:underline;}
div#profile div.about {float:left; width:585px; padding:36px 0 50px; margin-left:30px; color:#999997;}
div#profile div.about p {padding:0; margin:0 0 6px; color:#999997;}
div#profile .head {color:#6C6C6C; font-weight:bold; background:url(img_hr.gif) 0 100% no-repeat; padding-bottom:12px; margin-bottom:8px;}

div#content {padding-bottom:40px;}

div.navmenu.top {padding:31px 30px 39px;}
div.navmenu.bottom {padding:1px 30px 0;}
div.navmenu ul {padding:0; margin:0; list-style-type:none;}
div.navmenu ul li {display:inline; text-transform:uppercase; margin-right:20px; padding:3px 0;}
div.navmenu ul li.sel {background:#DCDCD9; color:#999997; padding:3px 6px;}
div.navmenu ul li.prj {margin-right: 7px;}
div.navmenu ul li a {color:#323231; text-decoration:none;}
div.navmenu ul li a:hover {color:#999997;}
div.navmenu a.prev {width:12px; height:7px; background:url(a_prev.png) 0 0 no-repeat; font-size:7px;}
div.navmenu a.prev:hover {background:url(a_prev.png) 0 100% no-repeat;}
div.navmenu a.next {width:12px; height:7px; background:url(a_next.png) 0 0 no-repeat; font-size:7px;}
div.navmenu a.next:hover {background:url(a_next.png) 0 100% no-repeat;}

div.items {}
div.items div.item {position:relative; float:left; width:180px; padding:0 0 10px; margin:0 0 30px 30px; background:#EDEDEB; font-size:10px;}
div.items div.item:hover {background:#DCDCDB;}
div.items div.img {padding:10px 10px 12px; background:url(img_hr.gif) 10px 100% no-repeat;}
div.items div.name {padding:6px 10px 0;}
div.items div.name a {color:#323231; font-style:normal; font-weight:bold; text-decoration:none; margin-bottom:10px;}
div.items div.name a:hover {text-decoration:underline;}
div.items div.info {padding:2px 10px 0; color:#999997; font-style:italic; font-weight:normal;}
div.items i.lt {font-size:1px; width:5px; height:5px; position:absolute; left:0; top:0; background:url(rounds.png) 0 0 no-repeat; -background-image:none;}
div.items i.lb {font-size:1px; width:5px; height:5px; position:absolute; left:0; bottom:0; background:url(rounds.png) 0 100% no-repeat; -background-image:none;}
div.items i.rt {font-size:1px; width:5px; height:5px; position:absolute; right:0; top:0; background:url(rounds.png) 100% 0 no-repeat; -background-image:none;}
div.items i.rb {font-size:1px; width:5px; height:5px; position:absolute; right:0; bottom:0; background:url(rounds.png) 100% 100% no-repeat; -background-image:none;}

div.byproject {width:660px; float:left;}
div.imageitem {margin-bottom:30px;}
div.imageitem img {margin:0 30px; float:left;}

div#gallery {width: 660px; float: left;}
div#gallery div.slide {margin-left: 30px;}
/*
div#gallery {}
div#gallery div.slide {}
div#gallery img {margin:0 30px; float:left;}
*/

div.description {float:left; width:180px; color:#999997; margin-bottom:30px;}
div.description a {font-style:italic; color:#323231; text-decoration:none;}
div.description a:hover {text-decoration:underline;}
div.description div.name {background:url(img_hr.gif) 0 0 repeat-x; font-weight:bold; color:#6C6C6C; padding:8px 0 12px;}
div.description div.link {padding-bottom:12px;}
div.description div.tags {background:url(img_hr.gif) 0 0 no-repeat; margin-top:18px; padding-top:6px;}
div.description div.more {background:url(img_hr2.gif) 0 0 repeat-x; margin-top:38px; padding-top:7px;}

div.slides {width:200px; margin:4px 0 30px 430px; //margin-bottom:0;}
div.slides div#num {float:right; color:#999997; margin:11px 15px 0;}
div.slides div#imgPrev {float:right; width:15px; height:15px; margin-top:10px; cursor:pointer; background:url(c_left.png) 0 0 no-repeat;}
div.slides div#imgPrev:hover {background:url(c_left.png) 0 100% no-repeat;}
div.slides div#imgNext {float:right; width:15px; height:15px; margin-top:10px; cursor:pointer; background:url(c_right.png) 0 0 no-repeat;}
div.slides div#imgNext:hover {background:url(c_right.png) 0 100% no-repeat;}