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

@font-face { font-family: Glossbloom; src: url('images/Gloss_And_Bloom.ttf'); } 


body {
	background-image: url(images/bg.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000000;
	color: #000000;
	font-size: 20px;
}

img { border: 0px; }


/* TEXT */
.text-gray-large{
	color: #abacac;
	font-family: "Oswald", sans-serif;
	font-size: 52px;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: 0.15em;
}

.text-gray-script-large{
	color: #abacac;
	font-family: 'Glossbloom', sans-serif;
	font-size: 46px;
	line-height: 1.5;
}

.text-gray-script-small{
	color: #abacac;
	font-family: 'Glossbloom', sans-serif;
	font-size: 22px;
	line-height: 1.5;
}

.text-gray-medium{
	color: #abacac;
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 400;
}

.text-gray-small{
	color: #abacac;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.2;
}

.text-black-large{
	color: #000000;
	font-family: "Oswald", sans-serif;
	font-size: 52px;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: 0.15em;
}

.text-black-script-large{
	color: #000000;
	font-family: 'Glossbloom', sans-serif;
	font-size: 46px;
	line-height: 1.5;
}

.text-black-script-small{
	color: #000000;
	font-family: 'Glossbloom', sans-serif;
	font-size: 22px;
	line-height: 1.5;
}

.text-black-medium{
	color: #000000;
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 400;
}

.text-black-small{
	color: #000000;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.2;
}
.text-black-xsmall{
	color: #000000;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 200;
	line-height: 1.2;
}

.text-green-large{
	color: #2bb673;
	font-family: "Oswald", sans-serif;
	font-size: 52px;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: 0.15em;
}

.text-green-script-large{
	color: #2bb673;
	font-family: 'Glossbloom', sans-serif;
	font-size: 46px;
	line-height: 1.5;
}

.text-green-script-small{
	color: #2bb673;
	font-family: 'Glossbloom', sans-serif;
	font-size: 22px;
	line-height: 1.5;
}

.text-green-medium{
	color: #2bb673;
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 400;
}

.text-green-small{
	color: #2bb673;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.2;
}



/* ND */

.znd{
	color: #6B6A6A;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
    text-transform: uppercase;
	padding: 10px;
	font-weight: 300;
	letter-spacing: 0.1em;
}

.znd a{
	color: #6B6A6A;
	text-decoration: none;
}


/* MENU */
.index-menu {
    background-color: #000000;
    width: 950px;
    height: 59px;
    color: #ffffff;
    font-family: "Oswald", sans-serif;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 300;
    position: relative; /* Ensure the container is relatively positioned */
	padding-bottom: 5px;
}

.index-menu a {
    color: #ffffff;
    text-decoration: none;
    position: relative;
   /* padding: 10px 20px;  Adjust padding for spacing */
    display: inline-block;
    transition: color 0.3s ease;
}

.index-menu a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 15px; /* Adjust triangle size and shape */
    border-color: #ffffff transparent transparent transparent; /* Color and transparent sides */
    top: -3px; /* Adjust distance from the text */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%) scaleY(0); /* Initially hidden */
    transition: transform 0.3s ease;
}

.index-menu a:hover {
    color: #afafaf; /* Change link color on hover */
}

.index-menu a:hover::before {
        transform: translateX(-50%) translateY(0) scaleY(1); /* Slide down the triangle shape */

}

.menu-divider {
    padding: 0 10px;
    font-weight: 800 !important;
    padding-bottom: 5px;
	color: #2bb673;
}




/* LINKS AND BORDER */

a {
	color: #abacac;
}

.border {
	border: 3px solid #abacac;
}
.pageborder {
	box-shadow: 0px 10px 25px 10px rgba(0,0,0,0.65); }





/* SUBPAGE HEADERS */

.subpage-headers {
	background-image: url("images/subpage_05.jpg");
	width: 496px;
	height: 149px!important;
	color: #ffffff;
	font-family: "Glossbloom", sans-serif;
	font-size: 80px;
	line-height: 1.0;
}




/* HOMEPAGE FB & PICS */

.home-facebook {
	background-color: #000000;
	width: 441px;
	height: 358px;
}


.home-rotatingpics-bg {
	background-color: #000000;
	width: 441px;
	height: 358px;
	padding: 20px;
	color: #ffffff;
}


/* CONTACT */

.sub-bg-index-contact {
	background-color: #000000;
	width: 950px;
	height: 158px;
}

.sub-bg-index-contact table {
	color: #ffffff;
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-weight: 200;
	line-height: 1.1;
	text-transform: uppercase;
}

.sub-bg-index-contact table a{
	color: #abacac;
	text-decoration: none;
}


.sub-bg-subpage-contact {
	background-image: url("images/subpage2024_09.jpg");
	width: 950px;
	height: 158px;
}

.sub-bg-subpage-contact table {
	color: #ffffff;
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-weight: 200;
	line-height: 1.1;
	text-transform: uppercase;
}

.sub-bg-subpage-contact table a{
	color: #abacac;
	text-decoration: none;
}

.contact-names {
	color: #2bb673;
	font-weight: 500;
	text-transform: uppercase;
}

/* BACKGROUNDS */

.sub-bg {
	background-color: #ffffff;
	padding: 0px 35px 0px 35px;
}