/* MAIN LAYOUT */
body {
    margin: 0;
    background: #cccccc;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
}
	.main {
        width:960px;
        margin:0 auto;
	    background: #fff;
	    padding: 20px 20px 60px;
	}
	.inner {
	    max-width: 1000px;
	    margin: 0 auto;
	}

/* HEADER */
.header {
    width:1000px;
    margin:0 auto;
    position:relative;
    background: #ffffff;
}
	.header .inner {
        position:relative;
	}

.tagline {
    float:left;
    padding:8px;
    color:#bbaaaa;
    font-weight:bold;
}
/* NAVIGATION */

	/* Primary navigation */
	.header .inner .unit {
		position: relative; /* used to position the main navigation */
	}
	.navigation {
	    display:block;
	    overflow:hidden;
	    background-color:#685454;
	    border-bottom:2px solid #3d3a3a;
	    text-align:right;
	}
	header nav ul {
	    float:right;
	}
	.header .primary li {
	    float: left;
	    margin: 0 5px;
	    position: relative;
	    white-space: nowrap; /* forces text to never wrap onto a second line */
	}
	.header .primary li a {
	    color: #fff;
	    font-size: 13px;
	    font-family: Helvetica, Arial, sans-serif;
	    padding: 6px 8px;
	    font-weight: bold;
	    display: block;
	}
	.header .primary li a:hover {
	    color: #bbaaaa  ;
	}
	.header .primary li.section a,
	.header .primary li.current a {
	    color: #fff;
	}


/* FOOTER */
.footer {
    color: #999;
    width:960px;
    background: #ededed;
    padding: 20px;
    font-size: 11px;
    line-height: 22px;
    overflow:hidden;
}
	.footer a {
	    color: #999;
	}
	.footer a:hover {
	    color: #B90000;
	}
	.footer .left {
	    float: left;
	    color: #000;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer .right {
	    float: right;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer span {
	    padding: 0 3px;
	    color: #bbb;
	}
	.footer .primary,
	.footer .primary ul {
	    display: inline;
	    margin: 0;
	    padding: 0;
	}
		.footer .primary li {
		    display: inline;
		}
	.ie6 .footer .primary li,
	.ie7 .footer .primary li { /* this is a bugfix for ie6/7 */
	    display: inline;
	    zoom: 1;
	    margin-right: 10px;
	}
	.footer .primary li:after { /* adds '/' to separate the footer navigation items */
	    padding: 0 3px 0 5px;
	    content: '/';
	    color: #999;
	}
	.footer .primary li:last-child:after {
	    content: ''; /* makes sure last nav item doesn't have a '/' following it */
	}
	.footer .arrow {
	    padding: 0 8px 0 5px;
	    color: #b80000;
	    font-size: 13px;
	}
	.footer .primary .nav-open-button {
	    display: none; /* the footer includes the primary nav include - this makes sure the nav open close button doesn't show up */
	}