@font-face {
	font-family: "Comfortaa";
	src: url("AlteHaasGroteskRegular.ttf")
}

@font-face {
	font-family: "ComfortaaBold";
	src: url("AlteHaasGroteskBold.ttf")
}

 

html, body {
	background: #000;
	min-height: 100%;
}
#wrapper { 
	background-image:url('img/body_texture.png');
	/*font-family: "Comfortaa";*/
	font-size:16px;
	width: 100%
}
.container {
	padding-bottom: 30px;
}
.item {
	height: 400px;
	}

b {
	margin-bottom:1px;
	/*font-family: "ComfortaaBold";*/
}

a {
	color:#116cba;
	padding:1px;
	border-bottom:1px dashed #96c0e4;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#054073;
}


h3 {
	color:#606060;
	font-size:20px;
}


#top, #logo, #navigation {
	position:relative;
}	

#top #logo #top_light {
	position:absolute;
	top:0px;
	left:10px;
}

#top #logo #logo_img {
	padding-top:15px;
}

#navigation {
	text-align:right;
	padding-top:28px;
	font-size:23px;
}
#navigation a {
	margin-left:30px;
	text-decoration:none;
	color:#696969;
	border:0;
}
#navigation a:hover {
	border-bottom:1px dotted #94c4ed;
}
#navigation a.active {
	color:#116cba;
	border-bottom:1px dotted #94c4ed;
}
#navigation a.active:hover {
	border-bottom:1px solid #94c4ed;
}

#content {
	margin-top:60px;
	margin-bottom:20px;
}
#content .headline {
	font-size:60px;
	/*font-family: "ComfortaaBold";*/
	margin:0;
	margin-bottom:15px;
}
#content .tagline {
	margin:0;
	font-size:23px;
	text-shadow:#cacaca 1px 2px 1px;
}
#content #cta {
	margin-top:20px;
}
#content #cta p {
	font-size:22px;
	padding-top:8px;
	padding-left:5px;
}
#content #cta p a {
	margin-left:26px;
}


#services {
	margin-top:50px;
}
#services p {
	color:#8e8e8e;
	font-size:16px;
	/*font-family:"Comfortaa";*/
}

#footer {
	background-image:url('img/footer_texture.png');
	color:#6b6451;
	font-size:14px;
	padding-top:10px;
	padding-bottom:30px;
	text-shadow:#010101 1px -1px 2px;
}
#footer img {
	width:16px;
	height:16px;
	margin-left:5px;
}
#footer a {
	border:0;
}


#box {
	background-color:#f0f0f0;
	padding:16px;
}

.field {
	margin-bottom:15px;
	margin-top:10px;
	padding:2px;
	border-left:1px dotted #e0e0e0;
	padding-left:6px;
	color:#8f8f8f;
	font-size:13px;
}
.field:hover {
	background-color:#fdfdd6;
}
.field .cool {
	border:5px solid #cde3f1;
	font-size:12px;
	padding:4px;
	color:#333;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
}
.field .more_info {
	letter-spacing:1;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
}
input[type=submit] {
	padding:5px;
	font-size:14px;
}

.watermark {
	color:#eee;
}

/*Portfolio*/
.work {
	margin-bottom:60px;
	font-size:15px;
	color:#8e8e8e;
}
.work p {
	margin-bottom:10px;
	font-size:14px;
}
.work h4 {
	margin-bottom:0px;
	font-size:19px;
	color:#606060;
}
.work .tag {
	font-size:13px;
	color:#cbcbcb;
}
.work .technologies {
	margin-top:5px;
	margin-bottom:15px;
	border-bottom:1px dotted #d2dce5;
	border-top:1px dotted #d2dce5;
	padding-top:2px;
	padding-bottom:2px;
}
.work .technologies b {
	color:#116cba;
	text-decoration:none;
	/*font-family:"Comfortaa";*/
}
.work .screenshot {
	width:400px;
	margin-bottom:10px;
	margin-top:10px;
}

#about {
	font-size:15px;
	color:#acacac;
	line-height:25px;
}

#about .flash {
	margin-top:14px;
	margin-bottom:15px;
	border-bottom:1px dotted #d2dce5;
	border-top:1px dotted #d2dce5;
	padding-top:2px;
	padding-bottom:2px;	
}
#about .flash b {
	color:#116cba;
	text-decoration:none;
	/*font-family:"Comfortaa";*/
}

#about p{
	color:#acacac;
	font-size:15px;
	line-height:28px;
}

#about h1 {
	color:#606060;
	font-size:24px;
}