/* 
    Document   : styles
    Created on : 08-Jul-2013, 17:09:15
    Author     : Jvb
    Description:
        BT project main styles.
*/

* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
}
body {
	background-color: #eaeaea;
}
img {
	border: none;
}
p {
	padding: 10px 0;
}
.main {
	margin: 20px auto;
	text-align: center;
}
.jwind {
	float: left;
	margin: 0 5px;
}
.centre {
	text-align: center;
}
.vm10 {
	margin: 10px 0;
}
.clear {
	clear: both;
}
.clear:after {
	content: ".";
	height: 0;
	visibility: hidden;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

/** Borrowed from 'cameras' project **********************************/

#wrapper{
	overflow:hidden;
	width:100%;
	position:relative;
}
.container{
	width:1023px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
}
#footer{
    background: #525252; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjNGU0ZTRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #525252 0%, #4e4e4e 7%, #636363 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(7%,#4e4e4e), color-stop(100%,#636363)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #525252 0%,#4e4e4e 7%,#636363 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #525252 0%,#4e4e4e 7%,#636363 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #525252 0%,#4e4e4e 7%,#636363 100%); /* IE10+ */
    background: linear-gradient(to bottom, #525252 0%,#4e4e4e 7%,#636363 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#636363',GradientType=0 ); /* IE6-8 */
	margin: 40px 0 0 0;
}
#footer .container{
	padding:38px 228px 52px;
	width:567px;
	background: transparent !important;
	position: relative;
	color: #dbdbdb;
	font-size: 11px;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
}
#footer2 .shadow-cut {
    overflow: hidden;
    padding: 0 20px;
    margin: 0 -20px
}
#footer2 .shadow-cut .container{
	background:#eaeaea;
	padding: 39px 82px 80px 213px;
	width:718px;
	box-shadow: 0 0 20px 0 #e0e0e0;
}
.footer-services{
    display: block;
    margin: 0; padding-left: 3px;
}
.footer-services li{
    display: inline-block;
    margin: 0;
    padding: 0 6px 0 7px;
    height: 9px;
    position: relative;
}
.footer-services li+li{
    border-left: 1px solid #adadad;
}
.footer-services li a{
    color: #adadad;
    text-decoration: none;
    float: left;
    margin-top: -4px;
    transition: color 0.3s;
}
.footer-services li a:hover{
    color: #767676;
}
.footer-logo{
	background:url('../img/inetcom-logo.png') no-repeat;
	width:270px;
	height:65px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom: 8px;
}
.footer-logo a{
	height:100%;
	display:block;
}

.footer-projects{
    display: block;
    margin: 16px 0 0 0; padding: 0;
    float: right;
}
.footer-projects li{
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}
.footer-projects li+li{
    border-left: 1px dotted #adadad;
}
.footer-projects li a{
    display: block;
    width: 69px;
    height: 47px;
    transition: background 0.3s;
}
.footer-projects li a.dmf{ background: url('../img/dmf.png') no-repeat; }
.footer-projects li a.dmf:hover{ background: url('../img/dmf-hover.png') no-repeat; }
.footer-projects li a.otl{ background: url('../img/otl.png') no-repeat; }
.footer-projects li a.otl:hover{ background: url('../img/otl-hover.png') no-repeat; }
.footer-projects li a.tv{ background: url('../img/tv.png') no-repeat; }
.footer-projects li a.tv:hover{ background: url('../img/tv-hover.png') no-repeat; }

.footer-socials{
    display: block;
    margin: 1px 0 0 -149px; padding: 0;
    position: absolute;
}
.footer-socials li{
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 0;
    position: relative;
}
.footer-socials li a{
    display: block;
    width: 40px;
    height: 35px;
    transition: background 0.3s;
}
.footer-socials li a.fb{ background: url('../img/fb.png') no-repeat; }
.footer-socials li a.fb:hover{ background: url('../img/fb-hover.png') no-repeat; }
.footer-socials li a.vk{ background: url('../img/vk.png') no-repeat; }
.footer-socials li a.vk:hover{ background: url('../img/vk-hover.png') no-repeat; }
.footer-socials li a.tw{ background: url('../img/tw.png') no-repeat; }
.footer-socials li a.tw:hover{ background: url('../img/tw-hover.png') no-repeat; }

/* HOVER IMAGES TO PRELOAD */
#hoverimagepreloader{ width:0; height: 0; opacity: 0; }
#hoverimagepreloader .pre_dmf{ background: url('../img/dmf-hover.png') no-repeat; }
#hoverimagepreloader .pre_otl{ background: url('../img/otl-hover.png') no-repeat; }
#hoverimagepreloader .pre_tv{ background: url('../img/tv-hover.png') no-repeat; }
#hoverimagepreloader .pre_lfb{ background: url('../img/link-fb-hover.png') no-repeat; }
#hoverimagepreloader .pre_lvk{ background: url('../img/link-vk-hover.png') no-repeat; }
#hoverimagepreloader .pre_ltw{ background: url('../img/link-tw-hover.png') no-repeat; }
#hoverimagepreloader .pre_share{ background: url('../img/btn-share-hover.png') no-repeat; }
#hoverimagepreloader .pre_shot{ background: url('../img/btn-snapshot-hover.png') no-repeat; }

/*********************************************/

.menu {
	text-align: center;
	margin: 20px auto;	
}
.menu a {
	width: 105px; 
	height: 33px;
	display: inline-block;
}
.menu a.online			{ background: url('../img/online_passive.png') no-repeat;  }
.menu a.online:hover	{ background: url('../img/online_target.png') no-repeat; }
.menu a.archive			{ background: url('../img/arhive_passive.png') no-repeat; }
.menu a.archive:hover	{ background: url('../img/arhive_target.png') no-repeat; }
.menu a.files			{ background: url('../img/files_passive.png') no-repeat; }
.menu a.files:hover		{ background: url('../img/files_target.png') no-repeat; }
.menu a.online-active	{ background: url('../img/online_active.png') no-repeat; }
.menu a.archive-active	{ background: url('../img/arhive_active.png') no-repeat; }
.menu a.files-active	{ background: url('../img/fb.png') no-repeat; }