﻿/* ----------------------------------------------------------

author:   Boris Perepelitsa
email:     borisss777@gmail.com
icq:         9843194
site:        x-html.ru
blog:       templates-world.ru
---------------------------------------------------------- */
@import"reset.css";


/* Page 
------------------------------------------------------------------------------------------------------------------------------*/
#page {
	width:100%;
	min-width:1252px;
}

#header {
	background:url('./images/header-repeat.gif') repeat-x;
	height:297px;
}
#header-left {
	background:url('./images/header-left.jpg') no-repeat top left;
	height:297px;
}
#header-right {
	background:url('./images/header-right.jpg') no-repeat top right;
	height:297px;
}
#logo {
	position:absolute;
	display:block;
	width:100%;
	min-width:1252px;
	height:226px;
	text-align:center;
	top:62px;
}
#logo img {
	position:relative;left:15px;
}
#menu {
	margin-top:14px;
	height:160px;
}
#menu ul{
	width:94%;
	margin-left:62px;
}
#menu li {
	width:16%;
	float:left;
	display:block;
	text-align:center;
}
#menu li a {
	color:#863a2a;
	font:27px Georgia;
	display:block;
	height:40px;
	padding-top:84px;
}

.w1 {background:url('./images/w_01.gif') no-repeat top center;}
.w2 {background:url('./images/w_02.gif') no-repeat top center;}
.w3 {background:url('./images/w_03.gif') no-repeat top center;}
.w4 {background:url('./images/w_04.gif') no-repeat top center;}
.w5 {background:url('./images/w_05.jpg') no-repeat top center;}
.w6 {background:url('./images/w_06.gif') no-repeat top center;}


/* Content */
#container { 
	width: 100%;
	overflow:hidden;
	background:url('./i/footer.jpg') no-repeat bottom left;
}
#container h2 {
	font:20px Georgia;
	color:#863a2a;
	text-align:center;
	padding-bottom:2px;
}
#main {
	width: 100%; float: left; 
}
#content { 
	margin-right:300px;
	margin-left:300px;
}
#content p{
	font-size:14px;
	line-height:18px;
	padding-bottom:24px;
	text-align:justify;	
}
#left { 
	float: left; width: 270px; margin-left: -100%;
	padding-left:16px;
}
#right {
	float: left; width: 270px; margin-left: -280px;
}
#contacts {
	background:url('./images/cont.gif') no-repeat;
	width:244px;
	height:135px;
	margin:3px 0 0 14px;
}
#contacts p {
	padding-top:21px;
	font:italic 13px Georgia;
	color:#883d2c;
	text-align:center;
}
#contacts a {
	color:#883d2c;
}
#salon {
	background:url('./images/salon-img.jpg') no-repeat;
	padding-top:178px;
	width:245px;
	margin:3px 0 0 12px;
}
#gallery {
	width:245px;
	margin:3px 0 18px 12px;
}
#footer {
	background:url('./images/footer-bg.gif') repeat-x bottom;
	margin-bottom:25px;
	margin-top:-100px;
}
#footer-img {
	background:url('./images/footer-img.gif') no-repeat right;
	height:117px;
}
.carousel-skin-tango, #mycarousel {
	border:0 !important;
	width:160px;
}
.jcarousel-clip {
	width:160px !important;
}
/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}
#mycarousel {
	position:relative;left:4px;
}
#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}
.jcarousel-skin-tango .jcarousel-item {
	width:160px !important;
	height:212px !important;
}
.jcarousel-next, .jcarousel-prev {
height:52px !important;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height:212px !important;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal,.jcarousel-skin-tango .jcarousel-next-horizontal {
	top:115px !important;
}
#gallery {
	background:url('./images/gallery.gif') no-repeat;
	width:244px;
	height:277px;
}
.jcarousel-skin-tango .jcarousel-container {
	background:none !important;
}
.all {
	color:#863a2a;
	font:18px Georgia;
	position:relative;top:11px;left:12px;
}
.auto {
	margin-bottom:100px;
}
