/*******************/
 /* layout and form */
/*******************/
body { margin: 0 auto; padding: 0; width: 880px; }
#container { padding: 0; }
h1  { margin: 0; padding: 0; } 
h2  { margin: 0; padding: 58px 80px 16px; position: relative; top: -150px; z-index: 7; } 
.line { padding: 0 32px; display: block; }
#line1 { position: relative; z-index: 10; }
#line2 { padding: 50px 32px 0; position: relative; top: -50px; z-index: 9; }
#line3 { padding: 50px 32px 0; position: relative; top: -100px; z-index: 8; }
ul { margin: 0; padding: 0 32px 32px; width: 816px; overflow: auto; list-style: none outside; position: relative; top: -100px; }
ul li { margin: 16px; width: 375px; float: left; }
ul a { display: block; }
p  { position: relative; top: -50px; }

  /********************/
 /* color and images */
/********************/
body { background: #5a7e8e; color: #e0deda; }
#container { background: #ff5b00;
	border-color: #ff0030;
	-o-box-shadow: 1px 1px 3px #000000;
	-icab-box-shadow: 1px 1px 3px #000000;
	-khtml-box-shadow: 1px 1px 3px #000000;
	-moz-box-shadow: 1px 1px 3px #000000;
	-webkit-box-shadow: 1px 1px 3px #000000;
	box-shadow: 1px 1px 3px #000000;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-webkit-border-bottom-right-radius: 25px;
}
h1 { text-shadow: 1px 1px 8px #4f4f4f; }
h2 { color: #8bb32c; text-shadow: 2px 2px 4px #4f4f4f; background: #ff6b00; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; }
a { color: #fff; text-shadow: 1px 1px 1px #444; }
a:hover { text-shadow: 0 0 2px #444; }
#line1 { background: #ffcc00; -moz-border-radius-bottomright: 50px; 	-webkit-border-bottom-right-radius: 50px; }
#line2 { background: #ffb600; -moz-border-radius-bottomright: 50px; 	-webkit-border-bottom-right-radius: 50px; }
#line3 { background: #ff8600; -moz-border-radius-bottomright: 50px; 	-webkit-border-bottom-right-radius: 50px; }
.dot { color: #ff5b00; }
p { color: #444; } 

  /*****************/
 /* text and type */
/*****************/
body { font-size: 16px; font-family: georgia, arial, verdana, sans-serif; font-style: italic; }
h1 { font-size: 10em; line-height: 0.85em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; text-align: right; }
h3 { font-size: 1.17em; font-weight: bold; margin: 1em 0; }
h4 { font-size: 1em; font-weight: bold; margin: 1.33em 0; }
h5 { font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
h6 { font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }
p, ul  { font-family: 'trebuchet ms', arial, verdana, sans-serif; font-style: normal; }
p { text-align: center; font-size: 10px; }