@font-face {
    font-family: 'roboto_thregular';
    src: url('../webfonts/roboto-thin-webfont-webfont.eot');
    src: url('../webfonts/roboto-thin-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/roboto-thin-webfont-webfont.woff') format('woff'),
         url('../webfonts/roboto-thin-webfont-webfont.ttf') format('truetype'),
         url('../webfonts/roboto-thin-webfont-webfont.svg#roboto_thregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotobold';
    src: url('../webfonts/roboto-bold-webfont-webfont.eot');
    src: url('../webfonts/roboto-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/roboto-bold-webfont-webfont.woff') format('woff'),
         url('../webfonts/roboto-bold-webfont-webfont.ttf') format('truetype'),
         url('../webfonts/roboto-bold-webfont-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_ltregular';
    src: url('../webfonts/roboto-light-webfont-webfont.eot');
    src: url('../webfonts/roboto-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/roboto-light-webfont-webfont.woff') format('woff'),
         url('../webfonts/roboto-light-webfont-webfont.ttf') format('truetype'),
         url('../webfonts/roboto-light-webfont-webfont.svg#roboto_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


p {
	font-family: 'roboto_ltregular';
	color: #DADADA;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 0.1em;
}

li {
	font-family: 'roboto_ltregular';
	color: #DADADA;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 0.1em;
	list-style-position: outside;
	list-style-image: url(img/bullet.png);
}

h1 {
	font-family: 'roboto_thregular';
	color: #5a7b83;
	font-size: 35px;
	line-height: 20px;
	letter-spacing: 0.05em;
}

h2 {
	font-family: 'roboto_ltregular';
	color: #5a7b83;
	font-size: 25px;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-align: left;
	font-weight: lighter;
}

h3 {
	font-family: 'roboto_thregular';
	color: #5a7b83;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

h4 {
	font-family: 'robotobold';
	color: #5a7b83;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-transform: uppercase;
}


a:link{
	color: #5a7b83;
	text-decoration: none;	
}

a:visited{
	color: #5a7b83;
	text-decoration: none;	
}

a:hover{
	color: #FFF;
	text-decoration: none;		
}

a:active{	
	color: #5a7b83;
	text-decoration: none;	
}

.forminput{
	width:430px; /* make all the inputs and the textarea same size (100% of the div they are into) */
	font-family: roboto_ltregular; /* we must set this, because it doesn't inherits it */
	padding:5px;
	background-color: #080808;
	color: #FFF;
	border: thin solid #080808;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-align: left;
}

.description {
	font-family: 'roboto_ltregular';
	color: #DADADA;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 0.1em;
}

.projecttitle client{
	font-family: 'roboto_thregular';
	color: #DADADA;
	font-size: 50px;
	line-height: 60px;
	letter-spacing: 0.05em;
}

.projecttitle descr{
	font-family: 'roboto_ltregular';
	color: #5a7b83;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.1em;
}

.projecttitle year{
	font-family: 'roboto_ltregular';
	color: #DADADA;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.1em;
}