html, body {margin:0; padding:0;}
body {background:#ffffff; color:#434343; line-height:120%; font-size:11px; font-family:'tahoma', 'arial', sans-serif; }
p {padding:5px 0; margin:0;}
img {border:0}
a {outline:none; color:#434343; text-decoration:none}
a:hover {text-decoration:underline}

.wrapper {width:1000px; margin:40px auto 0 auto; height:650px; position:relative; overflow:hidden;  }

.footer {clear:both; height:120px; /*position:static;*/ bottom:0; width:100%; position:absolute;}
.footer p {color:#434343; padding:67px 0 0 59px; font-size:10px; text-transform:uppercase;}

.container {height:420px; width:663px; height:437px; position:relative; $z-index:-100; /* overflow:hidden; */}

.sidebar {height:437px;width:218px; position:absolute; top:88px; right:42px}
.sidebar .icons {position:absolute; width:125px; height:24px; color:#cccccc; background:url(data:image/gif;base64,R0lGODlhKgAOAIABAMzMzP///yH5BAEAAAEALAAAAAAqAA4AAAImRI6py51gnJwO0ouDzbztDiJfCI4kZ55YqlJsK72wF82XbCt4LhYAOw==) no-repeat 32px 6px; left:119px; top:-55px; overflow:hidden}
.sidebar .icons a {display:block; width:24px; height:24px; float:left; text-indent:-999px; overflow:hidden; margin-right:16px}
.sidebar .icons a.home {background:url(data:image/gif;base64,R0lGODlhCwAKAIABAMDBwf///yH5BAEAAAEALAAAAAALAAoAAAIZjA14Bx25XIOIurpeuhPDrTzKF4KiNqVBAQA7) no-repeat 7px 8px; }
.sidebar .icons a.home:hover {background:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP/zgXNzcyH5BAAAAAAALAAAAAAYABgAAAIuhI+py+0Po5y02iuD0TZ4wFGfF2bhN6GH+qDkVjqcNqcbeGd3bZI+BgwKh0RKAQA7) no-repeat left top; }
.sidebar .icons a.mail {background:url(data:image/gif;base64,R0lGODlhDAAIAIABAMDBwf///yH5BAEAAAEALAAAAAAMAAgAAAIUhI8Yy3sBmoMRtmos1tlV+kleQhYAOw==) no-repeat 6px 9px; }
.sidebar .icons a.mail:hover {background:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP/zgXNzcyH5BAAAAAAALAAAAAAYABgAAAIuhI+py+0Po5y02oth2LxvHTDfE4ZJqRmmypIA+sZrM75rTTuz6PXZDwwKh0RFAQA7) no-repeat left top; }
.sidebar .icons a.map {background:url(data:image/gif;base64,R0lGODlhDQAKAIABAMDBwf///yH5BAEAAAEALAAAAAANAAoAAAIajAOZx3jQnoLx1Ubx3DQ7+xkepIgLspldUgAAOw==) no-repeat 5px 8px;}
.sidebar .icons a.map:hover {background:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP/zgXNzcyH5BAAAAAAALAAAAAAYABgAAAIshI+py+0Po5y02vuC1jccb20cBmJAOYnqmCEo2rwutBn1yTL3npv+DwwKEwUAOw==) no-repeat left top; }

#logo {position:relative; width:218px; height:47px; $height:50px; background:url('/content/images/logo.gif') no-repeat left top; overflow:hidden; text-indent:-999px; right:0; padding:0; z-index:15; top:0; margin:0;}
#logo a {width:218px; height:47px; overflow:hidden; text-indent:-999px; display:block}

.menu {display:block; list-style:none; padding:0;  margin:0; position:relative; z-index:100}
.menu li {display:block; padding:0; height:47px; margin:18px 0 0 0; $margin-top:16px; text-transform:uppercase; text-align:right;background:#5e5e5e; color:#f9f9f9; font-size:12px; position:relative; z-index:100}
.menu li a {display:block; height:22px; padding:25px 17px 0 0; color:#f9f9f9; text-decoration:none; }
.menu li a:hover {background-color:#d66200; color:#f0d3bb; }
.menu li.hover, .menu li:hover {position: relative; z-index: 255;cursor: default; background-color:#d66200; }
.menu li li.hover, .menu li li:hover {background:none}
.menu ul {list-style:none; margin:0; padding:20px 0 10px 0; visibility: hidden; position: absolute; z-index: 254; width:681px; top:0px; left:-681px; text-align:right; height:17px; z-index:200; overflow:hidden; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpi+P+vxxcgwAAIYALXPF1fzwAAAABJRU5ErkJggg==) repeat left top;}
.menu ul li { display:inline; width:auto; margin:0; background:none; padding:0; font:12px tahoma}
.menu ul li a {display:inline; background:none; padding:0; margin:0; color:#000}
.menu li ul li a:hover {background:none; color:red}
.menu li:hover > ul {visibility: visible; display:block;}
.sidebar .menu li ul li {padding:0 50px 0 0; margin:0; font:12px tahoma; color:#fff;}

#ul.main li.mn1 ul {background:url('/content/images/mn1.jpg') no-repeat left top;}
#ul.main li.mn2 ul {background:url('/content/images/mn2.jpg') no-repeat left top;}
#ul.main li.mn3 ul {background:url('/content/images/mn3.jpg') no-repeat left top;}
#ul.main li.mn4 ul {background:url('/content/images/mn4.jpg') no-repeat left top;}
#ul.main li.mn5 ul {background:url('/content/images/mn5.jpg') no-repeat left top;}
#ul.main li.mn6 ul {background:url('/content/images/mn6.jpg') no-repeat left top;}


.menu li.selected span {display:block; height:22px; padding:25px 17px 0 0; color:#f9f9f9; text-decoration:none; background:#d66200}

.grayblock { height:437px; width:663px; float:left; background:#5e5e5e; color:#fff; }
.grayblock h1, .container h1 {margin:0;font:normal 12px tahoma; text-transform:uppercase; padding:25px 40px 15px 40px}
.grayblock p {padding:0px 40px 10px 40px; }
.grayblock a {color:#fff}
.grayblock a:hover {text-decoration:underline}
.f12 {font-size:12px}

.grayblock h1.topheight  {padding-top:320px}

.container { background:#fff; color:#444; border:1px solid #5E5E5E; overflow:hidden;}

table {width:100%; border-collapse: collapse; padding:0; margin:0; }
table td {vertical-align:top; padding:5px 25px;}
table.tab td h1 {padding:25px 0 10px 0}
table.tab td p {padding:9px 0 10px 0}

#wrap {
	position:relative;
	top:88px;
	margin:0 0 0 59px;
	$z-index:-10
}

#btn_up, #btn_down {
	position:absolute;
	width:664px;
	height:14px;
	cursor:pointer;
	z-index:100;
	padding-top:5px;
}
#btn_up {	bottom:100%; }
#btn_down { top:100%; }

.gallery {
	position:relative;
	color:#555;
}

.m-10 {	margin:0 -10px; }
.block { float:left; }

.block span {
	display:block;
	font:normal 7pt arial,sans-serif;
}

.clear { clear: both; }

/********** журналы ********/
.inter {
	position:relative;
	margin:10px 22px 10px 22px;
}

.inter img, .inter img.bw {
	width:183px;
	height:231px;
	border:0;
}

.inter img.bw {
	position:absolute;
	top:0;
	left:0;
}

.inter a:hover .bw { display:none; }
.inter span { width:183px; }

/********* в работе **********/
.m0 { margin:0; }

.in_work {
	position:relative;
	margin:10px 9px 10px 9px;
}

.in_work img {
	width:202px;
	height:152px;
	border:0;
}

.in_work span {
	padding:5px;
	width:190px;
}

/********** дипломы ************/
.m-5 { margin:0 -5px; }

.diplom {
	position:relative;
	margin:10px 18px 10px 18px;

}

.diplom img {
	width:187px;
	height:265px;
	border:0;
}

/************* квартира в деталях *************/
#info{
	position:absolute;
	right:0%;
	bottom:100px;
	margin-right:10px;
	width:175px;
	text-align:right;
	color:#555;
	font:normal 7pt arial,sans-serif;
}

#big_image {
	margin:10px 10px 0 10px;
	height:324px;
}

.horizontal {
	position:relative;  /* for thumbails */
	float:left;
	margin-top:10px;
	margin-left:10px;		/* 18px */
	width:635px;				/* 627px */
	height:81px;
	overflow:hidden;
}

.shifted {
	margin-left:18px;
	width:627px;
}


.thumbails {
	position:relative;
	width:6000px;
}

#btn_left, #btn_right {
	position:absolute;
	float:left;
	bottom:10px;
	width:13px;
	height:81px;
	cursor:pointer;
}

#btn_left img { float:left; }
#btn_right img { float:right; }

#btn_left {
	left:0;
	margin-left:2px;
}

#btn_right {
	right:0;
	margin-right:2px;
}

.thumb { margin-right:10px; }

.thumb a {
	display:block;
	width:108px;
	height:81px;
}

/*********** пресса в подробностях ******************/
.press {
	width:183px;
	height:231px;
}

/************** интерьеры верхнее меню **************/
#menu_interiors {
	position:absolute;
	top:37px;
	left:54px;
}

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

#menu_interiors ul li {
	float:left;
	padding-right:20px;
}

#menu_interiors ul li a {
	display:block;
	padding:3px 5px 5px 5px;
}

#menu_interiors ul li a:hover {
	text-decoration:none;
	border-bottom:1px solid #aaa;
}

#menu_interiors ul li.selected a {
	color:white;/*#f0d3bb;*/
	background-color:#d66200;
}

#menu_interiors ul li.selected a:hover { border-bottom:none; }