@font-face {
     font-family: Andrea;
     src: url(../fonts/Andrea.woff);
}

@font-face {
    font-family: Agnes;
    src: url(../fonts/Agnes.woff);
}

@font-face {
    font-family: Alba;
    src: url(../fonts/Alba.woff);
}

@font-face {
    font-family: Algerian;
    src: url(../fonts/Algerian.woff);
}

@font-face {
    font-family: Brush Script;
    src: url(../fonts/BrushScriptStd.woff);
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri.woff);
}

@font-face {
    font-family: Century;
    src: url(../fonts/Century.woff);
}

@font-face {
    font-family: Forte;
    src: url(../fonts/Forte.woff);
}

@font-face {
    font-family: Impact;
    src: url(../fonts/Impact.woff);
}

@font-face {
    font-family: Oldenglish;
    src: url(../fonts/Oldenglish.woff);
}

@font-face {
    font-family: Playbill;
    src: url(../fonts/Playbill.woff);
}

@font-face {
    font-family: Vladimir Script;
    src: url(../fonts/Vladimir.woff);
}

body {
	margin: 0px;
	font-family: Helvetica;
	font-weight: 100;
	background-color: #FFF;
	background-repeat: repeat;
}

a {
     text-decoration: none;
     color: #000;
}

section.top a, section.foot a {
	text-decoration: none;
	color: #FFF;
}

a.vet {
	text-decoration: none;
	color: #d38a0a;
}

a:hover { color: #d38a0a; }
.bg a:hover { color: #FFF; }
.bg ul li a:hover { color: #d38a0a; }
a.vet:hover {	color: #000; }

section.top {
	position: fixed;
	top: 0;
	width: 100%;
	border: 10px solid transparent;
	-webkit-border-image: url('../images/border.png') 30 stretch;
	border-image: url('../images/border.png') 30 stretch;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	z-index: 10;
}

section.top div.bg {
	overflow: hidden;
	color: #FFF;
	background-color: rgba(58, 80, 93, 0.85);
}

section.top div.left {
	float: left;
	margin: 10px 0px;
	font-family: Andrea;
	font-size: 48px;
	line-height: 70px;
}

section.top div.left p {
	font-family: Helvetica;
	font-size: 24px;
	line-height: 16px;
	margin: 0;
}

section.top div.right {
	float: right;
	font-size: 24px;
	font-weight: bold;
	margin: 10px;
	line-height: 100px;
}

section.top img {
	float: left;
	height: 95px;
	margin: 10px;
}

section.top img.phone {	
	height: 50px;
	margin-top: 28px;
}

section.topHP {
	position: relative;
	height: 665px;
	background: url('../images/tetonBG.jpg') center center no-repeat;
    background-size: cover;
}

section.midHP {
	position: relative;
	height: 500px;
	background: url('../images/lakeBG.jpg');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #FFF;
}

section.midHP div {
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}

section.midHP form {
	width: 475px;
	margin: auto;
}

section.midHP form table { width: 100%; }

section.midHP form input {
	width: 170px;
	height: 26px;
	padding: 4px 20px;
	border: none;
	margin: 0 7px 25px;
}

input.submit {
	background-color: #d38a0a;
	height: 30px !important;
	width: 100px !important;
	color: #FFF;
	margin-top: 20px;
}

section.midHP form textarea {
	width: 400px;
	height: 70px;
	margin-top: 15px;
	padding: 4px 20px;
	border: none;
}

.topIMG {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.topIMG img {
	display: block;
	margin: auto;
}

.topText {
	position: absolute;
	bottom: 300px;
	z-index: 1;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
}

.topText b {
	font-size: 40px;
}

.topText img {
	width: 80px;
}

div.right ul {
	margin: 3px 16px 0px 0px;
}

div.right ul li {
	font-family: Helvetica;	
	display: inline-block;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}

div.right ul li:hover {
	color: #d38a0a;
}

section.content1 {
	background-color: #FFF;
	overflow: hidden;
	text-align: center;
	padding: 0 8px 50px;
}

section.content1 div {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
}

section.content12 {
	background-color: #FFF;
	overflow: hidden;
	text-align: center;
	padding-bottom: 50px;
}

section.content12 div {
	max-width: 1000px;
	margin: auto;
}

section.content1 h1.comingSoon {
	text-align: center;
	font-size: 75px;
	color: #4E483E;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

section.content1 table { width: 100%; }

section.content1 table td {
	text-align: center;
    padding: 0px;
    line-height: 34px;
}

section.content1 table td.times {
	font-family: Times;
}

section.content1 form input {
	width: 170px !important;
	height: 26px;
	padding: 4px 20px;
	border-color: #d38a0a;
    margin: 5px;
}

section.content1 form textarea {
	width: 80%;
	height: 200px;
	padding: 10px;
	border-color: #d38a0a;
	border-width: 2px;
}

section.content1 form input[type=radio] {
     width: 30px !important;
     height: 20px;
}

b.thanks { color: #d38a0a }
section.content1 form select.normal { width: 170px; height: 26px; }

section.content1 form input.chk {
	width: 18px !important;
	height: 18px;
	margin: 10px 0px;
}
section.content1 form input.style { width: 14px !important; height: 14px !important; }

section.content1 form input.wide { width: 270px !important; }
section.content1 form input.extraWide {
     width: 360px !important;
     font-family: Arial Black;
     border: none;
     text-align: center;
     font-size: 24px;
     background: transparent;
}

section.content12 form textarea.contact { width: 625px; }

section.content12 form select.normal { width: 170px; height: 26px; }

section.content12 form input.chk {
	width: 18px !important;
	height: 18px;
	margin: 10px 0px;
}
section.content12 form input.style { width: 14px !important; height: 14px !important; }

section.content12 form input.wide { width: 270px !important; }
section.content12 form input.extraWide {
     width: 360px !important;
     font-family: Arial Black;
     border: none;
     text-align: center;
     font-size: 24px;
     background: transparent;
}

section.content12 h1.comingSoon {
	text-align: center;
	font-size: 75px;
	color: #4E483E;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

section.content12 table { width: 100%; }

section.content12 table td {
	text-align: center;
    padding: 0px;
    line-height: 34px;
}

section.content12 table td.times {
	font-family: Times;
}

section.content12 form input {
	width: 170px !important;
	height: 26px;
	padding: 4px 20px;
	border-color: #d38a0a;  
}

section.content12 form textarea {
	width: 80%;
	height: 200px;
	padding: 10px;
	border-color: #d38a0a;
	border-width: 2px;
}

section.content12 form input[type=radio] {
     width: 30px !important;
     height: 20px;
}

div.inscription {
     width: 400px;
     margin-left: 15px !important;
     padding: 60px 0px;
}

div#scrolls_msdd { overflow: initial; width: 310px !important; margin-left: -4px; }
div.ddTitle { overflow: initial !important; }

.scroll { height: 60px !important; line-height: 60px; }

section h2 {
	font-weight: 100;
	font-size: 24px;
}

section h3 {
	font-weight: 100;
	font-size: 26px;
}

section h3.white { color: #FFF; }

section.gallery {
	width: 100%;
	overflow: hidden;
}

section.gallery div.zoomBox {
	float: left;
	width: 25%;
	height: 14.9vw;
	background-color: #CDCDCD;
}

.zoomBox {
	margin: 0 !important;
	overflow: hidden;
}

.zoomBox img {
	width: 100%;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;	
}

.zoomBox img:hover {
	width: 120%;
}

section.foot {
	background-color: rgba(58, 80, 93, 0.85);	
	padding: 15px 0px;
	color: #FFF;
}

section.foot div {
	max-width: 1000px;
	overflow: hidden;
	margin: auto;
}

section.foot div h3 {
	font-family: Andrea;
	font-size: 22px;
	font-weight: 100;
	margin: 2px 0px 0px;
;
}

section.foot table { width: 100%; }
section.foot div img { float: left; height: 45px; }
section.foot div img.fb { margin-left: 36px; }
section.foot div.left { width: 25%; font-size: 14px; float: left; }
section.foot div.right { width: 50%; text-align: center; }

section.foot div.right ul {
	margin: 3px 16px 0px 0px;
}

section.foot div.right ul li {
	display: inline-block;
	font-size: 11px;
	text-align: center;
	color: #FFF;
	vertical-align: middle;
}

section.foot div b { font-size: 12px; }
section.foot div p { font-size: 11px; }

section.foot p.designBy {
	font-size: 11px;
	line-height: 25px;
	margin-top: 4px;
}

section.foot p.designBy a {
	font-weight: bold;
	color: #d38a0a;
	text-decoration: none;
}

.itemCircle {
	border-radius: 50%;
	width: 180px;
	height: 180px;
	background-color: #CDCDCD;
	margin: 5px 12px 20px !important;
	overflow: hidden;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;	
}

.itemCircle:hover {
	border-radius: 4%;	
}

.itemCircle_Large {
	border-radius: 50%;
	width: 250px;
	height: 250px;
	background-color: #CDCDCD;	
	
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;	
}

.itemCircle_Large:hover {
	border-radius: 4%;	
}

.itemBox {	
	width: 180px;
	background-color: #d38a0a;
	margin: 5px 12px 20px !important;
	font-size: 12px;
	color: #FFF;
	line-height: 30px;	
}

.noRm { margin: 5px 0px 20px 0px !important; }

div.center {
	width: 200px;
	margin: auto !important;
	float: none;
}

select.font { width: 110px !important; font-family: Arial Black; }

div.fontStyle {
	width: 40px;
    margin: 0px !important;
    float: left;
	display: none;
}

div.left { text-align: left; }

p.contactLink a {
	color: #576A75;
    font-weight: bold;
	text-decoration: underline;
}

p.contactLink a:hover { color: #d38a0a; }

font.title {
	font-size: 20px;
	color: #d38a0a;
}

p.faq {	text-align: left; }
ul.faq { text-align: left; }

img.bosco {
	width: 250px;
}

input.file {
     margin-top: 20px;
     width: 200px !important;
     padding: 0px 0px 0px 15px !important;
     background-color: transparent;
}

b.photo { text-shadow: -2px -2px #000000; }

hr.memo {
     height: 2px;
     background-color: #d38a0a;
     margin: 5px 0px 20px;
}

div.memo {
     color: #d38a0a;
     font-size: 18px;
     display: inline-block;
     padding: 10px 10px 40px;
     width: 480px !important;
}

div.memo2 {
     color: #d38a0a;
     font-size: 18px;
     padding: 10px 2% 40px;
     width: 96% !important;
}

div.memo b, div.memo2 b {
     color: #000;
     font-size: 25px;
}

div.product {
     width: 200px;
     float: left;
     margin: 20px 20px 20px 0px !important;
}

div.memorialPage { max-width: 460px !important; }

div.memorialPage form textarea {
	width: calc(100% - 60px);
	height: 70px;
	margin-top: 15px;
	padding: 4px 20px
}

.cms { text-align: center !important; }

div.clear { clear: both; }






div.middle {
    max-width: 1200px;
    margin: auto;
	height: 80px;	
}

div.middle2 {
    max-width: 1200px;
    margin: auto;
	overflow: hidden;
}

section.CMScontent {
	color: #888888;
    width: 100%;
    overflow: hidden;
    text-align: center;
}


div.loginWin {
	width: 450px;
	height: 400px;
	margin: 100px auto 0px;
	padding: 45px 15px;
	overflow: hidden;
	border: 2px solid #223e65;
	text-align: center;
}

div.loginWin img { margin: 0px; width: 130px; }
input[type=checkbox]#user_rememberme { display: initial; width: auto; }
input[type=file]#fileToUpload { width: 200px !important; }

div.loginWin h2 {
	width: auto;
	color: #666766;
	margin: 20px 0px;
}

div.loginWin input {
	width: 300px;
    margin-top: 10px;
    padding: 10px;
	border-color: #45a2cc;
}

div.loginWin input[type=submit] {
	color: #FFF;
    background-color: #577E8D;
	width: 215px;
    margin: 20px 0px;
    padding: 10px;
}

section.head1 {
    width: 100%;
    overflow: hidden;
    text-align: left;
    font-size: 12px;
}

section.head1 img.logo { margin: 30px 50px; width: 130px; }
section.head1 img.login { margin-left: 120px !important; float: left; }

section.head2 {
    width: 100%;
    background-color: #666766;
    color: #FFF;      
}

div.CMSlogin img {
	float: right;
	margin: 15px 0px 0px 20px; 
}

div.CMSlogin div {
	float: right;
    text-align: right;
    margin-top: 15px;
}

div.CMSlogin div a { text-decoration: none; color: #d38a0a; }

div.CMStitle {
	float: right;
    margin: 0px;
	padding: 40px 0px 0px;
    font-size: 30px;
    line-height: 70px;
    color: #666766
}

section.CMScontent {	
	width: 100%;
	overflow: hidden;	
}

section.CMScontent div.CMSmenu {
	float: left;
	width: 250px;
	height: 1000px;
	padding-top: 20px;
	font-weight: bold;
	background-color: #ADADAD;
	text-align: left;
	font-size: 20px;
}

section.CMScontent div.CMSmenu a {
	text-decoration: none;
    color: inherit;
}

section.CMScontent div.CMSmenu a:hover { color: #d38a0a; }
div.onPage { color: #d38a0a !important; }

section.CMScontent div.CMSright {
	float: left;
	width: 950px;
	padding-top: 20px;
	text-align: center;
	background-color: #FFF;
}

div.CMSmenu div.main {
	padding: 5px 0px 5px 20px;
	color: #666766;
}

div.CMSmenu div.sub {
	padding: 10px 0px 10px 40px;
	color: #FFF
}

div.CMSinputL {
	text-align: right;
	padding-right: 20px;
	width: 223px;
	font-weight: bold;
}

div.CMSinputR {
	text-align: left;
	padding-left: 20px;
	width: 687px;
}

div.CMSright form input.basic {
	width: 400px;
	margin: 2px 0px;
    padding: 10px;
	border: inset;
    border-color: #577E8D;
	text-align: center;
}

div.CMSright form textarea {
	width: 600px;
	height: 200px;
	margin: 2px 0px;
    padding: 10px;
    border: 2px inset #577E8D;
}

div.CMSright form select {
	width: 424px;	
	margin: 2px 0px;
    padding: 10px;
    border: 2px inset #577E8D;
}

div.CMSright h2 {
	color: #666766;
}

div.CMSright input.submit {
	color: #FFF;
    background-color: #d38a0a;
    width: 215px !important;
    height: auto !important;
    margin: 20px 0px;
    padding: 10px;
}

div.CMSright table {
	margin: auto;
	border-collapse: collapse;
	min-width: 880px;
	font-size: 14px;
}

div.CMSright table tr.top { border: 2px solid #d38a0a; }

div.CMSright table td {
	padding: 10px;
	border: 1px solid black;
}

div.CMSright a {
	text-decoration: none;
	color: #d38a0a;
}

div.CMSright div {
	margin: auto;
}

div.add {
	padding-right: 34px;
	margin-bottom: 10px !important;
	font-weight: bold;
	text-align: right;
}

div.pad { padding: 0px 40px; }
font.declined { color: #EC1616; }
font.approved { color: #0CD426; }

.showOnMobile { display: none; }
.hideOnMobile { display: block; }

img#mb { height: 40px; margin: 0; }

div.blockItem { display: inline-block; }

div#mobileMenu {
     display: none;
     position: fixed;
     left: calc(50% - 125px);
     top: 130px;
     background-color: rgba(58, 80, 93, 0.85);     
     width: 250px;
     z-index: 2;
}

div#mobileMenu ul { list-style: none; padding: 0; }
div#mobileMenu ul li { text-align: center; font-family: Helvetica; padding: 5px; font-weight: bold; }

@media only screen and (max-width: 1200px) {
     .showOnMobile { display: block; }
     .hideOnMobile { display: none; }
}

@media only screen and (max-width: 1000px) {
     .topIMG img { width: 100%; }
}

@media only screen and (max-width: 800px) {
     section.foot div.left { float: none; text-align: center; width: 100%; }
     section.foot div.right { width: 100%; }
     section.foot div img { float: none; }
     section.foot div img.fb { margin-left: 0; }
     section.foot div.right ul { padding: 0; margin: auto; }
}

@media only screen and (max-width: 500px) {
     section.top { text-align: center; }
     section.top img { float: none; margin: 10px 10px 0; height: 60px; }
     section.top div.right { display: inline-block; float: none; line-height: normal; margin: 0; }
     section.top div.left { float: none; line-height: normal; text-align: center; font-size: 30px; }
     section.top div.left p { font-size: 20px; }
     section.topHP { height: 640px; }
     div#mobileMenu { top: 205px; }
     .topText { font-size: 5vw; bottom: 200px; }
     .topText b { font-size: 8vw; }
     section.midHP { height: auto; }
     section.midHP form { width: 95%; }
     section.midHP form textarea { width: calc(95% - 40px); }
     div.memo { width: 100% !important; text-align: center; }
     div.product { margin: 20px !important; display: inline-block; float: none; }
}