/* CSS Document */

body { 
	background-color: #8c0a0d;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	background-position: top center; 
	margin-top: 20px;
}

p { font-family:Verdana, Arial, Helvetica, sans-serif }
p { font-size:12px;color:#000000 }
H1 { font-family:Verdana, Arial, Helvetica, sans-serif;color:#c1272d }
H1 { font-size:18px;font-weight:bold }
H2 { font-family:Verdana, Arial, Helvetica, sans-serif;color:#c1272d }
H2 { font-size:16px;font-weight:bold }
H3 { font-family:Verdana, Arial, Helvetica, sans-serif;color:#c1272d }
H3 { font-size:14px;font-weight:bold }
H4 { font-family:Verdana, Arial, Helvetica, sans-serif;color:#c1272d }
H4 { font-size:12px;font-weight:bold }
td { font-family:Verdana, Arial, Helvetica, sans-serif }
td { font-size:12px }
ul { font-family:Verdana, Arial, Helvetica, sans-serif }
ul { font-size:12px;color:#000000 }
ol { font-family:Verdana, Arial, Helvetica, sans-serif }
ol { font-size:12px;color:#000000 }
A:link { color:#c1272d;text-decoration:none }
A:visited { color:#c1272d;text-decoration:none }
A:hover { color:#FF0000;text-decoration:underline }
A:active { color:#000000;text-decoration:underline }
.footer { font-size:10px;color:#000000 }
.footer A:link { color:#c1272d;text-decoration:none }
.footer A:visited { color:#c1272d;text-decoration:none }
.footer A:hover { color:#FF0000;text-decoration:underline }
.footer A:active { color:#000000;text-decoration:underline }
.header { font-size:10px;color:#000000 }
.header A:link { color:#c1272d;text-decoration:none }
.header A:visited { color:#c1272d;text-decoration:none }
.header A:hover { color:#FF0000;text-decoration:underline }
.header A:active { color:#000000;text-decoration:underline }

.clr {
	clear: both;
}
.wrapper {
	width: 250px;
	margin: 0 auto;
}
.demo {
	width: 250px;
	height: 250px;
	text-align: center;
	float: left;
}
.demo img {
	border: 5px solid #EEEEEE;
	margin: 0 5px;
	padding: 5px;
}