@font-face {
	font-family:'myriadpro-light';
	src: url('font-face/myriadpro-light.eot');
    src: url('font-face/myriadpro-light.eot?#iefix') format('embedded-opentype'),
         url('font-face/myriadpro-light.woff') format('woff'),
         url('font-face/myriadpro-light.ttf') format('truetype'),
         url('font-face/myriadpro-light.svg#MyriadProLightRegular') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

* {
	margin: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
  background: #fff;
  width: 100%;
  border: 0;
  overflow: hidden; /*  Disable scrollbars */
  display: block;  /* No floating content on sides */
  font-family:myriadpro-light;
   margin: 0 0 40px; /* bottom = footer height */
   color:#fff;
}

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

.container{
  border: 0;
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position:absolute;
  background-size:cover;
}

a
{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}


#wrapper{
width: 940px;
padding-top:6%;
position:relative;
z-index:99;
min-height: 100%;
height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
height: 100%;
margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
}


.site-footer {
   position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
	z-index:99;
	font-size:15px;
}
.site-footer div
{
	width:200px;
	margin:0px auto;
}

.logo{

}

#mail
{
	float:left;
}



#socialapps
{
	float:right;
}


.app
{
	float:left;
	margin-left:10px;
}

#top
{
	position:relative;
	z-index:99;
	width:940px;
	margin:50px auto;
}


.mail-img{
	float:left;
}

.mail-url{
	float:right;
	padding-top:6px;
	padding-left:10px;
}