html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

/* HTML5 display-role reset for older browsers */
ol,ul{list-style:none}
strong, b{font-weight:bold;}
em { font-style:italic;}
/* make IE scale images properly http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img{-ms-interpolation-mode:bicubic}

/* Default link */
a{color:#212121;text-decoration:none; outline:none}
a:hover,a:focus{color:#F00}
/*a:active,a:visited{color:#F00}*/
body{line-height:20px;font-family: Play,sans-serif,tahoma, Arial,Helvetica, sans-serif; font-size:400; font-weight:normal;color:#331b11;margin-top:auto; margin-left:auto; text-align:left; background-color:#FFF}
h1,h2{line-height:40px; margin-bottom:50px; float:left; width:100%;color:#cfa82b; text-align:center}
p{line-height:30px; padding:10px 0; color:#1B1B1B}
.section ul{float:left; width:100%}
.section ul > li{font-size:18px; line-height:25px; color:#1B1B1B}

#section0{background-image: url(../images/Amber-Riverside-1.jpg);background-size:cover;}
.center{text-align:center}
.sec0{position:absolute; top:50px; right:10px; height:auto}
#section1{background-image: url(../images/Amber-Riverside-2.jpg);background-size:cover;}
.sec1{position:absolute; top:130px; right:10px;text-align:justify; width:38%; background-color:rgba(255,255,255,.7); padding:10px;height:auto}

#section2{background-image: url(../images/Amber-Riverside-3.jpg);background-size:cover;}
.sec2{position:absolute; top:100px; right:10px; text-align:justify; width:35%; background-color:rgba(255,255,255,.7); padding:10px; height:auto}
#section3{background-image: url(../images/Amber-Riverside-1.jpg);background-size:cover;}
.sec3{position:absolute; top:85px; right:10px; text-align:justify; width:40%; background-color:rgba(255,255,255,.7); padding:10px;height:auto}
#section4{background-image: url(../images/Amber-Riverside-4.jpg);background-size:cover;}
.sec4{position:absolute; bottom:0;text-align:justify; width:100%; background-color:rgba(255,255,255,.7); padding:10px;height:auto}
.sec4 > ul{float:left; width:100%;column-count:3;-moz-column-count:3;-webkit-column-count:3}
.sec4 > ul > li{ float:left; width:calc(100% - 20px); padding:2px 10px; position:relative}
.sec4 > ul > li > span{background:#900; font-size:12px; font-weight:normal;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;color: #ffffff;display: inline-block;font-weight: bold;line-height: 20px;margin-right: 15px;text-align: center;width: 20px;}
#section5{background-image: url(../images/Amber-Riverside-5.jpg);background-size:contain; background-repeat:no-repeat; background-position:bottom}
.sec5{position:absolute; top:50px; right:10px; text-align:justify; width:calc(100% - 30px);padding:10px;height:auto}
.sec5 h2{color:#cfa82b}
.sec5 p{color:white; font-weight:normal; font-size:22px; width:calc(100% - 120px); padding-left:60px; padding-right:60px}
#section6{background-image: url(../images/Amber-Riverside-6.jpg);background-size:cover}
.sec6{position:absolute; top:70px; right:10px; text-align:justify; width:40%; background-color:rgba(255,255,255,.7); padding:10px;height:auto}
.sec60{position:absolute; top:70px; left:10px; text-align:justify;height:auto; width:55%; text-align:center;}
#section7{background-image: url(../images/Amber-Riverside-7.jpg);background-size:cover}
.sec7{position:absolute; top:70px; right:10px; text-align:justify;height:auto}

.sec1,.sec2,.sec3,.sec6,.sec60>img,.sec7 img{box-shadow: 0px 0px 2px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 2px rgb(255, 255, 255);-ms-box-shadow: 0px 0px 2px rgb(255, 255, 255);-webkit-box-shadow: 0px 0px 2px rgb(255, 255, 255);}

#menu > li:last-child{background-color:rgba(255,0,0,0.85); font-weight:bold; text-transform:uppercase}
#menu > li:last-child:hover{background-color:#FF3}
#menu > li:last-child > a{padding-left:5px; padding-right:5px; color:white}
#menu > li:last-child:hover > a{ color:red}
#menu > li:first-child{background: rgba(255,255,255, 0.8);}
#menu > li:first-child:hover{background: rgba(255,255,255, 0.95);}

#section8 .slide1{background-image: url(../images/Amber-Riverside-8.jpg);background-size:100% auto; background-repeat:no-repeat; width:100%; height:100%; position:relative; background-position:top 50px left}
.fullslide{position:absolute; bottom:10px;text-align:justify; width:100%}
.fullslide2{position:absolute; bottom:50px;text-align:justify; width:100%; text-align:center}
.fullslide2 img{max-height:200px}
#section8 .slide2{position:relative}
#section8 .slide2 .slide2L,#section8 .slide2 .slide2R{float:left; width:calc(50% - 40px); padding:20px; margin-top:50px; text-align:justify}
#section8 .slide2 .slide2L{left:0}
#section8 .slide2 h2{margin-bottom:30px}
#section8 .slide2 .slide2R{left:50%; text-align:center}
#section8 .slide2 .slide2L img{max-width:100%}
#section8 .slide2 .slide2L p:last-child{margin-top:50px}
#section8 .slide2 .slide2R img{max-height:600px}

#section9{background-image: url(../images/Amber-Riverside-9.jpg);background-size:cover}
.sec9{position:absolute; top:70px;left:10px; text-align:justify;height:auto}
.sec9 h2{font-size:30px}

#section10 .sec10{width:100%}
#section10 .sec10 p{color:white}
#section10 .sec10 p:last-child{font-size:40px; margin-top:20px; font-weight:bold}
#section10 .sec10 p:last-child a{color:white}
#section10 .sec10 p:last-child a:hover{color:#cfa82b}
.sec99{width:30%; float:left; text-align:justify;background-color:rgba(255,255,255,.7); margin:0 10px 10px; padding:10px}
.sec999{width:30%; float:left; text-align:center}

.vcard{position:fixed; bottom:-99999px; left:0px;}

video::-webkit-media-controls {display:none !important;}
#section00{overflow: hidden;}
#myVideo{position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%;background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}