/*
Original design: The Grid (v1.1 - Sep 12, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/the-grid/
*/

*{margin:0; padding:0; box-sizing:border-box;}

/* General styles */
body {background:#fff url(images/background.jpg) top center no-repeat; color:#303030; font:84% Helvetica,Tahoma,sans-serif; line-height:1.4em;}
a {color:#2a5a7a; text-decoration:none;}
a:hover {text-decoration:underline;}
p,ul,ol,dl {margin:0 0 20px 0;}
ul {padding-left: 1em;}
h1,h2,h3 {font-weight:400; line-height:1em; font-family:Georgia, serif;}
h1 {color:#2a5a7a; font-size:3.2em;}
h1 a {color:#2a5a7a; text-transform:none;}
h2 {font-size:2.2em; color:#2a5a7a; margin:0 0 10px; border-bottom:2px solid #eee;}
h3 {font-size:1.6em; color: #2a5a7a; margin:0 0 10px 0;}

/* Main container */
#width960 {
    width: 960px;
    max-width: 100%;
    margin: 20px auto;
}

/* Footer */
#footer .col {text-align:right; color:#333; font-size:0.9em; border-top:2px solid #eee; padding:10px 0;}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:0 10px; display:inline;}
.col img {max-width:100%; height:auto;}
.row {width:960px; max-width:100%; margin:0 auto; overflow:hidden;}
.row .row {margin:0 -10px; width:auto; display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}

/* Menu list style */
ul.menu {list-style:none; margin:0; padding:10px 0 0; border-top:0px; solid #eee;}
ul.menu li {list-style:none; font-size:1em; margin:0 0 4px; padding:0 0 4px 0; color:#888; border-bottom:0px solid #eee;}
ul.menu li a {font-size:1.4em; font-family:Georgia, serif;}

/* Only collapse on genuinely small screens */
@media screen and (max-width: 1000px) {
    #width960 {
        width: 100%;
        margin: 10px auto;
        padding: 0 10px;
    }

    .row {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    .col {
        float: none;
        display: block;
        width: auto !important;
        margin: 0 0 20px 0;
        overflow: visible;
    }

    .row .row {
        margin: 0;
        display: block;
    }

    #footer .col {
        text-align: left;
    }

    h1 {font-size:2.4em;}
    h2 {font-size:1.8em;}
    h3 {font-size:1.4em;}
}