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

@font-face {
	font-family: 'myriad_web_proregular';
	src: url('../fonts/myriadwebpro-webfont.eot');
	src: url('../fonts/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/myriadwebpro-webfont.woff') format('woff'),
			 url('../fonts/myriadwebpro-webfont.ttf') format('truetype'),
			 url('../fonts/myriadwebpro-webfont.svg#myriad_web_proregular') format('svg');
	font-weight: normal !important;
	font-style: normal !important;
}

body {
	margin:0;
	padding:0;
	overflow:hidden;
	font-family: "myriad_web_proregular", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-position: center top;
	color: #a2998b;
	background-color: #FFF;
	font-weight:normal !important;
}

a {
	color: #695d49;
	text-decoration:none;
}
a, a:after {
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
a:hover {
	color: #695d49;
}
::selection {
	color:#695d49;
}
::-moz-selection {
	color:#695d49;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
h1 {
	font-family: "myriad_web_proregular", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #695d49;
	padding: 0;
	margin: 0 0 10px 0;
}
h2 {
	font-family: "myriad_web_proregular", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

hr {
	padding: 0;
	margin: 15px 0;
	height: 1px;
	border: 0;
	background-color:#a2998b;
}

.container {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	clear: both;
}

#content {
	position:absolute; bottom: 160px; height: auto; color:#FFF; margin-left: 35px;
}

#content a {
	color: #695d49;
}
#content a:hover {
	color: #a2998b;
}

#content ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 5px 0;
}
#content ul li {
	list-style: none;
	margin: 0 0 0 20px;
	list-style-image:url(../images/arrow-right_white-little.png);
}

#contentArea {
	color: #695d49;
}
#contentArea a {
	color: #a2998b;
}
#contentArea a:hover {
	text-decoration:underline;
}

#contentAreaPopup {
	padding: 30px 30px 0 30px; height: 330px;
}

#nav {
	position:absolute;
	color: #a2998b;
	top: 85px;
	float: right;
	right: 0;
	height: 10px;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
	letter-spacing: 2px;
}
#nav ul li {
	float: left;
	padding:0;
	margin:0;
}
#nav ul li a {
	margin-right: 35px !important;
	color: #a2998b;
}
#nav ul li a:hover {
	color: #695d49;
}
#nav .active {
	color: #695d49;
}

.subnav {
	display: none;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a2998b;
}
.subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float:right;
}
.subnav ul li {
	float: left;
	margin-left: 30px;
}

#status {
	position:absolute; bottom: 0;
	height:40px;
	width: 100%; overflow:hidden; color:#FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a2998b;
	background-color:rgba(255,255,255,0.8);
}

#play-button{
	position:absolute;
	right: 25px;
	float:right;
	bottom: 155px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a2998b;
}

.boarder {
	border: 1px solid #a2998b;
}

.closebox {
	position:absolute; right: 25px; width: 30px; top: 21px;
	opacity:0.8;
}
.closebox:hover {
	opacity:1;
}

.box {
	-moz-box-shadow: 0 0 15px #a2998b;
	-webkit-box-shadow: 0 0 15px#a2998b;
	box-shadow: 0 0 15px #a2998b;
}

.contentLoader {
	width: 66px; height: 66px; display:none;
}

#form input {
	width: 270px;
	padding: 3px;
	border: 1px solid #FFF;
}

.hidden { visibility: hidden; }

#logo {
	padding: 50px 0 20px 35px;
	background-color:#FFF;
}

#footer {
	font-family: "myriad_web_proregular", Arial, Helvetica, sans-serif;
	/* position: absolute; bottom: 0; width:100%; padding: 10px 0 5px 35px; background-color:rgba(105,93,73,0.9); height: 20px; color:#a2998b; */
	position: absolute;
	bottom: 0; width:100%;
	/*
	background-color:rgba(105,93,73,0.6);
	color:#FFF;
	overflow-x:hidden;
	*/
	height:134px;
	background-color:#FFF;
	border-top: 1px #dad6d1 solid;
}


@media (max-height: 900px) {
	#logo {
		padding: 20px 0 20px 35px;
	}
	#nav {
		top: 55px;
	}
	#progress-back {
		top: 103px !important;
	}
	#slidecaption {
		bottom: 10px !important;
	}
	#play-button {
		bottom: 76px !important;
	}
	#footer {
		height:55px;
	}
}

@media (max-height: 300px) {
	#prevnext {
		visibility:hidden;
	}
	#play-button {
		visibility:hidden;
	}
}


/* BREADCRUMB NAV */

#breadcrumb-nav { width: 940px; }

.breadcrumb {
	list-style: none;
	overflow: hidden;
	font: 18px Helvetica, Arial, Sans-Serif;
	margin: 0 auto;
	padding: 0;

	width: 940px;


}
.breadcrumb li {
	float: left;
}
.breadcrumb li a {
	color: white;
	text-decoration: none;
	padding: 10px 2px 10px 79px;
	background-color: #a29a8c;
	position: relative;
	display: block;
	float: left;
	font-size: 11px;
	color:#FFF !important;
}



.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 45px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 45px solid transparent;
	border-left: 45px solid #a29a8c;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 45px solid transparent;
	border-bottom: 45px solid transparent;
	border-left: 45px solid white;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	margin-left: 6px;
	left: 100%;
	z-index: 1;
}
.breadcrumb li:first-child a {
	padding-left: 33px;
}
.breadcrumb li:nth-child(2) a       { background: 			 #aba498; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #aba498; }

.breadcrumb li:nth-child(3) a       { background:        #b5aea3; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #b5aea3; }

.breadcrumb li:nth-child(4) a       { background:        #beb8af; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #beb8af; }

.breadcrumb li:nth-child(5) a       { background:        #c7c2ba; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #c7c2ba; }

.breadcrumb li:nth-child(6) a       { background:        #d0ccc5; }
.breadcrumb li:nth-child(6) a:after { border-left-color: #d0ccc5; }

.breadcrumb li:nth-child(7) a       { background:        #dad7d1; }
.breadcrumb li:nth-child(7) a:after { border-left-color: #dad7d1; }

.breadcrumb li:nth-child(8) a       { background:        #e3e1dc; }
.breadcrumb li:nth-child(8) a:after { border-left-color: #e3e1dc; }

.breadcrumb li:nth-child(8) a {
	padding-right: 33px;
}

/*
.breadcrumb li:last-child a {
	background: white !important;
	color: black;
	pointer-events: none;
	cursor: default;
}
*/
.breadcrumb li:last-child a:after { border: 0;  }

.breadcrumb li a:hover { background-color: #695d49; text-decoration: none !important; }
.breadcrumb li a:hover:after { border-left-color:#695d49; }

.breadcrumb li .active {
	background-color: #695e4a !important;
}
.breadcrumb li .active:after {
	border-left-color:#695e4a !important;
}

#thankyou {
	background: #a2998b;
	padding: 20px;
	color: #FFF;
	height: 100%;
}
#thankyou h2 {
	font-size: 18px;
	padding: 0;
	margin: 0 0 10px 0;
}
.form-error {
  border: 1px solid #FF0000 !important;
  background-color: #fff2f2 !important;
  background: #fff2f2 !important;
}
