/* CSS Document */
* {margin:0; padding:0;}
img {border:0;}
input,textarea {outline:none;}

body {
	background:url(../img/grass.jpg) repeat;
	font: 12px Verdana, Geneva, sans-serif;
}

.ie6 {
	height:100%;
	width:100%;
	background:url(../img/ie6.gif);
	color:#900;
	text-align:center;
	position:fixed;
}
.ie6 p {
	font:32px Verdana, Geneva, sans-serif;
	background:#FFF;
	padding:20px;
	margin:40px;
	border:#000 1px solid;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	background:#F2F2F2;
	min-height:200px;
	box-shadow:#000 0 0 24px;
}
#header {
	height:233px;
	background:url(../img/header-bg.jpg) no-repeat;
}

#header h1 {
	color:#FFF;
	font: 32px/36px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:#000 3px 3px 3px;
	margin-left:20px;
	width:600px;
}

#top-panel {
	background:url(../img/top-panel.png) no-repeat;
	width:129px;
	height:47px;
	margin-left:860px;
	padding-left:26px;
}

#top-panel>form {
	display:inline-block;
	position:relative;
	top:-6px;
}

#top-panel input {
	margin:13px 0 0 21px;
	border:#aeadad 0;
	background:#aeadad;
	width:160px;
	display:inline-block;
}

#top-panel #s_button {
	background:url(../img/magnify.png) no-repeat;
	display:inline-block;
	width:18px;
	cursor:pointer;
}

#top-panel>a {
	display:inline-block;
	width:30px;
	padding-top:6px;
	margin-left:4px;
}

#phones {
	/*position:absolute;*/
	top:120px;
	right:340px;
	float:right;
	background:url(../img/phone.png) no-repeat;
	width:340px;
	height:120px;
	margin:-75px 20px 0 0;
	padding-left:125px;
}

#phones>ul {
	list-style:none;
	padding-top:10px;
}

#phones>ul>li {
	font: 26px/26px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:#FFF 1px 1px 1px,#FFF -1px -1px 1px,#FFF 1px -1px 1px,#FFF -1px 1px 1px;
	height:34px;
	padding-left:68px;
}

#phones>ul>.call-mts {background:url(../img/call-mts.png) no-repeat;}
#phones>ul>.call-velcom {background:url(../img/call-velcom.png) no-repeat;}
#phones>ul>.call-life {background:url(../img/call-life.png) no-repeat;}

#menu-bar {
	height:47px;
	background:url(../img/menu-bg.png) repeat-x;
	margin-top:-47px;
}

#menu {
	list-style:none;
	margin-left:20px;
}

#menu>li {
	display:inline-block;
	width:151px;
	height:40px;
	background:url(../img/menu-tab.png) no-repeat;
	padding-top:7px;
	text-align:center;
}

#menu>.active {
	background:url(../img/menu-tab.png) no-repeat 0 -47px;
}

#menu>li>a {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#CCC;
	text-decoration:none;
	text-shadow:#000 0 -1px 1px, #000 -1px 0 1px, #FFF 0 1px 1px, #FFF 1px 0 1px;
}

#menu>li>a:hover {
	text-shadow:#FFF 0 -1px 1px, #FFF -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px;
	color:#fff;
}

#content {
	margin:36px 20px;
	padding:8px;
	background:#fff;
}

#content p {
	margin:6px 0 6px 0;
}

#content img {
	padding:4px;
}

#title {
	background:#a8a9ad;
	width:250px;
	padding:10px;
	border-bottom:#d2d3d5 5px solid;
	margin:-30px 0 20px 150px;
}

#title>h2 {
	color:#FFF;
	text-shadow:#000 0 -1px 1px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 2px 2px 2px;
	font:24px Arial, Helvetica, sans-serif;
	
}

#price {
	margin:10px 0 10px 20px;
}

.item {
	background:#b9b9b9;
	border-radius:4px;
	padding:10px;
	width:202px;
	height:220px;
	text-align:center;
	display:inline-block;
	margin:0 5px 20px 5px;
	vertical-align:top;
}

.item img {
	border:#000 1px solid;
	padding:0 !important;
}

.item h3 {
	color:#6b1b1a;
	font-size:20px;
	font-weight:normal;
}

.galery {
	vertical-align:top;
	background:#b9b9b9;
	border-radius:4px;
	padding:8px 20px;
	width:262px;
	min-height:205px;
	text-align:center;
	display:inline-block;
	margin:0 5px 20px 5px;
}
.galery h3 {
	color:#333;
	font-size:12px;
}
.map {
	float:right;
}
.map img {
	border:#808080 1px solid;
	padding:1px;
}

#footer {
	height:40px;
	padding:10px;
	background:url(../img/footer-bg.png) repeat;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px #000;
}
.scrollTop{  
    background:url(../img/arrows.png) 0 0 no-repeat;  
    display:block; width:50px; height:50px;  
    position:fixed; bottom:10px; left:47%;  
    z-index:2000;  
}  
.scrollTop:hover{ background-position:0 -58px; }