@charset "utf-8";
@import '../global.css';
/* CSS Document */

/* {
	outline: thin solid red;
	} */

/* Swatch Colors */
/* background-color: rgba(84, 88, 97, 1); /*swatch 4 coolgray 10*/
/* background-color: rgba(171, 164, 158, 1); /*swatch 4 402*/
/* background-color: rgba(97, 124, 149, 1); /*swatch 4 5415*/	

body {
	width: 920px;
	height: 595px;
	position: absolute;
	left: -276px;
	top: -8px;
	
	background-color: rgba(84, 88, 97, 1); /*swatch 4 coolgray 10*/
	}
	
#selfroll {
	display: block;
	width: 200px;
	height: 600px;
	float: left;
	margin-right: 35px;
	text-decoration: none;
	background: url("banners/about.png");
	}

#selfroll:hover {
	background-position: -200px 0;
	}
	
	
#title {
	height: 25px;
	position: relative;
	color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	font-variant: small-caps;
	}

/*links*/	
table {
	margin-top: 15px;
	}

.project td {
	width: 670px;
	height: 140px;
	}

div.space {
	height: 35px;
	width: auto;
	}
	
/*capstone rollover feature*/
#caproll {
	display: block;
	width: 650px;
	height: 136px;
	text-decoration: none;
	background: url("banners/capstone.png");
	
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 7px 8px rgba(0,0,0,.7);
	}

#caproll:hover {
	background-position: -650px 0;
	}
	
/*fotofocus rollover feature*/
#fotoroll {
	display: block;
	width: 650px;
	height: 136px;
	text-decoration: none;
	background: url("banners/fotofocus.png");
	
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 7px 8px rgba(0,0,0,.7);
	}

#fotoroll:hover {
	background-position: -650px 0;
	}
	
/*web project rollover feature*/
#webroll {
	display: block;
	width: 650px;
	height: 136px;
	text-decoration: none;
	background: url("banners/webproject.png");
	
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 7px 8px rgba(0,0,0,.7);
	}

#webroll:hover {
	background-position: -650px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
/*hidden mobile*/
#mobile {
	display: none;
	}