#clock {
 width:100px;
 height:100px;
 background:
 url(/clock/clock.png) left no-repeat;
 left: 150px;
 position: relative;
 top: -12px;
}

#sprite-hours {
 width:100px; 
 height:100px; 
 background: url(/clock/hour.png) left no-repeat;
}

#sprite-minutes {
 width:100px; 
 height:100px; 
 background: url(/clock/minute.png) left no-repeat;
}

#sprite-seconds {
 width:100px;
 height:100px;
 background: url(/clock/second.png) left no-repeat;
}

.call {
	position:relative;
	width : 198px;
	height:30px;
	#Nborder: 1px solid #ccc;
	border-radius:16px;
	top:53px;
	left:20px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	#Nbackground: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIwLjc5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjAuNzkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjAuNzkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIwLjc5Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	#Nbackground: -moz-linear-gradient(top,  rgba(222,222,222,0.79) 0%, rgba(237,237,237,0.79) 4%, rgba(241,241,241,0.79) 11%, rgba(246,246,246,0.79) 100%); /* FF3.6+ */
	#Nbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,222,222,0.79)), color-stop(4%,rgba(237,237,237,0.79)), color-stop(11%,rgba(241,241,241,0.79)), color-stop(100%,rgba(246,246,246,0.79))); /* Chrome,Safari4+ */
	#Nbackground: -webkit-linear-gradient(top,  rgba(222,222,222,0.79) 0%,rgba(237,237,237,0.79) 4%,rgba(241,241,241,0.79) 11%,rgba(246,246,246,0.79) 100%); /* Chrome10+,Safari5.1+ */
	#Nbackground: -o-linear-gradient(top,  rgba(222,222,222,0.79) 0%,rgba(237,237,237,0.79) 4%,rgba(241,241,241,0.79) 11%,rgba(246,246,246,0.79) 100%); /* Opera 11.10+ */
	#Nbackground: -ms-linear-gradient(top,  rgba(222,222,222,0.79) 0%,rgba(237,237,237,0.79) 4%,rgba(241,241,241,0.79) 11%,rgba(246,246,246,0.79) 100%); /* IE10+ */
	#Nbackground: linear-gradient(to bottom,  rgba(222,222,222,0.79) 0%,rgba(237,237,237,0.79) 4%,rgba(241,241,241,0.79) 11%,rgba(246,246,246,0.79) 100%); /* W3C */
	#Nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dedede', endColorstr='#c9f6f6f6',GradientType=0 ); /* IE6-8 */
	z-index:0;
	background: url(/bitrix/images/call-us.png) repeat-x left top;
}

.write {
	position:relative;
	width : 198px;
	height:30px;
	border-radius:16px;
	top:53px;
	left:20px;
	z-index:0;
	background: url(/bitrix/images/write-us.png) repeat-x left top;
}

#call-button .icon
{
	position: absolute;
	top:10px;
	left:10px;
	height:10px;
}

#call-button.call .icon {
	background:url('i/call.png') no-repeat;
	height:16px;
	width:12px;
	top:8px;
}

#call-button.mail .icon {
	background:url('i/mail.png') no-repeat;
	top:10px;
	height:12px;
	width:19px;
}

#call-button .text {
	position:absolute;
	top:10px;
	left:36px;
	font-size:0.9em;
}