/* Common classes */
.debug {
	border: dashed 1px Red;}
.chistogoliki {
	color:#f7d926;}
.clear {clear: both; height: 0px}	
/* Common classes */

@font-face {
	font-family: 'MyriadProRegular';
	src: url('/Resources/fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('/Resources/fonts/myriadpro-regular-webfont.woff') format('woff'), url('/Resources/fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('/Resources/fonts/myriadpro-regular-webfont.svg#webfontKDWwPmMh') format('svg');
	font-weight: normal;
	font-style: normal;}

/* Page */
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;}
body {
	background: black;
	color: #EEEEEE;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'MyriadProRegular';}
h1 {
	border-bottom: 5px solid #f7d926;
	font-size:20px;}
h2 {
	border-bottom: 5px solid #f7d926;
	font-size:20px;}
#counter {
	position: fixed;
	left: -100px;
	top: -100px;}
.page {
	position:relative;
	width: 975px;
	height: 100%;
	margin: 0 auto;}
.content {
	position: relative;
	background: no-repeat url('../../Resources/Image/Background.jpg');
	width: 975px;
	height: 650px;}
/* Page */

/* Menu */
.menu {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 40px;}
.menu li {
	float: left;
	padding: 5px 10px 5px 10px;
	font: 1em 'MyriadProRegular';
	line-height: 1em;
	cursor: pointer;
}
.menu li a {
	float: left;
	padding: 5px 15px 5px 15px;
	font: bold 1em 'MyriadProRegular';
	text-decoration: none;
	/*text-shadow: -2px 2px 4px Black;*/
	color: #EEE;
	cursor: pointer;
	outline: 0;}
.menu li a:hover {
	color:#f7d926;
	/*text-shadow: 0px 0px 8px Black;*/
	background:#666;}
/* Menu */


#logoImg {
	position: absolute;
	right: 30px;
	top: 30px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#content{
	position: absolute;
	left: 30px;
	top: 30px;
	width: 560px;
	height: 560px;
	border: solid 1px white;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.80) !important; /* Safari */
	filter:alpha(opacity=80); /* IE */
	opacity: 0.80; /* Opera */
	-moz-opacity:0.80; /* Firefox */
	-khtml-opacity:80;
	z-index: 90;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000); /*AARRGGBB*/}

#mainPage, #aboutusPage, #servicesPage, #contactsPage, #clientsPage{
	position: absolute;
	width: 540px;
	height: 540px;
	margin: 10px;
	z-index: 100;
	visibility: visible;}
.verticalScrolling{
	height: 420px;
	padding: 10px;
	overflow-y: scroll; 
	overflow: auto;}

/* Signatures */
.signature {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: no-repeat url('../../Resources/Image/dots.png') 0 4px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Image/dots.png');
	padding-left: 27px;
	color: #CCC;
	font: 0.8em 'MyriadProRegular';
	text-shadow: -1px 1px 1px #333;
}
.signature a {
	color: #CCC;
	text-decoration:underline;
	cursor: pointer;
}
.signature a:hover {
	color: #f7d926;
	text-decoration: none;
	cursor: pointer;
}

/* Call us section */
.callUs {
	position: absolute;
	right: 20px;
	bottom: 10px;
	padding: 20px 0 0 40px;
	font: 2em 'MyriadProRegular';
	text-shadow: -2px 2px 4px black;
	background: no-repeat url('../../Resources/Image/zvonite.png');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Image/zvonite.png');}


#servicesList {
	position: absolute;
	top: 34px;
	left: 123px;
	width:420px;
	background:#666;
	padding-right:20px;
	z-index:100;
	visibility:hidden;}
a.serviceListItem{
	outline: 0;
	color: #EEE;
	text-shadow: -1px 1px 2px Black;
	text-decoration: none;
	font: 14px 'MyriadProRegular';}
a.serviceListItem:hover{
	outline: 0;
	color: #f7d926;
	text-shadow: -1px 1px 2px Black;
	text-decoration: none;
	font: 14px 'MyriadProRegular';}
	
.submitBtn{
	width:490px;
	background-color:#666;
	cursor: pointer; 
	padding: 10px 10px;
	font-size:20px;
	font-weight:bold;
	color:#f7d926;
	text-align:center;
}