@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

body,
html{
	font-family: 'Roboto Slab', serif;
	letter-spacing: 0px;
}

.typography p{
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

.light-text,
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text h7,
.light-text p{
	color: #fff;
}


.brown-text,
.brown-text h1,
.brown-text h2,
.brown-text h3,
.brown-text h4,
.brown-text h5,
.brown-text h6,
.brown-text h7,
.brown-text p{
	color: #786b46;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography h7,
.typography p,
.typography ul,
.typography ol{
	color: #786b46;
}

.typography .btn,
.typography a{
	color: #fff;
	background-color: #85c440;
	display: inline-block;
	padding: 10px;
	font-size: 16px;
	border: 0px none;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0px;
	font-family: 'Roboto Slab', serif;
}

.typography a{
	margin-bottom:4px;
}

.typography .normal-link{
	font-size: inherit!important;
	font-family: inherit!important;
	background: transparent!important;
	padding:0px 0px!important;
	color: inherit!important;
}

.typography .normal-link a{
	font-size: inherit!important;
	font-family: inherit!important;
	background: transparent!important;
	padding:0px 0px!important;
	color: inherit!important;
}

.typography .green-link{
	font-size: inherit!important;
	font-weight: bold!important;
	font-family: inherit!important;
	background: transparent!important;
	padding:0px 0px!important;
	color: #85c440!important;
	font-weight: bold!important;
}

.typography .brown-button{

}

.typography .brown-button a{
	background-color: #786b46;
}

.typography .light-brown-button{

}

.typography .light-brown-button a{
	background-color: #a49c85;
}

.typography ul,
.typography ol,
.typography ul li,
.typography ol li{
	margin-left: 0px;
	padding-left: 5px;
	font-family: 'PT Sans', sans-serif;
}

.typography ul,
.typography ol{
	margin-left: 15px;
}

.typography ul li,
.typography ol li{
	padding-top: 5px;
	padding-bottom: 5px;
}

.typography blockquote {
	padding: 30px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 0px solid #eee;
	
	background-image: url(../images/blockquote.jpg);
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
	  
	  color: #fff;
}

.typography blockquote p {
	color: #fff;
	text-align: center;
	font-size: 22px;
	background: url(../images/blockquote-top.png) no-repeat center top;
	padding-top: 40px;
	padding-left: 15%;
	padding-right: 15%;
	font-family: 'Roboto Slab', serif;
	line-height: 32px;
}

.typography blockquote address {
	text-align: center;
	font-size: 16px;
	margin-bottom: 0px;
	background: url(../images/blockquote-bottom.png) no-repeat center top;
	padding-top: 40px;
	margin-top: 15px;
	display: block;
	font-family: 'Roboto Slab', serif;
}

/* HR */
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 3px solid #786b46;
}


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
    margin-bottom: 20px;
}

  .typography table thead tr td{
		background-color: #786b46;
		color: #fff;
		padding: 5px 10px;
		font-size: 14px;
		border: 2px solid #786b46;
		border-right: 2px solid #8d7f59;
  }
  
  .typography table thead tr td:last-child{
  	border-right: 2px solid #786b46;
  }
  
  .typography table tbody tr td{
		padding: 5px 10px;
		border-bottom: 2px solid #786b46;
		border-left: 2px solid #786b46;
		border-right: 2px solid #786b46;
		font-size: 14px;
		color: #786b46;
  }
  
  .typography .left{
	  float: left;
	  padding-right: 8px;
  }
  
  .typography .right{
	  float: right;
	  padding-left: 8px;
  }