@font-face {
  font-family: TitilliumText800wt;
  src: url('fonts/TitilliumText800wt.otf') format("opentype");
}

/* ### */
body { font: normal 0.75em/1.5em Arial; color: #555; }
	 h1,  h2,  h3,  h4 { margin-bottom: 5px; }
	 h1 { font: bold 40px Arial;	}
	 h2 { font: bold 18px Arial; }
	 h3 { font: bold 14px Arial; }
	 h4 { font: bold 17px Arial; }
	 p,  ul,  ol,  fieldset,  img.alignright,  img.alignleft,  dl,  blockquote   { margin-bottom: 15px; }
	 ul ,  ol,  dd,  blockquote { padding-left: 40px; }
	 a { text-decoration: none; color: #000065; border-bottom: 1px dotted #000065; }
		 a:hover { border-bottom: 1px solid #000065; }
		 a:focus { outline: none; }
		
/* ### CSS3 ### */
 select ,  textarea,  input.text,  fieldset,  th,  td { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }

/* ### TABLES ### */
 table { width: 100%; }
 th,  td,  caption { font-size: 1em; padding: 3px 10px 3px 10px; }
 th { font-weight: normal; text-align: left; color: #fff; background: #555; }
 td { border-top: 1px solid #eee; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #eee; }

/* ### FORMS ### */
 form { margin-bottom: 10px; }
 select ,  textarea,  input.text { font: normal 0.95em/1.1em Verdana; border: 1px solid #ccc; padding: 5px; margin-bottom: 3px; }
 select { width: 312px; }
	 select:hover,  textarea:hover,  input.text:hover { background: #e5ffff; }
	 select:focus,  textarea:focus,  input.text:focus { background: #ffffe5; outline: none; }
 textarea,  input.text { width: 300px; }
 textarea { line-height: 1.5em; height: 100px; }
 fieldset { border: 1px solid #ccc; padding: 0 15px 0 15px; }
 legend { font-weight: bold; color: #333; padding: 0 15px 0 15px; }
 optgroup { font: bold 0.95em/1.1em Verdana; }
 img { display: block; }
	 img.alignright { margin: 2px 0 0 15px; float: right; }
	 img.alignleft { margin: 2px 15px 0 0; float: left; }