html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body{line-height:1}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

nav ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}

a:hover{color:#F8E92F;}

a{color:#FFF9AE; text-decoration:none;}

ins{background-color:#ff9;color:#000;text-decoration:none}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}

del{text-decoration:line-through}

abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

table{border-collapse:collapse;border-spacing:0}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

input,select{vertical-align:middle}

img{border:none;}

.cls{clear:both;}

p{ margin-bottom:5px; margin-top:5px;}

#__code__ {vertical-align: top;}

.img-left{

	float:left;

	margin:15px 10px 0px 0;

	vertical-align:top;

}

.img-right{

	float:right;

	margin:15px 0px 0px 10px;

	vertical-align:top;

}

#style-7::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

	border-radius: 10px;

}



#style-7::-webkit-scrollbar

{

	width: 10px;

	background-color: #F5F5F5;

}



#style-7::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	background-image: -webkit-gradient(linear,

	left bottom,

	left top,

	color-stop(0.44, rgb(122,153,217)),

	color-stop(0.72, rgb(73,125,189)),

	color-stop(0.86, rgb(28,58,148)));

}

@font-face

{

	font-family: 'arial-light';

	src: url(fonts/arial-light.woff);

}

/**body**/

body{

	background: #848282;

	font-family: arial;

	font-weight: 400;

	color: #FFF;

	font-size: 12px;

	line-height:16px;

	position: relative;

	-webkit-font-smoothing: antialiased;

}
.id-wrapper-1{

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

	background:url(../images/bg-room.jpg);

}

.id-wrapper{

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

	background:url(../images/bg-cafe.jpg);

}

.wrapper{

	background: url('../images/bg.png') no-repeat;

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

}

.wrapper-1{

	background: url('../images/bg-1.png') no-repeat;

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

}

.wrapper-2{

	background: url('../images/bg-2.png') no-repeat;

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

}

.wrapper-3{

	background: url('../images/bg-3.png') no-repeat;

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

}

.wrapper-4{

	background: url('../images/bg-4.png') no-repeat;

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

}

.wrapper-salon{

	background: url('../images/bgsalon.png') no-repeat;

	margin: 0 auto; padding: 0;

	width: 1152px; height:864px;

}

.wrap{

	width: 100%;

	margin: 0 auto;

}

.wrap > .menu-left{

	text-transform: uppercase;

	position: relative;

	top: 293px;

	float: left;

	width: 264px;

	padding: 0 26px;

}

.wrap > .menu-left > ul{

	list-style-type: none;

}

.wrap > .menu-left > ul > li{

	display: list-item;

	padding:5px 0;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

}

.wrap > .menu-left > ul > li a{

	color: #000;

	font-size: 13px;

}

.wrap > .menu-left > ul > li a:hover{

	color:#fff; text-decoration:none !important; border-bottom:none;

}

.menu-left > .footer{

	position: relative;

	top: 30px;

	text-transform:none;

}



.menu-left > .footer > p {

	margin: 5px 0;

}

.main{

	position: relative;

	top: 252px;

	float: left;

	width: 321px;

	padding: 0 17px;

}

/* .main-salon{
	top: 200px;
	width:520px;
}
.main-salon .main-content{
	height:auto;
}*/

ul#topnav {

	margin: 0;

	float: left;

	width: 693px;

	height: 32px;

	list-style: none;

	position: relative;

	font-size: 12px;

	border-bottom: 1px dotted #FFF;

}

ul#topnav li {

	padding-left: 14px;

	padding-right: 15px;

	float: left;

	margin: 0;

	text-transform: uppercase;

	background: url(../images/border.png) no-repeat top right;

}

ul#topnav li a {

	padding-bottom: 16px;

	line-height: 11px;

	display: block;

	color: #CECECE;

	text-decoration: none;

}



ul#topnav li a:hover{

	color:#fff !important;

	text-decoration:none;

	border-bottom:5px solid #fff;

}

#topnav > li.active > a{padding-left:0 !important;}

#topnav > li:nth-child(1){padding-left:0 !important;}

ul#topnav li:last-child {

	background: none !important;

	padding-right: 0 !important;

}

ul#topnav li span a:last-child {

	background: none !important;

	padding-right: 0 !Important;

}

ul#topnav li span {

	float: left;

	padding: 15px 0;

	text-transform:none;

	position: absolute;

	left: 0; top:27px;

	z-index:999;

	display: none;

	width: 585px;

	color: #fff;

}

.active{

	border-bottom:5px solid #fff; color:#fff !important;

}

.active a{color:#fff !important;}

ul#topnav li span a.current{color:#fff !important;}

ul#topnav li:hover span { display: block; }

ul#topnav li span a { display: inline; color: #CECECE !important;padding: 0 16px 0px 15px;background: url(../images/border.png) no-repeat right;}

ul#topnav li span a:hover {border-bottom: none !important;}

.main-content{

	position: relative;

	top: 36px;

	text-transform: none;

	height: 337px;

	overflow: auto;

}

.social {

	position: relative;

	float: right;

	top: -341px;

	right: 26px;

}

.social > ul{

	list-style-type:none;

}

.social > ul > li {

	display: inline;

}

.facebook-hover {

	background-image: url(../images/1395823324_Facebook.png);

}

.twitter-hover {

	background-image: url(../images/1395823323_twitter.png);

}

.google-hover {

	background-image: url(../images/google-hover.png);

}

.pinterest-hover {

	background-image: url(../images/pint.png);

}

.social-slide {

	height: 32px;

	width: 32px;

	margin: 2px;

	float: left;

	-webkit-transition: all ease 0.3s;

	-moz-transition: all ease 0.3s;

	-o-transition: all ease 0.3s;

	-ms-transition: all ease 0.3s;

	transition: all ease 0.3s;

	cursor:pointer;

}

.social-slide:hover {

	background-position: 0px -32px;

}

.slide{

	position: relative;

	top: 330px;

	float: left;

	width: 481px;

	height:485px;

}

.slide-salon{
	width: 356px
}

.main-b{

	position: relative;

	top: 255px;

	float: left;

	width: 675px;

	height:313px;

	padding: 0 17px;

}

.main-b > .main-content{

	position: relative;

	top: 25px;

	text-transform: none;

	height: 281px;

	overflow: auto;

}

/**8form***/

.form p {

	margin: 4px;

	margin-bottom: 5px;

}

label {

	display: block;

	float: left;

	font-weight: 400;

	height: 32px;

	line-height: 32px;

	margin: 0 20px 0 0;

	padding: 0;

	text-align: left;

	width: 165px;

}

.form .input-text {

	width: 280px;

	height: 24px;

	padding: 0 10px;

	margin: 2px 0;

}

input[type=text], input[type=password], input[type=email], textarea, select {

	padding: 6px;

	background: #F7F7F7;

	border: 1px solid #C9C9C9;

	background-clip: padding-box;

	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.18);

	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.18);

	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.18);

}

.but{

	padding: 6px;

	background: #F7F7F7;

	border: 1px solid #C9C9C9;

	background-clip: padding-box;

}

.book{

	padding: 10px 20px;

	background: #7D96C0;

	border: 1px solid #C9C9C9;

	background-clip: padding-box;

}

.main-content h2{

	font-size: 18px;

}