.home_link_top{color:#fff;text-decoration:none;font-size:16px;line-height:20px;height:20px;padding:5px;position:absolute;top:3px;background:#333;margin-top:5px;
						border-bottom-left-radius:30px;border-top-right-radius:30px;border-right:2px solid #11fcd9;border-bottom:2px solid #11fcd9;border-bottom:2px solid #11fcd9;
						border-left:6px solid grey;border-top:1px solid grey;border-top:2px solid grey;left:3px;
				
}
.bubble2 .home_link_top{color:#fff!important;}



#nav li a.active_link{
	background:#11fcd9;
	color:#000;
}

.active_item{
	background:#11fcd9;
}

#nav_container {z-index:2;
	width:100%;
	position:relative;
	top:0px;
	left:0;
	right:0;
	margin:0 auto;
	padding:0;
	height:125px;
	background:grey;
	background-image: url("../data_folder_kw/shells.jpg");
    background-repeat: repeat-y repeat-x;
	background-size:150px 150px;
}
#nav{
	width:665px;
	position:absolute;
	top:8px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background:#333;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom-right-radius:60px;border-top-left-radius:60px;
	border-left:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-right:6px solid grey;
	border-bottom:1px solid grey;
	border-bottom:2px solid grey;
	list-style-type: none;
}
#nav li {
    display: inline;
	float:left;
	
}
#nav li a {
	display: block;
	padding-left:11px;
	padding-right:11px;
	padding-top:11px;
	padding-bottom:11px;
	margin-top:0px;
	color:#fff;
	background:#575757;
	text-decoration: none;
	font-size:19px;
	font-family:'Limelight', conthrax-sb;
	border-bottom-right-radius:45px;border-top-left-radius:45px;
	border-left:0px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-right:6px solid grey;
	border-bottom:1px solid grey;
	border-bottom:2px solid grey;
}
#nav li a:hover {
/*TEAL BULES */
	background:/* #11fcd9;#b0ecec*/#11fcd9;
	color:#333333;
}




#on_box_readout_2_outside_wrapper{border-radius:15px;border:2px solid #11fcd9;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	margin:0 auto;
	
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	height:94px;
	width:100px;
	
    display:block;
	color:yellow;
	
}
#on_box_readout_2_outside_wrapper p{color:#11fcd9;font-weight:bold;font-size:18px;
text-shadow: 2px 2px 2px rgba(17,252,217,1);


}


/*THEME CHANGE BUTTON*/
#active_a, #active_b{width:30%;display:block;padding:5px;cursor: pointer; }
#active_b{background:#11fcd9;color:#111;}
#active_a:hover, #active_b:hover{background:blue;color:#fff;}

.more-info { 
    display: none;
	
}

.bubble:hover .more-info {z-index:111;
	
	border-radius:50%;border:0px solid grey;
	position:absolute;
	right:204px;
	padding-top:26px;
	padding-left:26px;
	padding-right:16px;
	top:-168px;
	height:110px;
	
	width:100px;
	display:block;
	background: hsl(171, 98%, 53%);
font-size:16px;
font-weight:bold;
	  -webkit-transition: all 1.25s ease;
       -moz-transition: all 1.25s ease;
        -ms-transition: all 1.25s ease;
         -o-transition: all 1.25s ease;
            transition: all 1.25s ease;
}
/*ARROW BUBBLE ONE*/
/*ARROW BUBBLE TWO*/

.bubble2{margin-left:10px;
	left:0px;
	width:190px;
	height:55px;
	font-family:'Limelight', conthrax-sb;
}
.arrow_bubble2 {border:0px solid red;z-index:1111;
	position:absolute;
	text-align:center;
	top:51px;background:none;
/*	width:25px;
	height:4px;
	/*/
  width: 0; 
  height: 0; 

	  margin-left:auto;
  margin-right:auto;
  font-size:18px;
  right:-25px;
}	
.more-info2 { 
    display: none;
	
}
.bubble2 a{color:#000;}
.bubble2:hover .more-info2 {z-index:111111111111111;
	
	border-radius:50%;border:0px solid grey;
	position:absolute;
	right:0;
	left:150px;
	margin: 0 auto;
	padding-top:26px;
	padding-left:26px;
	padding-right:16px;
	top:20px;
	height:110px;
	
	width:100px;
	display:block;
	background: hsl(171, 98%, 53%);
font-size:16px;
font-weight:bold;
	  -webkit-transition: all 1.25s ease;
       -moz-transition: all 1.25s ease;
        -ms-transition: all 1.25s ease;
         -o-transition: all 1.25s ease;
            transition: all 1.25s ease;
}

@media screen and (max-width: 725px){
		.res_logo_ani{border:0px solid red;
		position:absolute;
		top:-20px;
		max-width:300px;
		height:auto;
		
	}
	
}
@media screen and (max-width: 525px){
		.res_logo_ani{border:0px solid blue;
		position:absolute;
		top:10px;
		width:70%;
		height:auto;
		
	}
	
}

@media screen and (max-width: 725px){
	
	#nav_container {position:relative;border:0px solid red;
	top:0px;
		width:100%;
		height:300px;

}
#nav{
	width:100%;height:auto;
	position:absolute;
	top:0px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background:none;
	padding-top:0px;
	padding-bottom:15px;
	border-bottom-right-radius:0px;border-top-left-radius:0px;
	border-left:0px solid #11fcd9;
	border-top:0px solid #11fcd9;
	border-top:0px solid #11fcd9;
	border-right:0px solid grey;
	border-bottom:0px solid grey;
	border-bottom:0px solid grey;
	list-style-type: none;
}
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

} 
/*#nav li {
    display: inline;
	float:left;
}*/
#nav li{
	left:0px;
	width:80%;}
#nav li a {
	
	padding-left:11px;
	padding-right:11px;
	padding-top:4px;
	padding-bottom:11px;
	margin:2px;
	color:#fff;
	background:#333;
	text-align:center;
	text-decoration: none;
	font-size:18px;
	/*font-family: sans-serif;*/
	font-family:'Limelight', conthrax-sb;
		border-bottom-right-radius:60px;border-top-left-radius:60px;
	border-left:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-right:6px solid grey;
	border-bottom:1px solid grey;
	border-bottom:2px solid grey;
}
#nav li a:hover {
/*TEAL BULES */
	background:/* #11fcd9;#b0ecec*/#11fcd9;
	color:#333333;
}
	
	
	
	
	
	
	
	
	
	#the_page_top{border:0px solid #fff;z-index:11111111111111111;
	position:relative;
	top:0px;
	display:block;
	height:120px;
	width:100%;
}
	
	#res_logo_img{display:block;z-index:1;border:0px solid red;
	position:absolute;
	top:0px;
	right:0px;
	height:140px;
	min-width:150px;
	width:60%;
	background: url('../images/res_logo.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
	
	}

	.bubble:hover .more-info{display:none;}
	
	.bubble2:hover .more-info2{display:none;}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	}