/* Global */

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #4d4d4f;
	background-color:#ffffff;
}

img {max-width: 100%;}

/* global link colors */

a {
	color: #0373DC;
	text-decoration: none;
	transition: color 0.25s linear;
}
a:hover a:focus  {
	color: #6F0010;
	text-decoration: none;
}
a:visited {
	color: #6E37A3;
	text-decoration: none;
}

/* Set heading font */
h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', serif;
	font-weight:700;
}
/*special headings*/
h5{
	background-color: #A9BD18;
	color: #fff;
	padding: 8px;
	margin: 0 0 0 0;
}
h6{
	background-color: #44687D;
	color: #fff;
	padding: 8px;
	margin: 0 0 0 0;
	font-size: 1.25em;
}
/* Regular text */

p {line-height:1.5em; }

/*li{margin-bottom:1em;}*/

/* Navigation */
.logo-hilite {text-decoration:none;}
.logo-hilite:hover {
	background-color: #00BBE3;
	display: block;
}
.menu {
	position: fixed;
	top: 0px;
	width: 100%;
	height: auto;
	background-color: #F8F7F5;
	z-index: 100;
	-webkit-box-shadow: 0.15em 0.15em 0.5em rgba(50,48,42,1.00);
	box-shadow: 0.15em 0.15em 0.5em rgba(50,48,42,1.00);
}

#logo {
	text-align: left;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
	font-family: 'Montserrat', serif;
	font-weight: 700;
}
.navigation li{
	float: left;
	padding: 0 0 0 30px;
	color:#521D8C;
}
.navigation li:hover{
	cursor: pointer;
	color: #D13502;
}

.navigation .active{
	cursor: pointer;
	color: #D13502;	
}

.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:rgba(8,0,15,0.85);
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#D13502;
	cursor: pointer;
	-webkit-animation: bounce 1s;
    animation: bounce 1s;
}

.plink{
	cursor: pointer;
	}

/*Helpers */
.small-text{ font-size:80%;}
.large-text{ font-size:130%;}
.plink{cursor:pointer}
.phone{ white-space:nowrap;}
.box-padding {padding:10px;}
.no-top-margin{margin-top:0px;}
.no-bottom-margin{margin-bottom:0px;}
.add-top-margin{margin-top:20px;}
.add-bottom-margin{margin-bottom:20px;}

/*** Fancy Lists ***/
.no-indent{margin-left:8px; padding-left:8px;}
.list-check {list-style-image:url(../images/tick-blue.png);}
.list-white-check {list-style-image:url(../images/tick-white.png)}
.list-acrobat {	list-style-image: url(../images/acrobat.gif);}
.list-caret{list-style-image:url(../images/small-arrow-white.png);}

.list-blue-pointer{list-style-image:url(../images/symbols/small-arrow-dk-blue.png);}
.list-blue-dot{list-style-image:url(../images/symbols/bullet-dk-blue.png);}
.list-orange-dot{list-style-image:url(../images/symbols/bullet-orange.png);}
.list-carrot{list-style-image:url(../images/symbols/bullet-carrot.png);}
.list-page{list-style-image:url(../images/symbols/bullet-document.png);}


.white-txt {
	color:#fff;
	}	

a.white-txt{
	color:#fff;
	text-decoration:underline;
	}

a.white-txt:hover{
	color:#DDFB01;
	text-decoration:underline;
	}
a.white-txt:active{
	color:#E8F59E;
	text-decoration:underline;
	}


a.bright-txt{
	color: #ABEFFB;
	text-decoration: underline;
	}

a.bright-txt:hover{
	color:#FF0;
	text-decoration:underline;
	}
a.bright-txt:active{
	color:#FF0;
	text-decoration:underline;
	}
a.bright-txt:visited{
	color:#ffffff;
	text-decoration:underline;
	}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:96%;
	height: auto;
	position: relative;
	padding-top: 80px;
	padding-left:2%;
	padding-right:2%;
	padding-bottom: 80px;
}

#dark{
	background-color: #13AB4A;
	color: #ffffff;
	text-align: center;
	font-size: 2em;
	font-weight: 500;
}

#light{
	background-color:#63B8E0;
	color: #ffffff;
	text-align: center;
	font-size: 2em;
	font-weight: 300;
}

#light:hover{
	background-color: #A2C12F;
}

.light-block {
	background-color: #c7ede2;
	margin-top: 0px;
	padding: 5px;
	}

#greenlite {
	background-color: #568DE6;
	color: #ffffff;
	text-align: center;
	font-size: 2em;
	font-weight: 300;
	}
#greenlite:hover{
	background-color: #D0E53F;
}
.yellowlite-nohov{
	background-color:#e37c00;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
	font-size: 2em;
}

.yellowlite{
	background-color: #1E51A4;
	color: #ffffff;	
}

.yellowlite:hover{
	background-color: #B6CB26;	
}


.color-block {
	background-color: #0E4092;
	color: #fff;
	margin-top: 0px;
	padding: 5px;
	}


.block{
	background-color: #68ace5;
	color: #ffffff;
}

.block:hover{
	background-color: #44687d;
}

.block-heading{
	font-size: 1.5em;
	text-align: center;
	background-color: #36424A;
	color: #fff;
	padding: 8px;
	margin: 0 0 0 0;
	font-weight: 300;
	}
.logo-hilite {text-decoration:none;}

.logo-hilite:hover {
	background-color: #6CADDE;
	display: block;
}
.greenlite-nohov{
	background-color: #B3C822;
	text-shadow: 2px 2px 2px rgba(94, 94, 94, 0.4);
	color: #ffffff;
	padding-right: 5px;
}

.greenlite{
	background-color:#B3C822;
	text-shadow: 2px 2px 2px rgba(94, 94, 94, 0.4);
	color: #ffffff;
	padding-right:5px;
}

.greenlite:hover{
	background-color: #D4E943;
	text-shadow: 2px 2px 2px rgba(96, 96, 96, 0.7);
}
.spotlite-nohov{
	text-align:center; 
	background-color:#e37c00;
	color: #ffffff;
}
.spotlite{
	text-align:center; 
	background-color:#e37c00;
	color: #ffffff;
}

.spotlite:hover{
	background-color: #eba34c;
	color:#A00205;
}

.spotlite2{
	text-align:center; 
	background-color:#16489A;
	color: #ffffff;
}

.spotlite2:hover{
	background-color:#062B68;
	text-shadow: 2px 2px 2px rgba(38,67,0,0.80);
}




 .round-corners { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
	padding:10px;
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.44);
    box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.44);
}

/*circular image */
.circular {
    width: 60%;
    height:0;
    padding-bottom: 60%;
    -moz-border-radius: 60%; 
    -webkit-border-radius: 60%; 
    border-radius: 60%;
	background:url(../images/m-ogawa2.jpg) no-repeat center center;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	}


/* Slide 1 */ 

#slide1{
	/*background-repeat: no-repeat;
	background-position: center center fixed;
	background-image: url(../images/background5.jpg);
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
	color: #fff;
	text-shadow: 2px 2px 2px rgba(94, 94, 94, 0.4);
}
#slide1 h1 {
	font-size: 3.8em;
	line-height: 0px;
	color: #fff;
	font-weight: 300;
	margin-top: 0px;
}
#slide1 h2 {
	font-size: 2.5em;
	color: #fff;
	margin-top:1em; 
	font-weight:700; 
    line-height:normal;
	
}

/* Slide 2 */ 

#slide2{
	background-color:#3A1B4E;
	color: #ffffff;
}
#slide2 h1 {
	font-size: 3.8em;
	line-height: normal;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;

}
#slide2 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: normal;
	padding-bottom: 10px;
	margin-top:0px;
}

#slide2 h3 {
	font-size: 1.5em;
	color: #ffffff;
	line-height: 1.5em;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top:0px;
}

#slide2 h4 {
	font-size: 1.15em;
	color: #ffffff;
	line-height: 0em;
	padding-bottom: px;
	padding-top: 3px;
	margin-top:0px;
	font-weight: 300;	
}

#slide2 a:link{color:#fff; text-decoration: underline;}
#slide2 a:hover{color:aqua;}



/* Slide 3 */ 

#slide3{
	background-color:#ffffff;
}
#slide3 h1 {
	font-size: 3.8em;
	line-height: normal;
	color:#4d4d4f;
	margin-top:0px;
	margin-bottom:0px;

}
#slide3 h2 {
	font-size: 2em;
	color: #4d4d4f;
	line-height: normal;
	padding-bottom: 10px;
	margin-top:0px;
}


/* Slide 4 */

#slide4{
	background-color: #B3C822;
	color:#521D8C;
}
#slide4 h1 {
	font-size: 3.8em;
	line-height: normal;
	color:#521D8C;
	margin:0 0 0 0 ;
	
}
#slide4 h2 {
	font-size: 2em;
	color: #521D8C;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 500;
}


/* Slide 5 */

#slide5{
	background-color: #ffffff;
	color: #2D2828;
}
#slide5 h1 {
	font-size: 3.8em;
	line-height: normal;
	color:#2D2828;
	margin:0 0 0 0 ;

}
#slide5 h2 {
	font-size: 1.6em;
	color: #2D2828;
	line-height: normal;
	padding-bottom:20px;
}
#slide5 h3 {
	font-size: 1.5em;
	color: #2D2828;
	line-height: normal;
	
}
#slide5 h5 {
	font-size: 1.2em;
	color: #2D2828;
	
}


/* Slide 6 - footer */

#slide6{
	background-color:#27282B;
	color:rgba(255,255,255,0.75);
}
#slide6 h1 {
	font-size: 3.8em;
	line-height: normal;
	color:#ffffff;
	margin-top:0px;

}
#slide6 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height:normal;
	padding-bottom:20px;
}

/*Plain Page */
#page-content{
	padding-top:80px;
	padding-left:10px;
	background-color:#ffffff;
}
#page-content h1 {
	font-size: 3.8em;
	line-height: normal;
	color:#4d4d4f;
	font-weight: 700;
	margin-left:10px;
}

.home-nav{
	margin-top:20px;
	text-align:right;
	}





/* Tablet */
@media screen and (max-width: 780px) {

#logo {
	width: 100%;
	text-align: left;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:20%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:96%;
	position: relative;
	padding:80px 2% 0 2% 0;
}
#page-content{
	padding-top:170px;
	}

.decorative {
	display:none;
}

#content {
	text-align:left;
	width:96%;
	padding-left:2%;
	padding-right:2%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	
	padding-top:30px;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide2 h3 {
	line-height: 1.25em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

#slide5 h1 {
	line-height: 1em;
}
#slide5 h2 {
	line-height: 1em;
}
#slide6 h1 {
	line-height: 1em;
}
#slide6 h2 {
	line-height: 1em;
}
#page-content h1 {
	line-height: normal;
	font-size:2.25em;
    
}
.home-nav{
	margin-top:20px;
	text-align:center;
}
.hide-small{display:none;}

}
/* Mobile */
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:20%;
	font-size:.9em;
}

.slide{
	background-attachment: fixed;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	position: relative;
}


#slide1 h1 {
	line-height: 1em;

}

#slide1 h2 {
	line-height: 1em;
	font-size:2em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1.45em;
}
#slide2 h3 {
	line-height: 1.25em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}
#slide5 h1 {
	line-height: 1em;
}
#slide5 h2 {
	line-height: 1em;
}
#slide6 h1 {
	line-height: 1em;
}
#slide6 h2 {
	line-height: 1em;
}
#page-content{
	padding-top:180px;
	}
#page-content h1 {
	line-height: 1em;
}
.home-nav{
	margin-top:20px;
	text-align:center;
}
}

.yellowbox{
	background-color: #F7E4A7;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top: 10px;
	
	}


.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

/*same height divs */
.divframe2{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
 	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.08);
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

  @media only screen and (min-width: 760px) and (max-width: 959px) {
	.divframe2{
     padding: 10px;
	 width:85%;
	 }
  }

   @media only screen and (max-width: 759px) {
	.divframe2{
     padding: 10px;
	 width:80%;
	 }

   }
   
   @media only screen and (min-width: 480px) and (max-width: 759px) {
	.divframe2{
     padding: 10px;
 	-webkit-box-shadow: 0px ;
	
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
     }

   }

