/* CSS for the Tilion webpage */

* {font-family: Helvetica, Arial, sans-serif; width: 100%;}

body {width: 100%; border-top: solid 3px #33a;margin: 0; padding: 20px 0;}

#wrapper {max-width: 1024px; margin: 0 auto;}

#top {width:100%; height: 80px; clear:both; margin-bottom: 35px;}

.float {float: left;}

#image {float:left; clear: none; width: 139px; height:92px;}

#imageframe {float: left; position: absolute; top: 33px; z-index: 5; width:113px; height: 60px; margin-left: 11px; padding-top: 5px; border: solid 2px #33a;}

#logo {float: left; clear: none; margin-left: 25px; font-size: 42px; width: 280px;padding-top: 20px;}

#content {width: 90%; clear:both; margin: 0 20px;}

#left { width: 60%; margin-right: 6%;}

#right {width: 33%;}

p {font-size: 1em;}

h1 {font-size: 1.6em; font-weight: bold;}

h3 {font-size: 1.2em; font-weight: bold;}

h5 {font-size: 1.1em; font-weight: bold;}

#right p {margin-top: 0;}
#right h5 {margin-bottom: 0; margin-top: 10px;}

.blue {font-weight: bold; font-style:italic;color: #33a;margin-top: 35px;}

#footer {width: 100%; clear:both; padding-top: 35px;border-bottom: solid 1px #33a;}


/* Narrow screens */

@media screen and (max-width: 720px) {

#left, #right {width: 100%; margin: 0 10px;}

}

@media screen and (max-width: 500px) {

h1 {font-size: 1.4em; font-weight: bold;}

#image, #imageframe {display: none;}

}