@font-face { font-family: 'Centaur'; src: url('fonts/CENTAUR.ttf') format('truetype'); } @font-face { font-family: 'Imprint MT Shadow'; src: url('fonts/IMPRISHA.ttf') format('truetype'); } html { background-color: #E6E6E6; color: #3F3F3F; font-family: 'Centaur'; } p { text-align: justify; margin-bottom: 10px; } h1, h2, h3, h4, a { text-align: center; font-weight: normal; color: #bc5313; font-family: 'Imprint MT Shadow'; } h3 { text-decoration: none; font-family: 'Centaur'; } a { cursor: pointer; } a:hover { color: #ff7007; } header, article, aside, footer { padding: 10px; } body { width: 1100px; margin-left: auto; margin-right: auto; background-color: #f8f7f7; margin-top: 0px; border-right: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; box-shadow: 0px 5px 9px #b8b8b8; } header { border-bottom: solid 1px #e6e6e6; } header h1 { text-transform: uppercase; display: inline-block; color: #ff660b; } header #headNav ul { list-style-type: none; display: block; padding: 10px; margin: 5px; margin-right: 0px; text-align: right; } header #headNav li { display: inline-block; padding: 0px; margin-left: 10px; text-align: right; } header #headNav a { display: block; padding: 0px; margin: 0px; font-size: 1.5em; } header #headNav a:hover { text-decoration: underline; } article { display: inline-block; width: 870px; border-right: solid 1px #e6e6e6; } article div { background-color: #ECECEC; padding: 6px; margin: 5px; border: 2px solid #E4E4E4; width: 290px; display: inline-block; vertical-align: top; } article div a { display: block; text-align: center; } article div a img { margin-right: 5px; } article #contact, #submit { display: block; margin-left: auto; margin-right: auto; } article #contact { width: 400px; height: 200px; } aside { display: inline-block; width: 160px; vertical-align: top; margin-left: 0px; } aside ul { padding-left: 10px; } aside li a { transition: padding-left 200ms; } aside li a:hover { padding-left: 10px; } aside h3, aside a { text-align: left; text-decoration: none; font-family: 'Centaur'; } aside ul { list-style-type: none; } footer { border-top: solid 1px #e6e6e6; } figure { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; border: 1px solid #CCC; padding: 5px; box-shadow: 0px 5px 9px #b8b8b8; text-align: center; } figure img { display: inline; width: auto; max-width:100%; max-height:100%; margin-bottom: 10px; }