/* BEGIN ACCESSIBILITY */
a:focus {
		border: 2px solid #005599 !important;
		padding: 10px 15px;
		color: #000 !important;
	}
	#skipnav {
		text-align: center;
	}
	#skipnav a {
		position: absolute;
		top: -200px; /* hides it offscreen */
		text-decoration: none;
		padding: 15px 30px;
		display: inline-block;
		background-color: #e4a410;
		font-family: Philosopher, Georgia, "Times New Roman", Times, serif;
		color: #fff;
	}
	#skipnav a:focus {    /* makes it visible */
		position: absolute;
		top: 20px;
		right: 20px;
	}
/* END ACCESSIBILITY */
html {
	background-image: url(graphics/bg-sanjuanmtns.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
    height: 100%;
    overflow: hidden;
}
body {
    height: 100%;
    overflow: scroll;
	margin: 0px;
	padding: 0px;
	font-family: Philosopher, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 1.3em;
}
.phoneLinks a {color:#000000;}
.phoneLinksWhite a {color:#ffffff;}
h2 {
	font-family: Philosopher, Georgia, "Times New Roman", Times, serif;
	color: #063;
}
#proycontainer {
	width: 100%;
}
#proyheader {
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	max-width: 900px;
	height: auto;
	color: #FFF;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 24px;
}
#proymain {
	width: 75%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(graphics/bg-main.png);
	background-repeat: repeat;
	padding: 24px;
	margin-top: 0px;
	margin-bottom: -18px;
	overflow: hidden;
}
#mainleft {
	float: left;
	width: 48%;
	clear: both;
	padding-bottom: 20px;
}
#testimonialinsert {
	float: right;
	width: 170px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #e4a410;
	text-align: right;
	line-height: 1.5em;
}
#mainright {
	float: right;
	width: 48%;
	margin-right: 1px;
	padding-bottom: 20px;
}
.mapcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}
.mapcontainerfloatright {
    position: relative;
    width: 50%;
	float: right;
    height: 0;
    padding-bottom: 30%;
}
.map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hpbuttons {
	background-color: #E4A410;
	list-style-type: none;
	float: left;
	margin: 0px;
	line-height: 50px;
}
.hpbuttons a {
	display: block;
	padding: 12px;
	text-decoration: none;
	color: #FFF;
}
.hpbuttons a:hover {
	color: #333;
	background-color: #FFF;
}
#proyfootercontainer {
	background-color: #3A1D00;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: auto;
}
#proyfooter {
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	max-width: 948px;
	color: #FFF;
}
@font-face {
  font-family: 'Philosopher';
  src: url('fonts/Philosopher-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/Philosopher-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Philosopher-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/Philosopher-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Philosopher-Regular.svg#b5e15cf27ce1b492aef070993f60eff9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}
@font-face {
  font-family: 'Overlockital';
  src: url('fonts/Overlock-BlackItalic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Overlock-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Overlock-BlackItalic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Overlock-BlackItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Overlock-BlackItalic.svg#ee0950e82e862f3edbc27fb6f0e12116') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  400;
}
#footerleft {
	float: left;
}
#footerright {
	float: right;
	font-size: 0.8em;
	line-height: 1.3em;
}
.browntext {
	color: #630;
}
.darkbluetext {
	color: #036;
}
@media screen and (max-width: 947px) {
#testimonialinsert {
	display: none;
}
}

@media screen and (max-width: 480px) {
#mainleft {
	width: 100%;
	float: none;
}
#mainright {
	width: 100%;
	float: none;
	clear: both;
}
#testimonialinsert {
	display: none;
}
.mapcontainerfloatright {
    display: none;
}
#footerleft {
	float: none;
}
#footerright {
	float: none;
}
}