@import url('http://fonts.googleapis.com/css?family=Lato:400,700');
@import url('reset.css');
body{background-image:url("images/grey-bg.png");}
div.page{width:80%;margin:0 auto;}
header{width:100%;float:left;margin-top:10px;z-index:-1;}
#home-page header{background-image:url('images/sky-header.jpg');background-repeat:no-repeat;}
#about-page header{background-image:url('images/wool-header.jpg');background-repeat:no-repeat;}
#legal-page header{background-image:url('images/typed-header.jpg');background-repeat:no-repeat;}
#portfolio-page header{background-image:url('images/portfolio-header.jpg');background-repeat:no-repeat;}
footer{width:100%;background-color:#555555;float:left;margin-bottom:10px;}
#search-module{width:38.9583333%;float:right;}
nav{float:left;}
nav.top-navigation{width:100%;z-index:0;}
article.introduction{width:100%;}
h1{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:2em;padding-bottom:1em;float:left;width:100%;}
h2{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:2em;padding-bottom:0.5em;float:left;width:100%;}
h3{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:2em;font-weight:700;padding-bottom:1em;float:left;width:100%;}
h4{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:1em;font-weight:700;padding-bottom:0.5em;float:left;width:100%;}
p{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:1em;font-weight:400;padding-bottom:1em;float:left;width:100%;line-height:1.4em;}
a:link{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:1em;color:#000000;text-decoration:underline;}
a:visited{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:1em;color:#000000;text-decoration:underline;}
a:hover{color:#000000;text-decoration:none;}
a:active{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:1em;color:#000000;text-decoration:underline;}
h1.header-title{float:left;width:48.9583333%;margin-top:30px;margin-left:30px;}
#home-page h1.header-title{color:#f0f0f0;}
#about-page h1.header-title{color:#f0f0f0;}
#legal-page h1.header-title{color:#f0f0f0;}
#portfolio-page h1.header-title{color:#f0f0f0;}
h2.copyright{font-size:1.3333333333333333em;margin:10px;color:#f0f0f0;float:left;width:100%;}
.top-navigation ul.navigation-menu{list-style-type:none;list-style-image:none;float:left;margin-top:9px;margin-bottom:20px;z-index:1;}
.top-navigation .navigation-menu li{display:inline;padding:10px 20px 7px 20px;}
.top-navigation .navigation-menu li a{text-decoration:none;}
nav.footer-navigation{width:100%;float:left;}
.footer-navigation ul.navigation-menu{list-style-type:none;list-style-image:none;float:left;margin:10px;}
.footer-navigation .navigation-menu li{display:inline;margin-right:10px;}
.footer-navigation .navigation-menu li a{text-transform:uppercase;color:#f0f0f0;}
#html5-logo{float:right;width:10.4167%;margin-top:-40px;padding-bottom:10px;}
#home-page .top-navigation .navigation-menu li.home-link{background-color:#656995;}
#home-page .top-navigation .navigation-menu li.home-link a{color:#f0f0f0;}
#home-page .top-navigation .navigation-menu li{background-color:#000042;}
#home-page .top-navigation .navigation-menu li a{color:#f0f0f0;}
#home-page .top-navigation .navigation-menu li:hover{background-color:#656995;color:#000000;}
#portfolio-page .top-navigation .navigation-menu li.about-link{background-color:#99c382;}
#portfolio-page .top-navigation .navigation-menu li.about-link a{color:#000000;}
#portfolio-page .top-navigation .navigation-menu li{background-color:#563820;}
#portfolio-page .top-navigation .navigation-menu li a{color:#f0f0f0;}
#portfolio-page .top-navigation .navigation-menu li:hover{background-color:#99c382;color:#000000;}
#about-page .top-navigation .navigation-menu li.about-link{background-color:#c4ba85;}
#about-page .top-navigation .navigation-menu li.about-link a{color:#000000;}
#legal-page .top-navigation .navigation-menu li.legal-link{background-color:#fbc879;}
#legal-page .top-navigation .navigation-menu li.legal-link a{color:#000000;}
#legal-page .top-navigation .navigation-menu li{background-color:#cd6743;}
#legal-page .top-navigation .navigation-menu li:hover{background-color:#fbc879;color:#000000;}
#legal-page .top-navigation .navigation-menu li a{color:#f0f0f0;}
#about-page .top-navigation .navigation-menu li{background-color:#986b3c;}
#about-page .top-navigation .navigation-menu li a{color:#f0f0f0;}
#about-page .top-navigation .navigation-menu li:hover{background-color:#c4ba85;}
section.elsewhere{float:left;width:100%;overflow:hidden;margin-bottom:10px;}
div.blog-links{width:48.9583333%;float:left;line-height:0;}
div.portfolio-link{width:48.9583333%;float:right;}
.blog-links img{width:100%;}
.portfolio-link img{width:100%;}
.clearer{clear:both;}
article.copyright-statement{float:left;background-color:#e9e9e9;margin-bottom:10px;}
.copyright-statement p{padding-left:10px;margin-right:10px;}
.copyright-statement h2{padding-left:10px;padding-top:10px;}
.copyright-statement img{float:left;}
#about-page footer{background-color:#2a2e5e;}
#legal-page footer{background-color:#6c6b70;}
#home-page footer{background-image:url('images/sky-footer-bg.jpg');}
#portfolio-page footer{background-color:#563820;}
@media screen and (min-width:1198px){div.page{width:946px;}}@media screen and (max-width:480px){div.page{width:90%;} nav.top-navigation{width:100%;} .top-navigation ul.navigation-menu{list-style-type:none;list-style-image:none;float:left;width:100%;} .top-navigation .navigation-menu li{display:block;margin-bottom:5px;padding:10px 20px 7px 20px;} nav.footer-navigation{width:100%;float:left;} .footer-navigation ul.navigation-menu{list-style-type:none;list-style-image:none;float:left;margin:10px;} .footer-navigation .navigation-menu li{display:block;width:100%;margin-right:10px;padding:10px 20px 7px 20px;} .footer-navigation .navigation-menu li a{text-transform:uppercase;color:#f0f0f0;} section.elsewhere{float:left;width:100%;overflow:hidden;margin-bottom:10px;} div.blog-links{width:100%;float:left;line-height:0;} div.portfolio-link{width:100%;float:left;} .blog-links img{width:100%;margin-bottom:5px;} .portfolio-link img{width:100%;} #home-page footer{background-color:#000042;background-image:none;}}

