/* CSS Document */

* {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

a {
	color:#b33;
}

body {
	background:black;
}

footer {
	color:white;
	font-size:10px;
	margin:5px auto 0;
	width:980px;
}

h1, h2, h3 {
	margin:5px 0 5px 0;
}

nav {
	background:black;
	height:100px;
	width:100%;
}

section {
	margin:0 auto;
	padding:0;
	width:980px;
}

table.categories, table.nav {
	border:none;
	border-spacing:5px;
	margin:0 auto;
}

table.categories tr td, table.nav tr td {
	transition:background-image .25s ease-in;
	-moz-transition:background-image .25s ease-in;
	-o-transition:background-image .25s ease-in;
	-webkit-transition:background-image .25s ease-in;
}

table.categories tr td {
	height:240px;
	width:240px;
}

table.nav tr td {
	height:320px;
	width:320px;
}

table.categories tr td:hover a .navbutton, table.nav tr td:hover a .navbutton {
	border:3px solid #FD0002;
}

table.categories tr td a, table.nav tr td a {
	display:block;
	height:100%;
	left:0;
	position:relative;
	text-decoration:none;
	top:0;
	width:100%;
}

table.categories tr td a img, table.nav tr td a img {
	left:0;
	position:absolute;
	top:0;
	transition:opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-o-transition:opacity .25s ease-in-out;
	-webkit-transition:opacity .25s ease-in-out;
}

table.categories tr td a:hover img.navtop, table.nav tr td a:hover img.navtop {
	opacity:0;
}

#holder {
	background:rgba(100,100,100,0.6);
	height:100%;
	padding:5px;
	width:100%;
}

#navholder {
	background:url(../images/so-cal-header.png) no-repeat;
	height:100%;
	margin:0 auto;
	width:1000px;
}

#navholder a {
	display:block;
	height:100px;
	width:500px;
}

.brick {
	color:#FD0002;
}

.header {
	height:64px;
	position:relative;
	width:100%;
}

.navbutton {
	background:rgba(150,150,150,0.5);
	border:3px solid white;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:32px;
	left:5px;
	padding:5px;
	position:absolute;
	text-transform:uppercase;
	top:5px;
	transition:border .25s ease-in;
	-moz-transition:border .25s ease-in;
	-o-transition:border .25s ease-in;
	-webkit-transition:border .25s ease-in;
}

.navbuttonactive {
	border:3px solid #FD0002;
}

.projects {
	text-align:center;
}

.projects img {
	margin: 0 auto;
}