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

/*designed & developed by Gina Lorenz 2015
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif; */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	
}
.group:after {
	content: "";
	display: table;
	clear: both;
}
html {
	background-color: #782b2c;
	height: 100%;
}
body {
	height: 60%;
	width: 100%;
	margin: 0px;
	font-family: 'PT Sans', sans-serif;
	background-image: url(../img/wild_oliva.png);
	background-repeat: repeat;
	color: #404040;
}
h1 {
	font-size: 4em	
}
h2 {
	font-size: 2.5em;
	font-weight: 400;
	margin: 0px;
	text-transform: uppercase;
	line-height: 1.15em;
	}
h3 {
	font-size: 2em;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 400;
	color: #d9caad;
}
h4 {
	font-size: 1.5em;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 400;
}
h5 {
	font-size: 1.25em;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 200;
	color: #ddd1bc;
}
h6 {
	font-size: 18px;
	color: #000;	
	font-weight: 600;
	margin: 2em 0px -.5em 0px;
}
#top-h6 {
	clear: both;
	margin-top: -.25em;	
	color: #000;
}
h6 a {
	text-decoration: none;
	color: #782b2c;
}
h6 a:hover {
	color: blue;	
}
p {
	font-size: 18px;
	line-height:1.5em;
}
/*---------------------------------header stuff----------------------*/
#header-wrapper {
	width: 100%;
	height: auto;
	background: url(../img/satinweave_@2X.png) repeat center;
	margin: 0px auto;
	border-bottom: medium solid #782b2c;
}
header {
	width: 90%;
	max-width: 1400px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
}
.header-logo {
	width: 100%;
	margin: auto 0px;
	padding-top: 15px;
}
#header-text {
	margin-top: -68px;
	font-size:1.25em;
}
#header-text a {
	text-decoration: none;
	list-style: none;
	color: #404040;	
	margin-bottom:5px;
}
#header-text a:hover {
	text-decoration: none;
	list-style: none;
	color: #782b2c;	
}
.header-logo p {
	display: inline;
	font-size:1.5em;
}
.header-logo h4 {
	margin: 0px;
	display: inline;
}
.header-logo p {
	font-size: 1.2em;
	margin: 0;

}
header img {
	width: 100%;
	height: auto;
	padding-bottom: 1em;
	margin: 0px;
}

.animate-in {
	position:relative;
	top: 38px;
	-webkit-animation: myAnimation ease forwards 3s;
	-moz-animation: myAnimation ease forwards 3s;
	-o-animation: myAnimation ease forwards 3s;
	-animation: myAnimation ease forwards 3s;
}

@-webkit-keyframes myAnimation {
	 0% {left: -999px;}
	 100% {left: 0%;}
}
@-moz-keyframes myAnimation {
	0% {left: -999px;}
	100% {left: 0%;}
}
@-o-keyframes myAnimation {
	0% {left: -999px;}
	100% {left: 0%;}
}
@keyframes myAnimation {
	0% {left: -999px;}
	100% {left: 0%;}
}

.animate-color {
	position: absolute;
	-webkit-animation: color ease 6s;	
	-moz-animation: color ease 6s;
	-o-animation: color ease 6s;
	-animation: color ease 6s;
}
@-webkit-keyframes color {
	00% {color: #2a3e5d;}
	50% {color: #486c92;} 
	100% {color: #404040;}	
}
@-moz-keyframes color {
	00% {color: #2a3e5d;}
	50% {color: #486c92;} 
	100% {color: #404040;}	
}
@-o-keyframes color {
	00% {color: #2a3e5d;}
	50% {color: #486c92;} 
	100% {color: #404040;}	
}
@keyframes color {
	00% {color: #2a3e5d;}
	50% {color: #486c92;} 
	100% {color: #404040;}	
}

.animate-blink {
	position: relative;
	-webkit-animation: blink 2s ease 1s forwards;	
	-moz-animation: blink 2s ease 1s forwards;
	-o-animation: blink 2s ease 1s forwards;
	-animation: blink 2s ease 1s forwards;
}
@-webkit-keyframes blink {
	00% {color: #A78045;} 
	100% {color: #d9caad;}	
}
@-moz-keyframes blink {
	00% {color: #A78045;} 
	100% {color: #d9caad;}	
}
@-o-keyframes blink {
	00% {color: #A78045;} 
	100% {color: #d9caad;}	
}
@keyframes blink {
	00% {color: #A78045;} 
	100% {color: #d9caad;}
}
/*-----------------------------index stuff----------*/
#content-wrap {
	width: 90%;
	max-width: 1400px;
	height: auto;
	margin: 0px auto;	
}

.redtitlebar {
	width: 100%;
	height: auto;
	background-color: #782b2c;
	text-align: center;
	margin: 30px auto -35px auto;
	padding: 2px 0px 0px 0px;
	border-bottom: solid 2px #540708;
}

.redtitlebar p {
	font-family: 'PT Sans', sans-serif;
	color: #A78045;
	font-size: 1.5em;
	margin: 1.5em 1em;
	padding: 0px 15px;
	text-align: center;
	font-style: italic;
}
.container2 {
	width: 100%;
	height: 200px;
	margin: 0px auto;
}
.midcontainer {
	width: 98%;
	height: auto;
	background-color: #FFF;
	background: url(../img/satinweave_@2X.png) repeat center;
	box-shadow: -10px 0px 20px 10px rgba(0, 0, 0, 0.1);
	margin: 35px auto 25px auto;
	padding-bottom: 1%;
	text-align: center;
}
.midcontainer img {
	width: 90%;
	height: auto;
	text-align: center;
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.25);
	margin: 0px auto 30px auto;
}
#left-corner {
	width: 1%;
	height: auto;
	box-shadow: none;
	margin: -2px 0px 0px 0px;
	float: left;
	border-top: solid 2px #540708;
}
#right-corner {
	width: 1%;
	height: auto;
	box-shadow: none;
	margin: -3px 0px 0px 0px;
	float: right;
	border-top: solid 2px #540708;
}
.nowrap {
	width: 20%;
	height: auto;
	margin: 0px;
	white-space: nowrap;
}
/*-----------------------------end index stuff----------*/

/*-----------------------------applies to all but index----------*/
.left-corner-2 {
	width: 4%;
	height: auto;
	box-shadow: none;
	margin: -2px 0px 0px -4%;
	float: left;
	border-top: solid 2px #540708;
}
#content-wrap2 {
	width: 88%;
	max-width:1400px;
	height: auto;
	background-color: #FFF;
	background: url(../img/satinweave_@2X.png) repeat center;
	margin: 30px auto;
	padding-top: 1px;
}
#content-wrap2-news {
	width: 88%;
	height: auto;
	background-color: #FFF;
	background: url(../img/satinweave_@2X.png) repeat center;
	margin: 30px auto;
	padding-top: 1px;
}
.red-page-title {
	width: 104%;
	height: 45px;
	background-color: #782b2c;
	margin: 25px 0px 1.5em -4%;
	text-align: center;
	padding-top: 10px;
	border-bottom: solid 2px #540708;
}

.red-page-title-whole {
	width: 25%;
	height: 45px;
	background-color: #782b2c;
	margin: 25px 0px .5em -1%;
	text-align: center;
	padding-top: 10px;
	border-bottom: solid 2px #540708;
}
.red-text {
	color: #782b2c;
	width: 100%;
	text-align: left;
	float: left;
	margin: 50px 0px 1.5em 0px;
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
}
.red-text-projects {
	color: #782b2c;
	width: 100%;
	text-align: left;
	float: left;
	margin: 50px 0px 1.5em 0px;
	font-size: 1.25em;
	font-weight: 700;

}
/*--------------------------------column 1-----------------------*/
.column-1 {
	width: 28%;
	height: auto;
	margin: 0px 0px 2em 0px;
	text-align: left;
	float: left;
	color: #404040;
}
.column-1 img {
	width: 82%;
	height: auto;
	margin: 0px 0% 0px 18%;
	background-color: #ddd1bc;
	padding: .25em;
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.25);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	margin-bottom:20px;
}
.column-1 #img-2 {
	width: 82%;
	height: auto;
	margin: 2em 0px 2em 18%;	
	padding: .25em;
	background-color: #ddd1bc;
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.25);
}
.left-corner-2 {
	width: 1%;
	height: auto;
	box-shadow: none;
	margin: 68px 0px 0px -1%;
	float: left;
	border-top: solid 2px #540708;
}	
.column-1-box {
	margin: 1em 0% 0px 20%;
}
.column-1-box-2 {
	background-color: rgba(0, 0, 0, .7);	
	margin: 2em 0px 0px 18%;
	padding:.5em 0px;
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.25);
}
.column-1-box p {
	margin-bottom: .9em;	
}
.column-1-box-2 ul {
	color: #ddd1bc;
	margin: 0px .5em 1.5em .5em;
	font-size: 18px;
}
.column-1-box-2 li {
    margin: 0 1em 10px 0em;
    font-weight: 300;
    line-height: 1.2em;
}
.column-1-box-2 p {
	color: #ddd1bc;
	margin: 1em 1em 1em 1em;
	font-size: 18px;
}

/*--------------------------------column 2-----------------------*/
.column-2 {
	width: 60%;
	height: auto;
	margin: 35px 7% 1em 5%;
	text-align: left;
	float: left;
	color: #404040;
	font-size: 18px;
	padding-bottom: 50px;
}
.column-2-paragraph {
	margin: 0px 0px 1em 0px;
}
.column-2 p {
	margin: 1em 0px;	
}
.column-2-paragraph p, .column-2-paragraph h6 {
	margin: 0px;	
}
.column-2 img {
	
}
.column-2 ul {
	margin: 20px 0px 0px 0;
}
.column-2 li {
	font-size: 18px;
}

/*---------------------------other attributes----------------*/
.red {
	color: #782b2c;	
}
.inline {
	display: inline-block;
	margin-right: .5em;	
}
.bold {
	font-weight: 700;
}
.italic {
	font-style: italic;	
}
.space {
	padding-left: 2em; 
}
.uppercase {
	text-transform: uppercase;
}
.pink a {
	color: #b7816e;	
	text-decoration: none;
}
.pink a:hover {
	color: #782b2c;
	text-decoration: none;
}
.p-lite {
	font-weight: 100;	
}
#news {
	margin: 1em 4em 2em 4em;	
	padding: 0px;
}

footer {
	position: relative;
	bottom: 0px;
	left: 0;
	height:120px;
	min-height:120px;
}
#copyright {
	color: #ddd1bc;
	font-size: .9em;
	position:absolute;
bottom:20px;
	left:42%;
}
#copyright2 {
	color: #ddd1bc;
	margin: -10px 0px 50px 6%;
	position:relative;
	top:90%;
}
#copyright2 p, #copyright p {
	font-size:.9em;
}
.arrows {
	width: 55px;
	height: auto;
	margin: 0px auto;
	float: right;
	margin: -50px 0px 1.5em 10px;
}
.arrows img {
	width: 20px;
	height: auto;
	background: none;
}
.back {
	float: left;
	margin: 0px;
}
.next {
	float: right;
	margin: 0px;
}
/*---------------------------------------nav------------*/
nav		{
	width: 100%;
	margin: 5.5em 0px 0px 0px;
	padding: 0px;
	display: inline-block;
	z-index: 99;
} 
.menu, .menu * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	text-align: left;
}
.menu li {
	float: left;
	position: relative;	
}
.menu a {
	display: block;
	height: 20px;
	margin: 0px;
	padding: 0px 1.5em;
	line-height: 20px;
	text-decoration: none;
	text-transform:uppercase;
	position: relative;
	font-size: 1em;
	color: #404040;
	border-left: solid 1px #404040;
}
.a-home {
	border-left: none;	
}
.menu a:hover {
	color: #782b2c;
}
.menu ul {
	position: absolute;	
}
.menu li:hover, .menu li.sfhover ul {
	visability: inherit; /*fixes IE7 sticky menu bug*/
}
.menu ul li {
	float: none;
	top:-999px;	
}
.menu ul a {
	background: #f1f1f1;
	border-bottom: solid 1px #ccc;
	border-top: solid 2px #404040;
	width: 156px;
	font-size: .75em;
	padding: 0px 1em;
	height: 25px;
}
.menu ul a:hover {
	background: #ccc;
	color: #782b2c;	
}
.menu li:hover ul li, #menu li.sfhover ul li {
	top: 1.5em;
	z-index: 99;
}

@media only screen and (max-width: 1300px) {
	#header-text {
	    margin-top: -64px;
	    font-size: 1.25em;
	}
}
@media only screen and (max-width: 900px) {
	.column-1 {
		width:100%;
		float:none;
	}
	.column-1 img {
	    width: 80%;
	    margin: 20px 10%;
	}
	.column-1-box {
	    margin: 30px 10% 0px 10%;
	}
	.column-2 {
	    width: 80%;
	    margin: 35px 20% 1em 10%;
	    float: none;
	}
	.column-1-box-2 {
	    background-color: rgba(0, 0, 0, .7);
	    margin: 30px 10% 0px 10%;
	    padding: 10px;
	    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.25);
	    width: 80%;
	}
	.column-2 ul {
	    margin: 20px 0px 0px 0;
	}
}
@media only screen and (max-width: 767px) {
	#header-text {
		margin-top: -58px;
	}
}
@media only screen and (min-width: 620px) and (max-width: 719px) {

h2 {
	font-size: 2em;
	}
h4 {
	font-size: 1em;
}
p {
	font-size: .75em;
}
header {
	padding: 0px;
	margin: 0px auto;
}
.header-logo {
	width: 100%;
	margin: auto 0px;
	padding-top: 15px;
}
#header-text {
	margin-top: -46px;
}
.animate-in {
	top: 44px;
}
header img {
	width: 100%;
	height: auto;
	padding: 0px;
}
.menu, .menu * {
	float: right;
	text-align: left;
}
nav		{
	margin: 5.5em 0px 0px 0px;
} 
.menu a {
	padding: 0px 1em;
	font-size: .85em;
}
	
}
@media only screen and (min-width: 519px) and (max-width: 719px) {

h2 {
	font-size: 2em;
	}
h4 {
	font-size: 1em;
}
header {
	padding: 0px;
	margin: 0px auto;
}
.header-logo {
	width: 100%;
	margin: auto 0px;
	padding-top: 15px;
}
#header-text {
    margin-top: -40px;
}
.animate-in {
	top: 38px;
}
header img {
	width: 100%;
	height: auto;
	padding: 0px;
}
.menu, .menu * {
	float: right;
	text-align: left;
}
.menu a {
	padding: 0px 1em;
	font-size: .85em;
}

}
@media only screen and (min-width: 481px) and (max-width: 518px) {

h2 {
	font-size: 2em;
	}
h4 {
	font-size: 1em;
}

header {
	padding: 0px;
	margin: 0px auto;
}
.header-logo {
	width: 100%;
	margin: auto 0px;
	padding-top: 15px;
}
#header-text {
    margin-top: -40px;
}
.animate-in {
	top: 38px;
}
header img {
	width: 100%;
	height: auto;
	padding: 0px;
}
.menu, .menu * {
	float: right;
	margin: 0px auto;
}
.menu a {
	padding: 0px .5em;
	font-size: .85em;
}

}
/*---------------SMART PHONES----------------	*/
@media only screen and (min-width: 00px) and (max-width: 480px) {
html {
	background: none;
}
#content-wrap {
	width: 100%;
}
.midcontainer {
	width: 100%;
	height: auto;
	background: none;
	margin: 0px auto;
	padding-bottom: 1%;
	text-align: center;
}

.midcontainer img {
	width: 100%;
	height: auto;
}
h2 {
	font-size: 2em;
	}
h4 {
	font-size: 1em;
}
.redtitlebar {
	display: none;	
}

.header-logo p {
	font-size: .85em;
	margin: 0 0 0 20px;
	line-height: 1em;
}
#header-text {
    margin-top: -40px;
	text-align: left;
}
.animate-in {
	top: 32px;
}
#header-wrapper {
	position: relative;
	border-bottom: none;
}
header {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
.header-logo {
	width: 100%;
	margin: auto 0px;
	padding-top: 1em;
}

header img {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-bottom: .25em;
}
.column-1 {
	width: 82%;
	height: auto;
	margin: 0px 9% 2em 9%;
	text-align: left;
	float: left;
	color: #404040;
	font-size:18px;
}
.column-1 img {
	width: 82%;
	height: auto;
	margin: 0px 9%;
	padding: .25em;
}
.column-1 #img-2 {
	width: 82%;
	height: auto;
	margin: 2em 9% 2em 9%;	
	padding: .25em;
}
.column-2 {
	width: 82%;
	height: auto;
	margin: 0em 9% 2em 9%;
	text-align: left;
	float: left;
	font-size:18px;
}
.column-2 li {
	font-size:18px;
}
.column-1-box {
	width: 82%;
	margin: 1em 9% 0px 9%;
}
.column-1-box-2 {
	width: 82%;
	margin: 1em 9% 0px 9%;
	padding:.5em 0px;
	font-size: 18px;
}
.red-text {
	color: #782b2c;
	width: 100%;
	text-align: left;
	margin: 0px 0px 1.5em 0px;
}

.column-1-box p {
	margin-bottom: .9em;	
}
.column-1-box-2 ul {
	color: #ddd1bc;
	margin: 0px 1em 1.5em 1em;
	font-size: 18px;
}
.column-1-box-2 li {
	margin: 0 0 1em .5em;
	font-size:18px;	
}
.column-1-box-2 p {
	color: #ddd1bc;
	margin: 1em 0px 1em 2em;
	font-size: 18px;
}

nav {
	position: relative;
	width: 100%;
	height: auto;
	margin: 45px 0px 0px 0px;
	display: block;
}
.menu, .menu * {
	margin: 0px auto;
	list-style: none;
	float: none;
}
.menu a {
	display: block;
	margin: 0px;
	text-decoration: none;
	position: relative;
	border-left: none;
}
.menu-mobile, .menu-mobile * {
	width: 100%;
	margin: 1px auto;
	padding: 0px;
	list-style: none;
	float: left;
	text-align: center;
}
.menu-mobile li {
	float: left;
	position: relative;	
}
.menu-mobile a {
	width: 100%;
	height: auto;
	margin: 0px auto ;
	padding: .5em;
	display: block;
	text-decoration: none;
	position: relative;
	font-size:1em;
	color: #d9caad;
	border-left: none;
	background: #782b2c;
}
#a-home {
	border-left: none;	
}
.menu-mobile a:hover {
	color: #782b2c;
	background: rgba(255, 255, 255, .5);
}

.menu-mobile li:hover, .menu li.sfhover ul {
	visability: inherit; /*fixes IE7 sticky menu bug*/
}
.arrows {
	display: none;
}
.arrows img {
	display: none;
}
.column-2 li {
    font-size: 18px;
}
}
/*----------------iPAD LANDSCAPE ---------------*/
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	html, body {
		overflow-x: hidden;
		overflow-y: hidden;
	}
}

/*----------------iPAD PORTRAIT---------------*/
@media only screen and (max-device-width: 768px) and (orientation:landscape) {
	html, body {
		overflow-x: hidden;
		overflow-y: hidden;
	}
}