body {
    padding:5px;
    margin: 5px;
	background-image: url(../images/yui.png);
 	background-position: right top;
	background-repeat: no-repeat;
}

#body-container{
	padding-top: 0px; 
	margin:1px;
	overflow: hidden;
	border:1px dashed #ccc;
}
 
#yui-cms-loading {
    background:#FFFFFF;
	color: #333333;
    display: none;
}
#yui-cms-loading {
        text-align: center;
        font-size: 80%;
        background-image: url(../images/loading.gif);
        background-repeat:no-repeat;
        background-position: top;
        padding-top: 20px;}

#yui-cms-loading {
    background:#FFFFFF;
	color: #333333;
    display: none;
}
#yui-cms-loading #yui-cms-float {
        text-align: center;
        font-size: 80%;
        background-image: url(../images/loading.gif);
        background-repeat:no-repeat;
        background-position: top;
        padding-top: 20px;
    }
#grad1 {
  height: 2150px;
  width: 1000px;
  background-color: red; /* For browsers that do not support gradients */
  background-image: radial-gradient(red, yellow, green);
}

#grad2 {
  height: 2150px;
  width: 1000px;
  background-color: red; /* For browsers that do not support gradients */
  background-image: radial-gradient(circle, red, yellow, green);
}
#tp-logo{
box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
height:93px;
width:600px;
margin-top:6px;
}
#ygma { margin:.5em auto 1em auto; }
.button1 {border-radius: 12px;}
.button2 {border-radius: 50%;}
 
button { cursor: pointer;margin-left: 5px;padding:5px 15px 5px 15px}
button {border-radius:  5px 15px 5px 15px; border:1px dashed;  }

#myMenuBar .yuimenubar .yuimenubarnav ul li { margin: 5px 15px 5px 15px}
 
button {
line-height:2;*line-height:1.9;border:solid 1px #808080;background:url(../images/sprite.png) repeat-x 0 0;
	 cursor: pointer;
}
button a:hover {text-decoration:none;}

 
button a:hover {	 
border-style:solid;border-color:#808080;border-width:1px 0;*position:relative;
background:#fff url(../images/sprite.png) repeat-x 0 -1700px;
padding:3px 8px 3px 8px;border-radius: 10px;

}
 
 /* TOP ROUNDED HACK */

.yuimenubar {
    visibility: visible;
    position: static;
}
.yuimenubar li {
    list-style-type: none;
} 
 
li#special.yuimenubaritem #fly a:link{border-radius:  5px 15px 5px 15px;background-color:#ff991A;}
li#special.yuimenubaritem #fly a:hover{color:#ffffff:}
li#special.yuimenubaritem #sleep a:link{border-radius:  5px 15px 5px 15px;background-color:#FC0;}
li#special.yuimenubaritem #sleep a:hover{color:#ffffff:}
li#special.yuimenubaritem #deals a:link{border-radius:  5px 15px 5px 15px;background-color:#111111;}
li#special.yuimenubaritem #deals a:hover{color:#ffffff:}
.button1 {border-radius: 12px;}
.button2 {border-radius: 50%;}
 
button { cursor: pointer;margin-left: 5px;padding:5px 15px 5px 15px}
button {border-radius:  5px 15px 5px 15px; border:1px dashed;  }

/* TOP ROUNDED HACK */
#secondary-menu a,#subsidiary-menu a,#postformats-menu a,.hentry,.widget,.comment-text,#comments-template,
.entry-meta,.navigation-links,.page-numbers,.loop-nav, #footer,#submit,.yui-content,
.utility,.entry-utility,.series,.sidebar-navigation-links,#ygma-footer-menu,
.entry-meta a:hover,.entry-meta a:focus,.byline a:hover,.byline a:focus,
.share-meta{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#primary-menu a,#posttypes-menu a,#postformats-menu a,.yui-navset ul .yui-nav li a,
.byline,.loop-meta,.page-numbers,.nav-prev a,.nav-next a,.breadcrumbs,
.archiveheader,.headerarchive,.sidebarheader,.widget-title,.sidebar-title,
#ygma-header-menu,#ygma-header-menu a,#submit,.yui-navset ul.yui-nav li a,
.sidebar-breadcrumbs,.news-byline,.comment-meta,.entry-meta a:hover,
.entry-meta a:focus,.byline a:hover,.byline a:focus
{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#front-dynamic-area{ 
height:1000px;
width:80%;
margin:10px auto auto 10%;
border: 1px solid black;
  border-top-left-radius:50%;
  border-top-right-radius:50%;
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
    border: 15px solid olive;
	box-shadow: 25px 25px 25px #111;
}
 
div.contain{
	clear:both;
	     -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.58);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
	display: block;
	clear: both;
	padding: 0;
    border: solid 1px #e6eaf4;
	
	border-color: #d1d8eb #a6b3d9 #a6b3d9 #d1d8eb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #b0bcdd;
 }
p.contain{
	border-color: #d1d8eb #a6b3d9 #a6b3d9 #d1d8eb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
	box-shadow: 3px 3px 3px #e78267;
 }
 
.top-menu{
	margin:6px;
	text-align:center;
	padding-bottom:8px;
	font-weight:600;
	font:11px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

.top-menu a {
     /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #0e1320;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #d1d8eb #a6b3d9 #a6b3d9 #d1d8eb;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #b0bcdd;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}
.top-menu a:hover {
    border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;


    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
text-decoration:underline;
}
.top-menu a:active,.top-menu li.current-menu-item a {
 border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;

    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
	text-decoration:underline;
	}

.header-address{
	font-size:90%;
	border:1px solid #ccc;
	  border-radius: 25px;
  border: 2px solid #009882;
  padding: 5px; 
  clear:both;
}
.mid-menu {
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	font-size:70%;	
 }
.mid-menu a{
	background-color:#0AE98;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	text-decoration:none;
	padding:3px;
}
.mid-menu a:hover{
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
text-decoration:underline;
padding:5px;
}
.bottom-menu{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
text-align:center;}
.bottom-menu a {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #41300c;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #fcf7ee #ebcf93 #ebcf93 #fcf7ee;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 253, 251, 0.3)), color-stop(49%, rgba(240, 219, 173, 0)), color-stop(51%, rgba(240, 219, 173, 0)), color-stop(100%,rgba(215, 160, 40, 0.3)));
    background: -webkit-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(254, 253, 251, 0.3) 0%, rgba(240, 219, 173, 0) 49%, rgba(240, 219, 173, 0) 51%, rgba(215, 160, 40, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f0dbad;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}
/* separated out hover state for selected tab */
.bottom-menu a:hover {
    background:    -moz-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 252, 245, 0.3)), color-stop(49%, rgba(244, 167, 1, 0)), color-stop(51%, rgba(244, 167, 1, 0)), color-stop(100%,rgba(173, 118, 1, 0.3)));
    background: -webkit-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(255, 252, 245, 0.3) 0%, rgba(244, 167, 1, 0) 49%, rgba(244, 167, 1, 0) 51%, rgba(173, 118, 1, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f4a701;
    color: #0f0a00;
    border: solid 1px;
    border-color: #fecb5d #e49c01 #e49c01 #fecb5d;
}
.bottom-menu a:active{
    background:    -moz-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 253, 251, 0.3)), color-stop(49%, rgba(230, 194, 117, 0)), color-stop(51%, rgba(230, 194, 117, 0)), color-stop(100%,rgba(185, 137, 34, 0.3)));
    background: -webkit-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(254, 253, 251, 0.3) 0%, rgba(230, 194, 117, 0) 49%, rgba(230, 194, 117, 0) 51%, rgba(185, 137, 34, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #e6c275;
    color: #1e1606;
    border: solid 1px;
    border-color: #f0dbad #e1b75b #e1b75b #f0dbad;
    border-bottom: none
    outline:0;
}

ol.menu  li {
	  border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;


    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
}
ol.menu {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=55);
    -khtml-opacity: 0.55;
    -moz-opacity: 0.55;
    opacity: 0.55;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;

    background-color: #b0bcdd;
    color: #0e1320;
}
ol.menu li a:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #9fadd6;
    color: #020204;
}
#section1 {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

#section2 {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.anchor{    
    max-width: 300px;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
    height: 42px;
    text-align: center;
    border: 1px solid rgb(234, 232, 235);
    border-radius: 12px;
    color: white;
    font-size: 2.2rem;
    box-shadow: 0px 5px 20px #81a4f1;
}
.parallax1 {
   background: url("https://enviragallery.com/wp-content/uploads/2019/02/adults-backlit-beach-950047.jpg");
   height: 100vh;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-size: cover;
}

.parallax2{
    background-image: url("https://www.pixelstalk.net/wp-content/uploads/wallpapers/Building-Bridge-Sea-Fullscreen-HD-Wallpaper.jpg");
    position: relative;
    height: 800px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.contents{
  padding: 4rem 0 1rem;
  background: linear-gradient(109.6deg, #91EAE4 11.2%,#86A8E7 100.2%);
  cursor: default;
}

#front-menu{
 display: flex;
    justify-content: center;	
}
footer{
  background: rgb(246, 239, 246);
  padding: 3rem;
}
.floating-wrapper {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
}
.floating {
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #126ee2;
  box-shadow: 0px 5px 20px #81a4f1;
  z-index: 1;
  border-bottom-right-radius: 6px;
  border: 1px solid #0c50a7;
  cursor: pointer;
}

.circle-icon{
    position: absolute;
    height: 32px;
    width: 32px;
    background-color: #126ee2;
    border-radius: 50%;
    top: 25%;
    left: 25%;
    border: 2px solid white;
}
.floating-wheel {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10rem;
  height: 10rem;
  transition: all 0.3s ease;
  transform-origin: bottom right;
  transform: scale(0);
}
.floating-checkbox:checked ~ .floating .circle-icon {
    position: absolute;
    height: 32px;
    width: 32px;
    background-color: red;
    border-radius: 50%;
    top: 25%;
    left: 25%;
    border: 2px solid white;
}
.floating-checkbox:checked ~ .floating-wheel {
  transform: scale(1);
}
.floating-action {
  position: absolute;
  background: #0A9928;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: White;
  cursor: pointer;
  box-shadow: 0 0.1rem 1rem rgba(24, 66, 154, 0.82);
  transition: all 1s ease;
  opacity: 0;
}

.floating-checkbox:checked ~ .floating-wheel .floating-action {
  opacity: 1;
}

.floating-wheel .floating-action-1 {
  right: -1rem;
  top: 0;
}

.floating-wheel .floating-action-2 {
  right: 3.4rem;
  top: 0.5rem;
}
.floating-wheel .floating-action-3 {
  left: 0.5rem;
  bottom: 3.4rem;
}
.floating-wheel .floating-action-4 {
  left: -1;
  bottom: 0rem;
}
.floating-wheel .floating-action-5 {
  left: -2;
  bottom: -4rem;
}

.pagatr{
	width: 70px; 
	height: 70px;
	border: solid 30px;
    border-color: orange orange silver silver;
    border-top-right-radius: 100%; 
}.pagatl{
	width: 70px; 
	height: 70px;
	border: solid 30px;
    border-color: silver silver orange orange;
    border-bottom-left-radius: 100%; 
}
.notebox {
  border: double orange;
  /* must set 'border' shorthand first, otherwise it erases 'border-image' */
  border-image: url("border.png") 30 round;
  /* but other 'border' properties can be set after */
  border-width: thin thick;
} 
.sidebar .notebox {
  box-shadow: 0 0 5px gray;
  border-radius: 5px;
  border: 1px; /* turn off all borders */
      border-color: silver silver orange orange;

  /* 'border' shorthand resets 'border-image' */
}
#sidebar1{
	border:5px solid blue;
	background-color:orange;
	width: 25%; 
	height: 25%;
	padding:20px 5px 10px 25px;
	border-radius: 0;
	box-shadow: 7px 7px 9px 10px rgba(0,0,0,0.4),
    12px 12px 0px 8px rgba(0,0,0,0.4) inset;
}
#sidebar2{
	border:5px solid blue;
	background-color:olive;
	width: 25%; 
	height: 25%;
	padding:20px 5px 10px 25px;
	border-radius: 0;
	box-shadow: 7px 7px 9px 10px rgba(0,0,0,0.4),
    12px 12px 0px 8px rgba(0,0,0,0.4) inset;
}
#sidebar3{
	border:5px solid blue;
	background-color:silver;
	width: 25%; 
	height: 25%;
	padding:20px 5px 10px 25px;
	border-radius: 0;
	box-shadow: 7px 7px 9px 10px rgba(0,0,0,0.4),
    12px 12px 0px 8px rgba(0,0,0,0.4) inset;
}
#sidebar4{
	border:5px solid blue;
	background-color:#1B7AE0;
	width: 25%; 
	height: 25%;
	padding:20px 5px 10px 25px;
	border-radius: 0;
	box-shadow: 7px 7px 9px 10px rgba(0,0,0,0.4),
    12px 12px 0px 8px rgba(0,0,0,0.4) inset;
}
#sidebar{
	width: 50%; 
	height: 50%;
	border: 12px solid blue; background-color: orange;
	border-top-left-radius: 40px 70px;
	border-bottom-right-radius: 20px 50px;
	box-shadow: 14px 14px 12px 15px rgba(0,0,0,0.4),
            12px 12px 0px 8px rgba(0,0,0,0.4) inset;
	padding:20px 5px 10px 50px;
}
#multipleshadow {
  border: 1px solid;
  padding: 5px;
  box-shadow: 5px 5px #f0dbad, 10px 10px blue, 15px 15px olive;
  margin: 10px 10px 10px 3px;
}

#multipleshadowblur {
  border: 1px solid;
  padding: 5px;
  box-shadow: 5px 5px 8px #00AE98, 10px 10px 8px olive, 15px 15px 8px #111111;
  margin: 10px 10px 10px 3px;
}
#boxedshadoweq {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px 8px 10px #888888;
}
#box-shadow5px10px {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px silver;
}
 
#box-shadow5px10px20px {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px 20px olive inset;
}
#yui3flytabview{
	width:98%;
	margin-left:10px;
}
.zero h3{
	text-align:left;
	font-size:16px;
	font-weight:600;
	border-bottom:1px dashed #orange;
}

/* === HEADING STYLE #3 === 
https://codepen.io/vedadesigns/pen/GPxYZg
*/
h3.three  {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
h3.three:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 70px;
  background-color: #E76300;
}
h3.three:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #A2A568;
}

/* === BASE HEADING === 
https://codepen.io/vedadesigns/pen/GPxYZg
*/ 

h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}
h1 em {
  font-style: normal;
  font-weight: 600;
}

/* === HEADING STYLE #1 === */
.one h1 {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.one h1:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #b80000;
}
.one h1:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  left: 50%;
  margin-left: -50px;
  background-color: #b80000;
}

/* === HEADING STYLE #2 === */
.two h1 {
  text-transform: capitalize;
}
.two h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #c50000;
}

.two h1 span {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 3em;
  padding-left: 0.25em;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 10px;
}
.alt-two h1 {
  text-align:center;
}
.alt-two h1:before {
  left:50%; margin-left:-30px;
}

/* === HEADING STYLE #3 ===
https://codepen.io/vedadesigns/pen/GPxYZg
 */
.three h1 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.three h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #111;
}
.three h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #333;
}

/* === HEADING STYLE #4 === */
.four h1 {
  text-align: center;
  padding-bottom: 0.7em;
}
.four h1 span {
  font-weight: 300;
  word-spacing: 3px;
  line-height: 2em;
  padding-bottom: 0.35em;
  color: rgba(0, 0, 0, 0.5);
}
.four h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  content: "";
  left: 50%;
  margin-left: -30px;
  background-color: #777;
}

/* === HEADING STYLE #5 === */
.five h1 {
  text-align: center;
  font-size: 22px;
  font-weight: 700; color:#202020;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px;
}
.five h1 span {
  margin-top: 40px;
  text-transform: none;
  font-size:.75em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.five h1:before {
  position: absolute;
  left: 0;
  bottom: 38px;
  width: 60px;
  height: 4px;
  content: "";
  left: 50%;
  margin-left: -30px;
  background-color: #dfdfdf;
}

/* STYLE 6
   ----------------------------- */
.six h1 {
  text-align: center;
  color:#222; font-size:30px; font-weight:400;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px; color:#c50000;
}
.six h1 span {
  line-height:2em; padding-bottom:15px;
  text-transform: none;
  font-size:.7em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.six h1:after, .six h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 4px;
  content: "";
  right: 45px; 
  margin:auto;
  background-color: #ccc;
}
.six h1:before { 
background-color:#d78b8b;
  left:45px; width:90px;
}

/* Style 7
   ----------------------------- */
.seven h1 {
text-align: center;
    font-size:24px; font-weight:300; color:#222; letter-spacing:1px;
    text-transform: uppercase;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
	padding-top:8px;
}

.seven h1:after,.seven h1:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000;
    height: 5px;
  background-color:#f8f8f8;
}


/* Style 8
   ----------------------------- */
.eight h1 {
  text-align:center;
 
  text-transform:uppercase;
  font-size:26px; letter-spacing:1px;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}

.eight h1:after,.eight h1:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #ccc;
  background-color:#f8f8f8;
}

/* Style 9
   ----------------------------- */
.nine h1 {
  text-align:center; font-size:50px; text-transform:uppercase; color:#222; letter-spacing:1px;
  font-family:"Playfair Display", serif; font-weight:400;
}
.nine h1 span {
  margin-top: 5px;
    font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
    text-transform: uppercase; font-family:"Raleway", sans-serif; font-weight:500;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

.nine h1 span:after,.nine h1 span:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 5px;
  background-color:#f8f8f8;
}


.ten h1 {
  font-size:34px; font-weight:500; text-transform:uppercase;
}
.ten h1:before {
    background-color: #c50000;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 42px;
    margin-bottom: 1.25rem;
}


.eleven h1 {
  font-size:30px;text-align:center; line-height:1.5em; padding-bottom:45px; font-family:"Playfair Display", serif; text-transform:uppercase;letter-spacing: 2px; color:#111;
}

.eleven h1:before {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 60%;
  left:50%; margin-left:-30%;
  height: 1px;
  content: "";
  background-color: #777; z-index: 4;
}
.eleven h1:after {
  position:absolute;
  width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;
  content: '\00a7'; font-size:30px; line-height:40px; color:#c50000;
  font-weight:400; z-index: 5;
  display:block;
  background-color:#f8f8f8;
}


.twelve h1 {
  font-size:26px; font-weight:700;  letter-spacing:1px; text-transform:uppercase; width:160px; text-align:center; margin:auto; white-space:nowrap; padding-bottom:13px;
}
.twelve h1:before {
    background-color: #c50000;
    content: '';
    display: block;
    height: 3px;
    width: 75px;
    margin-bottom: 5px;
}
.twelve h1:after {
    background-color: #c50000;
    content: '';
    display: block;
  position:absolute; right:0; bottom:0;
    height: 3px;
    width: 75px;
    margin-bottom: 0.25em;
}


.thirteen h1 {
  position:relative; font-size:20px; font-weight:700;  letter-spacing:0px; text-transform:uppercase; width:150px; text-align:center; margin:auto; white-space:nowrap; border:2px solid #222;padding:5px 11px 3px 11px;
}
.thirteen h1:before, .thirteen h1:after {
    background-color: #c50000;
    position:absolute; 
    content: '';
    height: 7px;

    width: 7px; border-radius:50%;
    bottom: 12px;
}
.thirteen h1:before {
   left:-20px;
}
.thirteen h1:after {
   right:-20px;
}
/* ------- Helper Styles -------------*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1:before,
h1:after {
  background-color: #c50000;
}


@media only screen and (min-width: 600px) {
.yui-gb .yui-u .first { display:none}
}
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none;
  }
}