/********************************************/
/* Grephix.com Design						*/
/********************************************/

/* Main Declarations */
body, html { margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #666; background: #FFF url(img/bg.jpg) repeat-x }
h2 { margin: 0; padding: 0 }
img { border: none }
td { vertical-align: top }
.left { float: left }
.right { float: right }
.clear { clear: both }
.blue { color: #17F }
.black { color: #000 }
.webshot { border: 1px solid #000; margin: 0 0 10px 10px }
a { text-decoration: none; color: #000 }
a:hover { text-decoration: underline }

#container {
	margin: 0 auto;
	width: 974px;
}

/* Header */
#header {
	width: auto;
	height: 130px;
}

#network {
	font-size: 11px;
	width: auto;
	height: 15px;
	padding: 4px;
	color: #FFF;
	font-weight: bold;
}

#network a {
	color: #FFF;
}

#logo {
	background: url(img/logo.jpg);
	width: 350px;
	height: 115px;
}

/* Content */
#content {
	width: auto;
}

#content > div {
	background: #e8f1f6;
	border: 1px solid #000;
	padding: 10px;
}


#content #wide {
	width: 580px;
}

#content #narrow {
	width: 330px;
}

.recent img {
	border: 2px solid #666;
	margin: 4px;
}

.recent img:hover {
	border: 2px solid #8BF;
}

.portfolio table {
	margin: 8px 0;
	width: 340px;
}