@charset "UTF-8";
/* CSS Document */



html, body{
	height:100%;
	z-index:0;
	margin:0;
	padding:0;
	background-image:url(../images/techcamo.jpg);
}

.graphix{
	z-index:1;
	float:left;
}

.content{
	height:100%;
	width:320px;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
	min-height:100%;
	top:0px;
}
.head{
	height:150px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background:#FFF;
}

h1.headliner a{
		font:30px 'GEISTRNDRegular', helvetica, arial, sans-serif;letter-spacing:0;
		color:#F09;
		text-decoration:none;
}

h3.information{
	text-transform:uppercase;
	background-color:#000;
	color:#fff;
	display:block;
	padding-top:5px;
	padding-bottom:3px;
}


.navnav{
	background:#fff;
	height:50px;
	margin-top:-20px;
	float:left;
	margin-left:-40px;
}

.navnav ul{
	display: inline-block;
}

.navnav ul li{
	display: inline-block;
	list-style:none;
	padding:10px;
	margin: 0 0.25em;
	width:40px;
	font:15px 'BebasNeueRegular', helvetica, arial, sans-serif;
}

.navnav a{
	color:#000;
	text-decoration:none;
}

.navnav a:hover{
	color:#333;
	border-bottom:1px dotted;
}


.putstuffinme{
	background-color:#FFF;
	padding-right:16px;
	padding-left:16px;
	padding-bottom:30px;
	min-height:250px;
	font:12px Helvetica, Geneva, sans-serif;
}

.porty{
	height:256px;
	width:256px;
	margin:8px;
	padding:16px;
	float:left;
	font-size:12px;
	border:#CCC 1px solid;
	border-radius:3px;
	
}

.porty img{
	height:192px;
	width:256px;
	margin-bottom:8px;
}



.footer{
	background-color:#000;
	background-image:url(../images/subtlestripebackground.gif);
	color:#fff;
	height:150px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	text-align:right;
	font:20px 'BebasNeueRegular', helvetica, arial, sans-serif;
}

.footer a{
	color:#f09;
	text-decoration:none;
}

.footer a:hover{
	border-bottom:1px dotted;
}