body {
font-family: Arial, sans-serif; 
font-size: 14px;
margin: 0px 0px;
}



a {
color: #606496;
}
a:hover {
color: #656AB8;
}

.clear {
clear:both;
}

.space {
height: 30px;
}

.space2 {
height: 10px;
}

.light {
color: #999;
font-size: 12px;
}

h1 {
font-size: 80px;
padding: 10px 0px 10px 0px;
margin: 0px;
font-weight:normal;
line-height:70px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

h1 span {
font-size:83px;
}

h2 {
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
color: #666;
margin: 0px;
padding: 0px;
}

h3 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 24px;
font-weight:normal;
padding-bottom:0px;
margin-bottom:0px;
line-height:22px;
}

h4 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 18px;
font-weight:normal;
padding-bottom:0px;
margin-bottom:0px;
line-height:18px;
}

.section-title {
font-size: 50px;
padding: 0px 0px 10px 0px;
margin: 0px;
font-weight:normal;
line-height:70px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.tagline {
font-size: 18px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.nav {
list-style:none;
font-size: 15px;
margin-left: 0px;
padding-left: 0px;
}
.nav li {
margin-left: 0px;
padding-left: 0px;
}
.nav a {
text-decoration: none;
color: #666;
}

.links {
padding-left: 15px;
}

.links li {
margin-bottom: 10px;
}

.alignright {
float:right;
margin:10px;
}

.alignleft {
float:left;
margin:10px;
}

.content, .timeline {
width: 580px;
margin-right: 20px;
float: left;
}

.sidebar {
width: 220px;
float: left;
}

#container {
padding: 0px 20px;
margin: 0px auto;
width: 940px;
}

.content-A {
width: 820px;
padding: 20px 60px;
margin: 0px 0px;
background-color: #fff;
border-top: 1px solid #CFC8BF;
border-left: 1px solid #CFC8BF;
border-right: 2px solid #CFC8BF;
border-bottom: 2px solid #CFC8BF;
}

.content-B {
width: 820px;
padding: 20px 60px;
margin: 20px 0px;
background-color: #fff;
border-top: 1px solid #999191;
border-left: 1px solid #999191;
border-right: 2px solid #999191;
border-bottom: 2px solid #999191;
}

.content-C {
width: 820px;
padding: 0px 60px;
margin: 20px 0px;
background-color: #fff;
}

.content-D {
padding: 20px 20px;
margin: 0px auto;
width: 940px;
background-color: #fff;
}

.bg-D {
background-color:#fff;
background-image:none;
width:100%;
border-top: 1px solid #999191;
border-bottom: 2px solid #999191;
}

.bg-C {
background-color:#fff;
background-image:none;
width:100%;
border-top: 1px solid #999191;
border-bottom: 2px solid #999191;
}

.bg {
background: url('http://sarahdopp.com/img/diagbg3.gif') repeat;
width: 100%;
padding: 40px 0px;
}

.border-top {
border-top: 2px solid #CFC8BF;
}

.border-bottom {
border-bottom: 2px solid #CFC8BF;
}


.bg1 {
background: url('site_img/dopp_mountains.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0px;
}

.bg2 {
background: url('site_img/dopp_sf.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0px;
}

.bg3 {
background: url('site_img/dopp_cloudy.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0px;
}

.content1, .content2, .content3 {
width: 500px;
height: 300px;
background-color: #FAF5F0;
font-size: 100px;
padding: 20px;
margin: 0px auto;
}

.divider {
height: 20px;
background-color: #000;
width: 100%;
}

.four-cols-1, .four-cols-2, .four-cols-3, .four-cols-4 {
float:left;
width:220px;
padding: 0px;
}

.four-cols-1 {
margin: 0px 20px 0px 0px;

}

.four-col-2 {
margin: 0px;
}

.four-cols-3, .four-cols-4 {
margin: 0px 0px 0px 20px;
}


.review {
border-top:1px solid #ccc;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:1px solid #ccc;
padding:5px;
margin:20px 0px;
font-size:13px;
}

.smaller {
font-size: 13px;
}

.attribution {
text-align:right;
font-size:12px;
margin-top:15px;
}

/*timeline*/
.timeline {
background: url('site_img/timeline-bar.png') 30px repeat-y;
}
.timeline .year {
background: url('site_img/timeline-year.png') 14px top no-repeat;
height: 39px;
padding-left: 20px;
padding-top: 13px;
font-weight:bold;
font-size:12px;
color: #fff;
}

.timeline .marker {
background: url('site_img/timeline-marker.png') 18px 4px no-repeat;
padding: 0px 0px 20px 55px;
font-size:14px;
}

.timeline-options, .sidebar-box {
background-color: #F7F5F6;
border: 2px solid #ccc;
padding: 5px;
}

.timeline-options form {
padding-top: 10px;
font-size:13px;
}

.client-label {
color: #5173BD;
}

#client.marker {
background: url('site_img/timeline-marker-blue.png') 18px 4px no-repeat;
}
#community.marker {
background: url('site_img/timeline-marker-purple.png') 18px 4px no-repeat;
}
#other.marker {
background: url('site_img/timeline-marker-red.png') 18px 4px no-repeat;
}
#life.marker {
background: url('site_img/timeline-marker-green.png') 18px 4px no-repeat;
}


.community-label {
color: #A84295;
}

.other-label {
color: #B83521;
}

.life-label {
color: #257326;
}

#community, #other, #life {

}

.client-label, .community-label, .other-label, .life-label {
font-weight:bold;

}