body {
    padding:0;
    margin:-10px 0 0 0;
	background-image: url(../images/bg-logo.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
 
#ygma { margin:.5em auto 1em auto; }

.header{
	height:50px;
	margin:10px;
	padding:13px;
}
.header{
/*white-space: pre-wrap;*/
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 color:#1E76C8;
 border-left:3px solid #1E76C8;
 background:transparent;
 line-height: 1.3;
 /*
	border-top:olive 10px solid;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 25px 50px;
	border-top-right-radius: 25px 50px;
*/	
	border-bottom:#c00 10px solid;
	padding-right:10px;
	border-right:13px solid #13a1ec;
	padding-left:10px;
	border-left:13px solid olive;
	text-shadow: 0 1px 1px #bbb,
		0 2px 0 #999, 
		0 3px 0 #888, 
		0 4px 0 #777, 
		0 5px 0 #666, 
		0 6px 0 #555, 
		0 7px 0 #444, 
		0 8px 0 #333, 
		0 9px 7px #302314;
	-moz-border-radius: 9px 3px 9px 3px;
	-webkit-border-radius: 3px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 25px 50px;
	border-bottom-right-radius: 25px 50px;
	box-shadow: 7px 7px 8px #efefef;
	-webkit-box-shadow: 7px 7px 8px #efefef;
	-moz-box-shadow: 7px 7px 8px #efefef;
}
#bd{
	height:auto;
 padding:10px;
  border: 1px solid black;
  border-top-left-radius:50px;
  border-top-right-radius:50px;
  border-bottom-left-radius:50px;
  border-bottom-right-radius:50px;
}
#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;
 }
.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
.button1 {border-radius: 12px;}
.button2 {border-radius: 50%;}
#bd {
box-shadow: 13px 3px red, -1em 0 .4em olive;
}
 
.yuimenubar {
    visibility: visible;
    position: static;
}
.yuimenubar li {
    list-style-type: none;
} 
li.yuimenubaritem #home a:link{background-color:#ff991A;}
li.yuimenubaritem #home a:hover{color:#ffffff:}

.yuimenubar,#ft{
	-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;
}
#hd,
.header,.yuimenubar,.yui-navset ul .yui-nav li a, li.yuimenubaritem, li.yuimenuitem{
	-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;
}
#hd,#ft{
     -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;
}
 #yui-cms-loading {
    background:transparent;
	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;
    }

#iframelink900{
	border: 0; width: 1150px; height: 900px;
}
#iframelink1000{
	border: 0; width: 1150px; height: 1000px;
}
#iframelink1100{
	border: 0; width: 1150px; height: 1100px;
}
#iframelink1150{
	border: 0; width: 1150px; height: 1150px;
}
#iframelink1200{
	border: 0; width: 1150px; height: 1200px;
}
#iframelink1250{
	border: 0; width: 1150px; height: 1250px;
}
#iframelink1300{
	border: 0; width: 1150px; height: 1300px;
}
#iframelink1400{
	border: 0; width: 1150px; height: 1400px;
}
#iframelink1500{
	border: 0; width: 1150px; height: 1500px;
}
#iframelink1600{
	border: 0; width: 1150px; height: 1600px;
}
#iframelink1700{
	border: 0; width: 1150px; height: 1700px;
}
#iframelink1900{
	border: 0; width: 1150px; height: 1900px;
}
#iframelink1800{
	border: 0; width: 1150px; height: 1800px;
}
#iframelink2000{
	border: 0; width: 1150px; height: 2000px;
}

#home a:hover{border:1px solid #888888;}
#home1{text-align:center;padding:1px;}
#home1 a{background-color:#008284;color:#FFFFFF;padding:0 4px 0 4px;}
#home1 a:hover{background-color:#ff1493;color:#FFFFFF; text-decoration:underline;}

#home2{text-align:center;}
#home2 a{background-color:#8A2BE2;color:#FFFFFF;padding:0 4px 0 4px;}
#home2 a:hover{background-color:#ff1493;color:#FFFFFF; text-decoration:underline;}
.myAccordion {
    clear: both;
    padding: 5px;
}
 
.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:11px 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;
}
#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;
}