@font-face {
  font-family: 'Source Sans Pro';
  src:  url('../fonts/Source_Sans_Pro/SourceSansPro-Light.ttf')
}
* {margin:0;padding:0;}
body {font-family:'Source Sans Pro',sans-serif,arial;background:url('../images/brand-repeat.png') repeat;line-height: 28px;}
h3{margin:22px auto 15px;}
h5{margin:17px auto 9px;font-size:15px;}
ol, ul{margin:10px 40px 20px;}
ul li, ol li{line-height:34px;}
p{margin:7px 0 9px;}
code{margin:2px 5px 3px;font-size:12px;font-style:normal;padding:2px 6px;background:#efefef;border-radius:4px;display:inline-block;line-height:28px;}
pre code{width:100%;padding:10px 20px;}
h1{margin:22px 0;}

a,a:active,a:visited,a:hover{color:slategray;padding-bottom:18px;text-decoration:none;}
div#content{margin:auto;text-align:center;}
div#content div#wrapper {width:auto;max-width:1000px;margin:auto;}
div#content div#wrapper h1{margin:0px auto 5px;line-height:42px;}
div#content div#wrapper p.logo {padding:24px 30px 10px;}
div#content div#wrapper p.logo img{width:340px;}
div#content div#wrapper p.copyright {font-size:13px;padding-top:25px;clear:both;}
div#content div#wrapper div#box {color:#555;line-height:24px;font-size:16px;padding:25px;}
div#content div#wrapper div#box div.middle{position:relative;height:100%}
div#content div#wrapper div#box div.middle span.seperator {left:149px;height:100%;position:absolute;top:0;bottom:0;display:block;border:2px solid #eee;width:0px;}
div#content div#wrapper div#box div.left,div#content div#wrapper div#box div.right, div#content div#wrapper div#box span.divider{float:left;}
div#content div#wrapper div#box div.left{width:20%;text-align:right;padding-right:15px;margin-right:15px;}
div#content div#wrapper div#box div.left a{display:block;padding-bottom:3px;}
div#content div#wrapper div#box div.right {width:70%;text-align:left;padding-left:10px;}

input{width:210px;height:24px;padding:3px 7px;border:1px solid #ccc;border-radius:3px;margin-bottom:10px;}
div.input span{display:inline-block;width:140px;}
div.inputSubmit button {display:inline-block;margin-left:143px;padding:4px 16px;margin-bottom:20px;}
button {padding:4px 16px;margin-top:10px;margin-bottom:20px;}
@media only screen and (max-width: 649px) {
	div#content div#wrapper {padding-bottom:250px;width:95%;margin:auto;position:relative;left:auto;top:20px;height:auto;}
	div#content{background:none;}
	div#content div#box {left:none;margin:auto;border:none;}
	div#content img{width:200px;}
}