@import url("core.css");
@import url("popup.css");
@import url("typo.css");
div, .box
	{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
ul
	{
	margin:0;
	}
body
	{
	height:100%;
	color:white;
	background:#3f0804;
	}
a:link, a:visited
	{
	color:#ffcccc;
	}
a:hover
	{
	color:#ff9999;
	}
#layout
	{
	position: relative;
	width: 100%;
	max-width:1600px;
	min-width:1000px;
	min-height:100%;
	}
#main
	{
	position:absolute;
	top:50%;
	left:50%;
	margin:-307px 0 0 -480px;
	width:960px;
	height:614px;
	background:url(/images/main.jpg) center center no-repeat;
	font-family:"Monotype Corsiva";
	}
#main h1
	{
	position:absolute;
	font-weight:normal;
	font-size:32px;
	left:377px;
	top:489px;
	color:#ffcccc;
	}
#main ul
	{
	padding:0;
	list-style:none;
	font-size:19px;
	text-transform:lowercase;
	}
#main ul a
	{
	display:block;
	padding-top:260px;
	}
#main ul a:link,#main ul a:visited
	{
	color:white;
	}
#main ul a:hover
	{
	color:#ffcccc;
	}
#main ul li
	{
	position:absolute;
	text-align:center;
	line-height:15px;
	padding-bottom:3px;
	margin-top:-260px;
	}
#main #haircutservices
	{
	top:334px;
	left:56px;
	width:120px;
	}
#main #cosmetologies
	{
	top:392px;
	left:182px;
	}
#main #nailcare
	{
	left:297px;
	top:427px;
	}
#main #sunburn
	{
	left:557px;
	top:427px;
	}
#main #photostudio
	{
	left:697px;
	top:392px;
	}
#main #psychologies
	{
	left:802px;
	top:337px;
	width:120px;
	}
#main p
	{
	text-align:center;
	position:absolute;
	font-family:arial;
	font-weight:bold;
	font-style:italic;
	text-transform:lowercase;
	left:435px;
	top:335px;
	letter-spacing:0.08em;
	}
.pink
	{
	color:#ffcccc;
	}
#main-cprt
	{
	position:absolute;
	width:690px;
	bottom:2em;
	left:50%;
	margin-left:-345px;
	font-size:11px;
	}

/*внутри*/
#background
	{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	/*background:red;*/
	}
#background .bg
	{
	position:absolute;
	background-image:url(/images/bg.jpg);
	background-repeat:no-repeat;
	}
#background .tl
	{
	width:400px;
	height:485px;
	top:0;
	left:0;
	background-position:0 0;
	}
#background .tr
	{
	width:560px;
	height:100%;
	top:0px;
	left:100%;
	margin-left:-560px;
	background-position:-464px 0;
	}
#background .bl
	{
	width:440px;
	height:430px;
	bottom:0;
	left:0;
	background-position:0 -717px;
	}
#background .br
	{
	width:298px;
	height:452px;
	bottom:-350px;
	left:100%;
	margin-left:-298px;
	background-position:0 0;
	}
#top-bg
	{
	position:absolute;
	width:100%;
	height:171px;
	top:17px;
	left:0;
	background:#330000;
	opacity:0.5;
	}
#logo
	{
	position:absolute;
	top:30px;
	left:50px;
	z-index:2;
	text-align:center;
	font-family:arial;
	font-style:italic;
	text-transform:lowercase;
	letter-spacing:0.08em;
	font-size:10px;
	}
#logo img
	{
	display:block;
	}

#top-block
	{
	position:relative;
	padding:31px 45px 0 210px;
	}
#gal-bg
	{
	background:#2c0202;
	}
#scroll-left, #scroll-right
	{
	padding:1em;
	cursor:pointer;
	position:absolute;
	width:50px;
	top:73px;
	//left:0;
	}
#scroll-right
	{
	//left:auto;
	right:45px;
	}
.stepcarousel
	{
	margin:0 50px;
	position: relative;
	overflow: scroll;
	padding:10px 0;
	height:135px;
	//width:100%;
	}
.belt
	{
	position: absolute;
	padding:0;
	width:10000px;
	left:0;
	}
.panel
	{
	float:left;
	margin-right:18px;
	width:115px;
	}
#canvas
	{
	overflow:hidden;
	position:relative;
	//zoom:1;
	padding-bottom:109px;
	padding-top:50px;
	}
#left-column
	{
	/*
	float:left;
	left:100%;
	margin-bottom:-5000px;
	padding-bottom:5000px;
	position:relative;
	margin-left:-100%;
	width:230px;
	z-index:3;
	background:black;*/
	width:32%;
	float:left;
	}
#right-column
	{
	/*
	float:left;
	left:100%;
	margin-bottom:-5000px;
	overflow:hidden;
	padding-bottom:5000px;
	position:relative;
	margin-left:-100%;
	width:100%;*/
	width:66%;
	float:left;
	padding:0 200px 0 0;
	}
#corner
	{
	position:absolute;
	top:218px;
	left:32%;
	width:25px;
	height:25px;
	border-left:solid 2px white;
	border-top:solid 2px white;
	margin:-10px 0 0 -10px;
	z-index:10;
	}
#corner2
	{
	position:absolute;
	bottom:98px;
	left:100%;
	width:25px;
	height:25px;
	border-right:solid 2px white;
	border-bottom:solid 2px white;
	margin:-10px 0 0 -216px;
	z-index:10;
	}
#for-content
	{
	position:relative;
	overflow:hidden;
	//height:100%;
	}
#gradient
	{
	position:absolute;
	width:100%;
	height:166px;
	background:url(/images/gradient.png) 0 0 repeat-x;
	-background:none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/gradient.png', sizingMethod='scale');
	}
#content-bg
	{
	width:100%;
	position:absolute;
	height:100%;
	background:#2c0202;
	top:166px;
	}
#content
	{
	position:relative;
	width:98%;
	z-index:1;
	padding:35px;
	}
#left-column #mainmenu
	{
	padding:10px 50px 0 50px;
	}
#left-column #mainmenu li
	{
	background:url(/images/puk.gif) 0 0.4em no-repeat;
	padding-left:30px;
	margin-bottom:1em;
	list-style:none;
	}
#left-column #mainmenu ul
	{
	padding:0;
	margin-left:35px;
	margin-top:0.3em;
	}
#left-column #mainmenu li li
	{
	padding:0;
	margin-bottom:0.5em;
	background:none;
	}
#bottom
	{
	position:absolute;
	bottom:0;
	left:33%;
	padding:35px 235px 35px 35px;
	}
#pics
	{
	padding:20px 20px 0 30px;
	list-style:none;
	//width:100%;
	overflow:hidden;
	//zoom:1;
	}
#pics li
	{
	float:left;
	margin-right:10px;
	margin-bottom:1em;
	}
h1
	{
	font-size:18px;
	color:ff9999;
	font-weight:normal;
	margin-bottom:1em;
	}
h2
	{
	font-size:14px;
	color:ff9999;
	font-weight:normal;
	margin:1em 0 1em 0;
	}	
h3
	{
	font-size:12px;
	color:ff9999;
	font-weight:bold;
	margin:1em 0 1em 0;
	}
#content b, #content strong
    {
    color:ff9999;
	font-weight:bold;
    }
#content p
    {    
    text-indent: 1.5em;
    margin-bottom:3px;
    }
#content ul{
    margin-left:15px;
    
    }
#content table    
    {
    border:1px solid #ffffff;
    width:99%;
    }
#content table p    
    {
    margin:5px;
    text-indent:0em;
    }
    
.links
    {
    padding:30px;
    font-size:10px;
    color:#FFCCCC;
    }    
.links a
    {
    
    }