* { padding: 0; margin: 0; border: 0; list-style: none; } 

html, body{
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background:#F7F7F2;
	color: #524855;
	font: 12px  georgia, times, serif; 
	text-align: center;
}
.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 0;
}
#page-wrapper {
	margin: 0 auto;
	width: 700px;
	height: 100%;
	border:3px solid #EBEBEB;
	border-style:none solid none solid;
	display:block;
}
#page {
	width: 698px;
	min-height:100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background:#FAFAFA;
	border:1px solid #D9D9C7;
	border-style:none solid none solid;

}

/* General
*********************************************/

p{
	padding: 0;
	margin:0;
}
p + p{
	margin:0.5em 0 0 0;
}
a{ 
	color: #FE1818; 
	text-decoration: none; 
}
a:hover { 
	text-decoration:underline;
}


/* Header
*********************************************/
#header{
	margin: 0;
	padding:10px 50px 0;
}
#header .logo{
	color: #000;
	width: 170px;
	height:100px;
	font: 11px/60px georgia, times, serif;
	float: left;
	background:url(images/orazal.png) top left no-repeat;
	text-indent: -9999px;

}

/* Navigation
***********************************************************/
#header #menu{
	margin:40px 0 0;
	float:right;
	text-align: right;
	font: 9px/12px arial, verdana, sans-serif;
	color: #333333;
}
	#header #menu ul li{
		list-style:none;
		display:inline;
		padding:0 0 0 5px;
	}
	#header #menu ul li.selected{
		color: #FE1818;
	}
	#header #menu a{ 
		color: #736D75; 
		text-decoration:underline;
	}
	#header #menu a:hover { 
		color: #37013D;
		text-decoration:underline;
	}


/* Projects
***********************************************************/
.project{
	width: 600px;
	margin: 20px 50px 0;
}
	.project h2 {
		color: #FE1818;
		font:bold 14px georgia, times, serif;
		font-weight: bold;
		padding: 0 0 1em 0;
	}
	
	.project .illustration{
		width: 600px;
		height: 250px;
		background:url(portfolio/illustration_bg.jpg);
		text-align:center;
	}
	
	.project .desc{
		width: 420px;
		float: left;
		margin:10px 0 40px;
	}
	.project .information{
		width: auto;
		float: right;
		color: #333333; 
		font: 10px arial, verdana, sans-serif; 
		margin: 10px 0 0;
		padding:0 5px 6px 0;
		text-align:right;
	}
		.project .information a.view-online{ 
			color: #FE1818; 
			text-decoration: none; 
		}
		.project .information a.view-online:hover { 
			text-decoration:underline;
		}
		.project .information a.agency{ 
			color: #524855; 
			text-decoration: none; 
		}
		.project .information a.agency:hover { 
			text-decoration:underline;
		}


/* Information
***********************************************************/
.information{
	width: 600px;
	margin: 20px 50px 0;
}
	.information h2 {
		margin:0.5em 0;
		color: #FE1818;
		font:bold 14px georgia, times, serif;
	}
	.information h3 {
		margin:0.5em 0;
		font:bold 12px georgia, times, serif;
	}
		.information ul li em{
			color: #736D75; 
		}
		
	.information .small{
		font: 9px/12px arial, verdana, sans-serif;
	}
	.information .left{
		width: 280px;
		float: left;
	}
	.information .right{
		width: 280px;
		float: right;
	}