* { margin: 0px; padding: 0px; }

html { background: url('../images/bg.jpg') no-repeat top center; height: 100%; }
body { color: #333; font: 80%/120% Arial, Verdana, serif; }

div#offline { background: #fff; padding: 20px 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #FF9900; }

h1 { font: 400%/100% Georgia,"Times New Roman", Arial, Verdana, serif; }
h2 { font: 140%/100% Georgia,"Times New Roman", Arial, Verdana, serif; }
h4 { margin: 20px 0px; border-bottom: 1px dotted #000;  font: 110%/110% Arial, Verdana, serif; font-weight: bold; float: left; }

p { clear: both; line-height: 20px;	 }
span.orange { color: #ff9900; }
p a { color: #333; text-decoration: none; border-bottom: 1px dotted #ff9900; }
p a:hover { border-bottom: 1px solid #ff9900; }
p.footer { display: block; text-align: right; color: #aaa; text-transform: lowercase; font-size: 90%; font-variant: small-caps; margin: 5px 0px 0px 0px; }
p.footer span { font-size: 90%; }

div#wrapper { margin: 200px auto; width: 500px; }