tyyli

@charset "utf-8";

body {
	padding:0px;
	margin:0px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background-color:#C3C4D7;
	text-align:left;

}

#page {
	/* keskitetään näytölle */
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#9c9;
}

#header{
	width:960px;
	height:80px;
	background-color:#0CC;
}

#header_logo {
	width:310px;
	height:70px;
	background-color:#A85051;
	margin:5px;
	float:left;
}


#header_center {
	width:310px;
	height:70px;
	background-color:#8A1565;
	margin:5px;
	float:left;
}


#header_right {
	width:310px;
	height:70px;
	background-color:#7F3E52;
	margin:5px;
	float:left;
}

#header p {
	color:white;
	margin:20px;

}

#menu, #footer {
	width:960px;
	height:30px;
	float:left;
	background-color:#D800FF;
}


#menu p, #footer p {
	margin:5px;
	padding:0px;
	color:white;
	text-align:center;
	}

#content {
	width:960px;
	background-color:#18FF24;

}

#content_left {
	margin:20px;
	padding:5px;
	width:400px;
	border:1px solid #EEE;
	float:left;
	border-radius:5px;


}

#content_left img {
	float:left;
	margin:5px;
	box-shadow:2px 2px 2px #022B33;
}

#content_left p, #content_right p {
	color:#EEE;
	font-size:12px;
}

#content_right {
	margin:20px;
	padding:5px;
	width:400px;
	border:1px solid #EEE;
	float:right;
	border-radius:5px;
}

#content_right img {
	float:right;
	margin:5px;
	box-shadow: -2px -2px -2px #022B33;
}