@font-face {
  		font-family:'Futura-Light';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Futura-Light'), url(font/Futura-Light.woff) format('woff');
 	 	}
@font-face {
  		font-family:'Futura-Medium';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Futura-Medium'), url(font/Futura-Medium.woff) format('woff');
 	 	}
@font-face {
  		font-family:'Arno-pro';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Arno-pro'), url(font/Arno-pro.woff) format('woff');
 	 	}
@font-face {
  		font-family:'Futura-EB';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Futura-EB'), url(font/futura_std_extra_bold.woff) format('woff');
 	 	}
@font-face {
		font-family: 'Vista-Sans-Regular';
		src:url('font/VistaSansReg.eot');
		font-weight: normal;
		font-style: normal;
	}
@font-face {
	font-family: 'Vista-Sans-Regular';
	src:url('font/VistaSansReg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Vista-Sans';
	src: url('font/vista-sans-bold.eot') format('embedded-opentype'); /* IE9 Compat Modes */
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Vista-Sans';
	src: url('font/vista-sans-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Times-bold';
	src:url('font/Times-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-light';
	src:url('font/raleway-light-webfont.woff') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/***************************************************************
------ resets -------
/***************************************************************/
html, body{ margin: 0px; width: 100%; padding: 0; font-size: 11pt; font-family: 'Futura-Light', serif; }

a img{ border: none;}

a{ text-decoration: none; font-style: normal;}
a:link{ color: #333;}      /* unvisited link */
a:visited{ color: #333; }  /* visited link */
a:hover{ color: #333; }  /* mouse over link */
a:active{ color: #333; }  /* selected link */

p, ul, li{margin: 0px; padding: 0; list-style: none; }

::-webkit-input-placeholder {
		font-family:'Futura-Light';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Futura-Light'), url(font/Futura-Light.woff) format('woff');
 	 	font-size: 11pt;
   color: #B5C1C7;
}

:-moz-placeholder { /* Firefox 18- */
	font-family:'Futura-Light';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Futura-Light'), url(font/Futura-Light.woff) format('woff');
 	 	font-size: 11pt;
   color: #B5C1C7;  
}

::-moz-placeholder {  /* Firefox 19+ */
	font-family:'Futura-Light';
  		font-style: normal;
  		font-weight: 400;
 	 	src: local('Futura-Light'), url(font/Futura-Light.woff) format('woff');
   color: #B5C1C7;  
   font-size: 11pt;
}

:-ms-input-placeholder {  
	font-family:'Futura-Light';
  	font-style: normal;
  	font-weight: 400;
 	src: local('Futura-Light'), url(font/Futura-Light.woff) format('woff');	
 	color: #B5C1C7; 
	font-size: 11pt; 
}
textarea{
	color: #555555;
	font-size: 11pt;
	font-family:'Futura-Light';
	font-style: normal;
	font-weight: 400;
 	src: local('Futura-Light'), url(font/Futura-Light.woff) format('woff');
	 }

/* preloader */
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #000;
    z-index: 100;
}
#loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left:50%; top:50%;
    background: url('../img/icons/loader.gif') no-repeat center 0;
    margin:-50px 0 0 -50px;
}

#size{ position: absolute; bottom: 0; right: 0; color: black; position: fixed; z-index: 99999999; background-color: rgba(250,250,250,0.8); }
#response{ position: fixed; display: inline-block; width: 20%; max-width: 60%; text-align: center; font-size: 9pt; color: white; 
	height: auto; bottom: 0; left: 0; right:0; padding: 15px;  margin: auto; bottom:-200px; z-index: 999999; background-color: rgba(0,0,0,0.8); }