@font-face {
    font-family: Allura;
    font-style: normal;
    src: url(Allura-Regular.ttf);
}
@font-face {
    font-family: Cabin;
    font-style: normal;
    src: url(Cabin-Regular.ttf);
}

* {
    border:0;
    font:inherit;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline;
}
body {
    background-color:#fafafa;
    color:#646464;
    font:12px/16px Cabin, Helvetica, Arial, sans-serif;
}
ol,ul{list-style:none;list-style-image:none;list-style-position:outside;list-style-type:none;}
a img{
    border:none;
}
a {
    color:#000;text-decoration:none;
}
a:hover,a:focus {
    color:#666;text-decoration:underline;
}
p {
    font-family:Cabin, sans-serif;
    padding:0 2px 10px;
}
h2 {
    color:#333;
    font:22px Cabin, sans-serif;
    padding:6px 0 10px;
}
.left{
    float:left;margin:0 15px 5px 0;
}
.right{
    float:right;margin:0 0 5px 15px;
}

#mainwrap{margin:0 auto;overflow:hidden;position:relative;width:640px;}
#cardstyle{background-color:#fff;border:1px solid #d4d4d4;height:300px;margin:125px auto 20px;overflow:hidden;padding:6px;position:relative;width:600px;}
#content{background-color:#fafafa;height:300px;overflow:hidden;position:relative;width:600px;}
#pagecontainer{position:relative;width:9999px;}
.section{float:left;height:275px;margin-right:50px;padding:0 10px 25px;position:relative;width:568px;}

#start{
    height:188px;
    padding:80px 15px 30px;
    background-image:url(street.jpg);
}
#start h1{
    color:#2e6dd1;
    font:normal 90px Allura, Helvetica;
    line-height:0.9em;margin:0;
    padding:10px 0;
    text-align:center;
    text-shadow:0 1px 0 #fff;
}
p.tagline{color:#666;font-size:16px;text-align:center;padding-left:48px;padding-top:20px;}

body.inverted {background-color:#1a1a1a;color:#e0e0e0;}
body.inverted #cardstyle {background-color:#101010;border:1px solid #2a2a2a;}
body.inverted #content {background-color:#181818;}
body.inverted h2 {color:#eee;}
body.inverted #start h1 {color:#ddd;text-shadow:0 1px 0 #111;}
body.inverted #footer, body.inverted #footer a {color:#777;}
body.inverted a {color:#ddd;}