/*-----------Limited Reset----------*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}

section{
	display: block;
	}
	
/*-----------Basic Layout Style*-----------*/
a{
	text-decoration: none;
	}

header{
	display:block;
	}
html{
	background: #CCC;
	}
body{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	/*height: 800px;*/
	}
header{
	width: 1002px;
	margin-left: -2px;
	height: 115px;
	background: rgb(242,242,242);
	border: 1px solid rgb(179, 179, 179);
	border-top: 0;
	}
#pageHeader{
        position: relative;
        }
#mainLogo{
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	}
#logoCup{
        height: 120px;
        width: 140px;
        position: absolute;
        top: 0px;
        left: 850px;
        }
#firstMenu{
	height: 740px;
	background: url(../_images/InUnion_girl.png)no-repeat center 57%, url(../_images/menu_back_1.png)no-repeat 30% 20%, url(../_images/menu_back_1.png)no-repeat 67% 20%, url(../_images/menu_back_1.png)no-repeat 31.5% 40%, url(../_images/menu_back_1.png)no-repeat 69.5% 34%, url(../_images/menu_back_1.png)no-repeat 36% 48%, url(../_images/menu_back_1.png)no-repeat 64% 46.5%, url(../_images/InUnion_cups.png) no-repeat center 57%; 
	}
/*-------------#meinNav------------*/
#mainNav a:hover{
	/*color: rgb(190, 169, 153);*/       /*светло коричневый*/
	color: rgb(105, 194, 196);            /*бирюзовый*/
	/*color: rgb(222, 212, 204);*/       /*светло серый*/
	}
#firstMenu{
	position: relative;
	}
#meinNav{
	position: relative;
	}
#mainNav ul{
	list-style: none;
	}
#mainNav a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	background: rgb(51, 51, 51);
	}
.machinesetup{
	position: absolute;
	border-radius: 10px 0 0 10px;
	padding: 8px 10px;
	left: 33px;
	top: 149px;
	}
.tooltipLeft span{
    visibility: hidden;
    position: absolute;
	top: 25px;
    left: -115px;	
}
 
.tooltipLeft:hover span{
visibility: visible;
}
.tooltipRight span{
    visibility: hidden;
    position: absolute;
	top: 25px;
    left: -155px;	
}
 
.tooltipRight:hover span{
visibility: visible;
}
.serviceorder{
	position: absolute;
	border-radius: 10px 0 0 10px;
	padding: 8px 10px;
	left: 64px;
	top: 284px;
	}
.contacts{
	position: absolute;
	border-radius: 10px 0 0 10px;
	padding: 8px 10px;
	left: 250px;
	top: 339px;
	}
.machinesell{
	position: absolute;
	border-radius: 0 10px 10px 0;
	padding: 8px 10px;
	left: 702px;
	top: 243px;
	}
.machinerent{
	position: absolute;
	border-radius: 0 10px 10px 0;
	padding: 8px 10px;
	left: 651px;
	top: 328px;
	}
.ingredients{
	position: absolute;
	border-radius: 0 10px 10px 0;
	padding: 8px 10px;
	left: 677px;
	top: 148px;
	}
	
/*----------------footer styles--------------*/
.redLine{
	height: 5px;
	display: block;
	background: rgb(255, 51, 51);
	}
.brownLine{
	background: rgb(26, 26, 26);
	height: 50px;
	}
.brownLine img{
	padding: 8px 0 0 10px;
	}
.footerSection{
	display: block;
	background: rgb(51, 51, 51);
	height: 300px;
	position: relative;
	}
.footer{
	/*height: 340px;*/
	}
.footerDown{
	height:30px;
	background: rgb(26, 26, 26);
	display: block;
	position: relative;
	}
.infoLeft{
	width: 498px;
	/*height: 340px;*/
	/*border-right: 2px dashed rgb(118, 205, 234);*/
	}
.contactLinks{
	color: #fff;
	}
.infoLeft a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}
.infoLeft section{
	width: 435px;
	padding: 10px 0 0 38px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	position: absolute;
	float: left;
	}
.skypeImg{
	position: absolute;
	left: 38px;
	top: 151px;
	}
.skype{
	position: absolute;
	left: 88px;
	top: 156px;
	}
.phoneImg{
	position: absolute;
	left: 38px;
	top: 196px;
	}
.phone{
	position: absolute;
	left: 88px;
	top: 201px;
	}
.emailImg{
	position: absolute;
	left: 38px;
	top: 246px;
	}
.email{
	position: absolute;
	left: 88px;
	top: 249px;
	}
.infoRight{
	width: 498px;
	float: right;
	height: 340px;
	}
.infoRight a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}
.infoRight section{
	width: 435px;
	padding: 10px 0 0 38px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	position: absolute;
	float: right;
	/*border-left: 2px dashed rgb(118, 205, 234);*/
	}
.infoRight section ul{
	list-style: none;
	}
.infoRight li{
	margin-top: 5px;
	}
.infoRight a{
	color: #fff;
	}
.coffeeCup{
	position: absolute;
	left: 185px;
	top: 65px;
	}
.infoRight li:first-of-type{
	margin-top: 12px;
	}
.dashedLine{
	height: 270px;
	border-left: 2px dashed rgb(118, 205, 234);
	position: absolute;
	left: 499px;
	top: 10px;
	}
.footerDown p{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	top:5px;
	left: 430px;
	}