@charset "utf-8";
/* CSS Document */

/* BUILDING BLOCKS */


.left {float:left;}
.right {float: right;}
.center { text-align: center;}

.top-60 {margin-top: 60px;}
.top-100 {margin-top: 100px;}
.top-340{margin-top: 340px;}
.bottom-100 {margin-bottom: 100px;}
.left-100 { margin-left: 100px;}
.width-70 { width: 70%;}
.clear{clear: both;}
.inline_block{display: inline-block;}
.dot_line{ border-top: dotted thin #444444;}

a { color: #eb422a; text-decoration: none; }
a:hover{text-decoration: none; color: #4ca09b }
a:visited { color: #cccccc; }
a:focus { outline: thin dotted; }

.about a:hover{ color: #eb422a;}
.services a:hover{ color: #4ca09b;}
.contact a:hover{ color: #375365;}

h2 { width: 155px; border-bottom: 4px solid #f7993e;}
h3 { font-weight: 100;}
p, ul{ font-family: Arial, Helvetica, sans-serif; font-size: .75em;}

@font-face {
    font-family: 'MuseoSlab500';
    src: url('Museo_Slab_500-webfont.eot');
    src: url('Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo_Slab_500-webfont.woff') format('woff'),
         url('Museo_Slab_500-webfont.ttf') format('truetype'),
         url('Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
color: #444444;
font-family: ; 
font-size: 100%;
line-height: 2;
font-family:Arial, Helvetica, sans-serif;
}

#container{
width: 950px;
margin:0 auto;
}

#nav{
float: right;
padding: 0;
width: 30%;
height: auto;
margin-top:10px;
/*margin:0;*/
/*padding-bottom: 7px;*/
overflow: hidden;
    padding: 0 0 5px;
}

#nav ul li{
display: inline;
padding: 0 20px 30px 5px;
height: 100px;
}

#nav ul	{
display: block;
}

.about {
background:url('../images/about.jpg') no-repeat 0 20px;
width: 45px;
}

.services {
background:url('../images/services.jpg') no-repeat 8px 20px;
width: 46px;
}

.contact {
background:url('../images/contact.jpg') no-repeat 5px 20px;
width: 46px;
text-align: center;
}

#wrap{
background-color:#FFFFFF;
position:fixed;
width:100%;
padding:0;
}

#running-banner{
background: url('../images/running-banner.jpg') repeat-x; 
height: 100px;
clear:both;
}

h1 img{
float:left; 
position: relative;
bottom:34px;
left: 126px;
}

#banner {
background: url('../images/header-bg.jpg') repeat ;
clear:both;
height: 380px;
text-align:center;
padding-top: 150px;
}

.article{
padding-top: 90px;
margin:0;
clear:both;
}

.subheaders{
float: left; 
width: 20%;
clear:both;
}

.paragraph{
width: 75%;
float:right;
}

/*---- FOOTER -----*/
#footer {
margin-top: 1000px;
padding: 20px;
}