@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(/css/fonts/RobotoCons.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/css/fonts/Roboto300.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(/css/fonts/Roboto400.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/css/fonts/Roboto500.woff) format('woff');
}

@font-face {
    font-family: 'BonvenoCFLight';
    src: url('/css/fonts/BonvenoCF-Light-webfont.eot');
    src: url('/css/fonts/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/BonvenoCF-Light-webfont.woff') format('woff'),
         url('/css/fonts/BonvenoCF-Light-webfont.ttf') format('truetype'),
         url('/css/fonts/BonvenoCF-Light-webfont.svg#BonvenoCFLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body	{
        margin: 0px;
        padding: 0px;
        background: #292929;
        color: #bebebe;       
        font-family: 'Roboto Condensed', sans-serif;
        font-style: normal;
        font-size:9pt;
		}
        
a		{
        color: #93a4b6;
        text-decoration: none;
        }

a:hover	{
        color: #4169E1;
        }

h1,h2	{
        font-size: 16pt;
		color: #848484;
		padding-bottom: 10px;
		padding-top: 0px;
		font-weight: normal;
		}
		
#mainMenu a{
        color: #ffffff;
        text-decoration: none;
		display: block;
        }
		
#mainMenu a.static{
        color: #C6E2FF;
        text-decoration: none;
        }

#mainMenu a:hover, #mainMenu a.static:hover{
        color: #4169E1;
        }
			
#mainMenu{
			font-weight: 400;
			font-size: 14px;
			text-decoration: none;
			letter-spacing: 0px;
			word-spacing: 1em;
			line-height: 1.2;
			text-align:right;
			position: absolute;
			top:90px; 
			left: 20px; 
			height:91px;
			width:267px;
			opacity: 0.7;
			float:left;			
			}
#mainText	{
			font-weight: 400;
			font-size: 16px;
			padding-right: 50px;
			padding-left:320px;
			margin-top:17px;
			


			}
			
			
#mainLogo	{
			position: absolute;
			left:20px;
			top: 30px;
			height: auto;
			width:300px;
			opacity: 0.7;
			}

#mainLogo a	{
			margin:0px;
			text-decoration:none;
			color: #ffffff;
			font-family: 'BonvenoCFLight', Arial, sans-serif; 
			}

#mainLogo div{
			font-size: 38px;
			letter-spacing:-2px;
			line-height: 15px;
			float:left;
			}

#mainLogo  span{
			font-size: 17px;
			font-weight:500;
			letter-spacing:3px;
			line-height: 38px;
			margin-left:118px;
			}
.noscript	{
			padding-bottom: 10px;
			}

.mobileImg	{
	  		float: left;
	  		padding:5px;
	  		padding-left:0px;
	  		padding-bottom:0px;
	  		}        

@media (max-width: 1400px) {

#mainLogo	{
			width:200px;
			}
#mainLogo div{
			font-size: 25px; line-height: 6px;
			}
#mainLogo span{
			font-size: 11px; line-height: 26px; margin-left:72px; letter-spacing:2px;
			}
#mainMenu	{
			top:70px; left: 20px; height:91px; width:169px;
			}
#mainText	{
			padding-left:220px;
			}
.portfolioItem{
	  		width:100px; height:100px; padding:7px; padding-left:0px; padding-bottom:0px;
	  		}
	  		
.portfolioItem .links{
			to-p:84px;
			bottom:0px;
			width:100px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			}
	  		
.portfolioItem img, .rIcon  	{
        	border-radius: 5px; width:100px; height: 100px;
        	}
h1,h2		{
        	font-size: 14pt;color: #848484;padding-bottom: 10px;padding-top: 0px;
			}
}