/************** General Styles Start **************/
body{ margin:0px; padding:0px;  }
page{ width: 100%; background: #ffffff; height: 100px; display: block; overflow: hidden;  position: relative; }
container{ display:block; width: 100000px; position: absolute;}
section{ float:left; clear:none;  position: relative; }
.hide{ display:none; }
parallax{display:block;}
.fade_hold{ display:block; z-index: 2; position: fixed; top:0p; left:0px; }
/************** General Styles Start **************/


/************** Navigation Styles Start **************/
#page_navigation { margin: 0px; padding: 0px; z-index: 100; position:fixed; top:118px; right: 38px; }
#page_navigation li{ float:left; clear:none; border-radius: 0px; background:#f8f8f8; height: 20px;
    width: 30px; text-decoration: none; list-style: none; margin: 2px 2px 4px 2px;   -moz-transition: background 80ms ease-in; -webkit-transition: background 80ms ease-in; -o-transition: background 80ms ease-in; transition: background 80ms ease-in; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.8); }
#page_navigation div{ display: block; position: relative; line-height:0; display: block; position: relative; line-height:0;}
#page_navigation div span{ display: inline-block;  overflow: hidden;  margin:0px; padding:0px;  }		
#page_navigation li:hover{ background:#99979d; }
#page_navigation .temp_current { background:#99979d; }
#page_navigation .nav_current{ background:#302f33;}
.start{   background-image: url(images/gap-fill-right.png); background-repeat:no-repeat; display:inline-block; margin:0px; padding:0px;     background-size: 16px 16px;  }
.middle{   background-image: url(images/gap-fill-middle.png); background-repeat:no-repeat; display:inline-block; margin:0px; padding:0px;     background-size: 16px 16px; }
.end{   background-image: url(images/gap-fill-left.png); background-repeat:no-repeat; display:inline-block; margin:0px; padding:0px;     background-size: 16px 16px; }
/************** Navigation Styles End **************/


/************** Font Styles Start**************/
h1{  font-weight:700; font-size: 80px; line-height: 80px;  margin:0 0 20px 0; padding:0px; pointer-events: none;}
p{  font-weight:300; font-size: 30px; line-height: 36px; margin:0px; padding:0px; pointer-events: none;}
page div{ margin:0px;  }
/************** Font Styles End**************/


/************** Note Styles Start**************/
notes{ z-index: 80; position: absolute; bottom:0px; width: 100%;  padding:0px; margin:0px; max-height: 240px; }
notes span{  background:rgba(0,0,0,0.9); color:#fff; display: block; padding: 20px 100px;  font-weight:300; font-size: 16px;  overflow-y: scroll; max-height: 200px; -webkit-box-shadow: 0px -10px 21px -12px rgba(0,0,0,0.75); -moz-box-shadow: 0px -10px 21px -12px rgba(0,0,0,0.75); box-shadow: 0px -10px 21px -12px rgba(0,0,0,0.75);}
notes .cross { width: 20px; height: 20px; position: absolute; padding: 0px; margin: 0px; display: block;  z-index: 10; right:40px; top:-60px;background: transparent!important;   cursor: pointer;
	/* Set Rotation*/	
	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
	/* Set Animation*/	
	-webkit-transition: 400ms linear all; -moz-transition: 400ms linear all; -o-transition: 400ms linear all; transition: 400ms linear all; }
notes .cross:before, .cross:after { content: ""; position: absolute;  z-index: -1;  background: #302f33; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6); }
notes .cross:before { left: 50%; width: 10%; margin-left: -1px; height: 100%; }
notes .cross:after { top: 50%; height: 10%; margin-top: -1px; width: 100%; }
notes .close_spinner { top:-30px;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/************** Note Styles End**************/


/************** Footer Styles Start**************/
footer{ background: #000000; display:block; overflow: hidden;  }
footer div{ display: block;  padding: 40px 40px 0px 40px;  font-weight:300; font-size: 13px; line-height: 16px; color: #ffffff; text-align: right; float:right; }
footer div:last-child{ padding: 40px 40px; }
footer div .legal{ width: 50%; display: block; float: right; font-size: 12px; color: #888888;  }
button{ background:#ffffff; font-weight:300; font-size: 18px; padding: 10px 20px; border:0px; border-radius:4px; margin: 0 0 0 20px; }
button:hover{ background:#cccccc; cursor: pointer; }	
/************** Footer Styles End**************/