html {background: url(../img/bg.gif) no-repeat #F8F8F8 top center}

body {margin: 0; padding: 0; font-size: 14px; font-family: Verdana, Arial; color: #666}

@font-face {font-family: 'FRHopper430'; src: url('font/frhopper430-webfont.eot'); src: url('font/frhopper430-webfont.eot?#iefix') format('embedded-opentype'), url('font/frhopper430-webfont.woff') format('woff'), url('font/frhopper430-webfont.ttf') format('truetype'), url('font/frhopper430-webfont.svg#FRHopper430') format('svg'); font-weight: normal; font-style: normal}

h1, h2, h3 {margin: 0; padding: 0; font-family: FRHopper430}

h1 {font-size: 24px}

h2 {font-size: 20px}

h3 {font-size: 18px}

#main {width: 920px; margin: auto; box-shadow: 0 0 10px #CCC; -moz-box-shadow: 0 0 10px #CCC; -webkit-box-shadow: 0 0 10px #CCC; background: #FFF}

	#header {width: 880px; padding: 20px; overflow: hidden}

		#logo {float: left; width: 300px; height: 100px}

			#logo a {display: block; width: 300px; height: 100px; background: url(../img/logo.gif) no-repeat top center; text-indent: -4000px}

		#contact {float: right; text-align: right}

	#content {padding: 20px}

	#footer {width: 880px; padding: 0 20px; overflow: hidden}

		#footer a {float: right; display: block; width: 300px; height: 100px; background: url(../img/webshark.gif) no-repeat top center; text-indent: -4000px}

/* common */

.italic {font-style: italic}

:focus {outline: none}