/* ------------------- RESET ------------------- */

body, ul, li, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}



/* ------------------- CLASSES ------------------- */

.left {float: left} .right {float: right}
.full {width: 100%} .half {width: 48%} .third {width: 32%}
.clear {clear: both; float: none;}



/* ------------------- HEADLINES ------------------- */

h1 {font-size: 24px; font-weight: 400; line-height: 28px;}
h2 {font-size: 16px; font-weight: 700;}
h3 {font-size: 16px; font-weight: 700;}

p {font-size: 13px; line-height: 18px; margin: 0 0 20px 0;}



/* ------------------- BODY ------------------- */

html, body {height: 100%;}
body {background: #fff url(img/page_bg.png) no-repeat center top; color: #024f73; font-family: 'Roboto', sans-serif;}

main {width: 870px; min-height: 100%; margin: 0 auto -30px auto; position: relative;}

a {color: #024f73; text-decoration: none;} a:hover {color: #1784c5;}
a, a:hover {-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}



/* ------------------- HEADER ------------------- */

header {width: 500px; float: left; background: url(img/topnav_bg.png) repeat-y; height: 20px; padding: 10px 20px 13px 20px;}
#quicknav li {display: inline; list-style: none;}
#quicknav a {text-transform: uppercase; font-size: 14px; font-weight: 700; margin-right: 30px;}



/* ------------------- CONTENT ------------------- */

article {width: 460px; float: left; margin-bottom: 30px;}

article a {font-weight: 700; text-decoration: underline;}

article img.left {margin: 0 20px 20px 0;}
article img.right {margin: 0 0 20px 20px;}

#head {margin: 50px 0;} #head h2 {margin-top: 20px; text-transform: uppercase;}

#content ul {margin-bottom: 20px; padding: 0 30px;} #content li {list-style: square; font-size: 13px; line-height: 18px;}
#content h1, #content h2, #content h3 {margin-bottom: 20px; font-weight: 400;}


/* ------------------- SIDEBAR ------------------- */

aside {width: 330px; float: right; margin-bottom: 30px;}

#logo {width: 333px; height: 100px; background: url(img/logo.png) no-repeat; display: inline-block;}

nav {margin: 30px 0;}
nav li {list-style: none;} nav li:nth-last-child(1) a {border: 0;}
nav a {font-size: 14px; font-weight: 300; padding: 15px 15px 15px 40px; border-bottom: 1px solid #d8e4ea; width: 275px; display: block; background: #fff no-repeat 17px 19px;}
nav .active a {font-weight: 700; background: url(img/arrow-l.png) no-repeat 17px 19px;}
nav a:hover {background: #f8f9fb url(img/arrow-l.png) no-repeat 17px 19px;}

.button {font-size: 14px; font-weight: 700; background: #fff3d9 url(img/arrow-r.png) no-repeat 17px 19px; padding: 15px 0 15px 40px; border-bottom: 1px solid #e9dfb4; width: 290px; display: block;}
.button:hover {background: #f8f9fb url(img/arrow-r.png) no-repeat 17px 19px; border-bottom: 1px solid #1784c5;}



/* ------------------- FOOTER ------------------- */

footer {height: 12px; padding: 9px 0; background: #024f73; width: 100%; position: relative;}
.clearfooter {clear: both; float: none; height: 30px;}

footer .inner {font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #9ac1e2; width: 870px; margin: 0 auto;}
footer a:hover {color: #fff;}