@charset "UTF-8";
/* CSS Document */

p {
	padding-bottom:6px;
}
p a {
	color:#66c;
}
li a {
	color:#66c;
}

h1 {font-family: 'Asap', sans-serif;
			font-size: 40px;
			margin-bottom: 0px;
			margin-top: 0px;
			font-weight: 200;
			line-height:1;
			padding-bottom: 12px;
		}
h1 a {
	color:#5A709A;
}
		h2 {font-family: 'Asap', sans-serif;
			font-size: 21px;
			color:#952336;
			
		}
		h3 {font-family: 'Asap', sans-serif;
			font-size: 17px;
			color:#666;
			margin-bottom: -16px;
		}
		body  {
			font-family: 'Asap', sans-serif;
			font-size: 17px;
			color: #666;
			line-height: 1.3;
			
		}
a {
			text-decoration: none;
		}
		
.expertise {
			display: block; width: 1150px; height: 320px; position: relative; left:50px; top: 20px;
		}
.expertise	ul {
			font-family: 'Asap', sans-serif;
			font-size: 17px;
			color: #666;
			 line-height: 1.6;
			margin-left:-22px;	
		}		
.expertise	li {
			margin:16px;
		} 
.expertise3col {
			width:32%; float:left;display: block;
		}

	.birdbar {
    overflow: hidden;
    position: fixed;
    top: 80px;
	margin-left:40px;
    width: 100%;
	 z-index: 49; 
}

	.birdbar-multichannel {
    overflow: hidden;
    position: fixed;
    top: 540px;
	margin-left:40px;
    width: 100%;
	z-index: 49; 
}

.navbar {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
	height:50px;
	background-color: #fff;
	background: rgba(255, 255, 255, 0.75);
	z-index: 50; margin-left: -2px;
}

/* Style the links inside the navigation bar */
.navbar a {
	font-family: 'Asap', sans-serif;
	font-weight:600;
    float: left;
	display: block;
    color: #333;
    text-align: center;
   padding: 12px 24px 2px 24px;
    text-decoration: none;
    font-size: 14px;
	line-height: 2.5;
}
	
/* Change the color of links on hover */
.navbar a:hover {
    background-color: #fff;
    color: #333;
}

/* Add a color to the active/current link */
.navbar a:active {
    background-color: #fff;
    color: #333;
		}
		
#hbird {			
	padding-top: 80px;
	z-index:3;
		}
#image2hide {float:right; margin-top: 0;visibility: visible;}	
#homecontainer {
	margin-left: auto; margin-right:auto; margin-top: 50px; width: 1200px;  
		}

		#homevideocontainer {
			display: block; width: 1200px;  float:left; position: relative;  
		}	 
		}
		#homestory1 {
			 width: 1200px; float:left; padding-top: 44px; padding-bottom: 32px; position: relative; top: 0px;
		}
		#L2story1 {
			 width: 100%; float:left; padding-top: 0px; padding-bottom: 64px; position: relative; top: 0px;
		}
		#L2leftcolumn {
			 width: 240px; float:left; padding-top: 0px; padding-bottom: 32px; position: relative; top: 0px;
		}
		#L2centercolumn {
			float:left;  width: 536px; position: relative; left:0px; padding-top:0px; 
		}
		#L2centercolumn h1 {
			color: #3d6c9c;
			margin-bottom: -18px;
		}
		#L2centercolumn h2 {
			color: #3d6c9c;
			margin-bottom: -12px;
		}
#L2centercolumn p {
	margin-bottom: -4px;
}
		#L2rightcolumn {
			float:right;  width: 400px; position: relative; left:0px; 
		}
#L2rightcolumnpharm {
			float:right;  width: 400px; position: relative; left:0px; 
		}
		#identityblock {
			 left:36px; position:relative; top:4px; margin-bottom: 60px; 
		}
		#L2identityblock {
			 left:32px; position:relative; top:4px; margin-bottom: 90px; z-index:60;
		}
		#80yearlogo {
			position: absolute; left:822px; top:580px; z-index: 10;
		}

#historycolumn {
	width:936px; margin-left:240px;
}
#historycolumn2 {
	float:left; width:536px;
}
#historycolumn h1 {
	padding-bottom:22px;
	color: #3d6c9c;
		}
#historycolumn h2 {
	color: #3d6c9c;
	margin-bottom: -12px;
		}
#historyrightcol {padding-right:0px; max-width:350px; float: right;}
.historyimagefloat {float:right;}
#contactblockleft {
	float:left; width:812px;
}
#contactblockright {
	display:block; position: relative; float:left;  left:12px; top:50px; line-height: 1.3;font-size: 12px;
}
#contactblockleft a {
	color:#666;
}

.rotate {
	transform: rotate(90deg);
	font-size:90px;
	font-weight: 700;
	line-height: 1;
	color:#E2EBEB;
	margin-top:110px;
	margin-left:40px;
		}

#animation_container {background-color:rgba(255, 255, 255, 1.00); width:480px; height:325px;}

#workcolumn2 {
			margin: 6px 0 -80px 0px; padding-left: 240px; color: #3d6c9c; 
		}
		#workcolumn2 h1 {
			margin: 0; 
		}
		#workimage {
			margin: 80px 0 0 0;
		}
		
		#workimage img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
		#workimage img:hover {
			filter: none;
			 -webkit-filter: none;			
		}
				
		#workstory {
			width: 100%; float:left; padding-top: 0px; padding-bottom: 0px; position: relative; top: 0px;
		}
#hide_anim {width:874px; height:874px;}


#spacer450 {
	display:block;height:450px;
}
#spacer200 {
	display:block;height:200px;
}
#spacer180 {
	display:block;height:180px;
}
#spacer80 {
	display:block;height:80px;
}
#spacer40 {
	display:block;height:40px;
}
#spacer20 {
	display:block;height:20px; clear:both;
}


			#collapse1 {
				height:0; overflow: hidden; 
			}
			#collapse2 {
				height:0; overflow: hidden; 
			}
			#collapsebtn {
				cursor:pointer; margin-bottom:0px;
			}
			#collapsebtn:hover {
				color: #C7B572;
			}
			#collapsebtn2 {
				cursor:pointer; margin-bottom:0px;
			}
			#collapsebtn2:hover {
				color: #C7B572;
			}
#openbtn {
			height:50px; width: 50px; cursor:pointer; float:left; position: relative; left:45px; top: 10px;
		}
#closebtn {
			height:50px; width: 150px;  position: absolute; right:0px; top:0px; cursor:pointer; padding-top:40px;
		}
		.closebutton {
			font-family: 'Asap', sans-serif;
	font-weight:600;
    color: #fff;
    text-align: left;
    font-size: 21px;
	line-height: 1.5;
		}
		.closebutton:hover {
			 color: #C7B572;
		}
		
		#burgermenu {
			height:100%; width: 400px; background-color:  #364C77; position: fixed; right:-400px; top:0px; z-index: 1001; padding-top:100px;
		}
		#burgermenu p {
	margin-bottom: 18px; margin-top: 10px;
}
.burgernav {
	font-family: 'Asap', sans-serif;
	font-weight:600;
    display: block;
    color: #fff;
    text-align: left;
    margin-left: 50px;
    font-size: 21px;
	line-height: 1.5;
}		
.burgernav a {
	font-family: 'Asap', sans-serif;
	font-weight:600;
    display: block;
    color: #fff;
    text-align: left;
    margin-left: 0px;
	
    text-decoration: none;
    font-size: 21px;
	line-height: 1.5;
}

/* Change the color of links on hover */
.burgernav a:hover {
    color: #C7B572;
}

/* Add a color to the active/current link */
.burgernav a:active {
    color: #F0F4D6;
		}
.burgernav2 a {
	font-family: 'Asap', sans-serif;
	font-weight:200;
    display: block;
    color: #fff;
    text-align: left;
    margin-left: 50px;
	
    text-decoration: none;
    font-size: 16px;
	line-height: 1.2;
}

/* Change the color of links on hover */
.burgernav2 a:hover {
    color: #C7B572;
}

/* Add a color to the active/current link */
.burgernav2 a:active {
    color: #F0F4D6;
		}

@media screen and (max-width: 768px) {
	
	h1 {font-family: 'Asap', sans-serif;
			font-size: 32px;
	}
	h2 {font-family: 'Asap', sans-serif;
			font-size: 21px;
	}
	
#homecontainer {
	margin-left: auto; margin-right:auto; margin-top: 50px; max-width: 100%;  
		}	
#historycolumn {
	width:100%; margin-left:0px;
		}	
	
#historycolumn2 {
	width:100%; margin-left:0px;
}
	
#historyrightcol {padding-right:0px; padding-left:12px; max-width:350px; float: left;}	
.historyimagefloat {float:left; }
#L2centercolumn {
			float:left;  width: 93%; position: relative; left:0px; padding-top:0px; padding-left:22px;
		}	
	.menuhiding {
		overflow:hidden;
		display:none;
	}	
	.navbar a {
	
   padding: 12px 24px 2px 24px;
    text-decoration: none;
    font-size: 14px;
	line-height: 2.5;
}
	#L2rightcolumn {
			float:left;  width: 400px; position: relative; left:0px; 
		}
	#L2rightcolumnpharm {
			float:left;  width: 0px; height:2px; position: relative; left:0px; 
		}
#L2leftcolumn {
			 width: 0; float:left; padding-top: 0px; padding-bottom: 0px; position: relative; top: 0px; height:0px;
		}	
#openbtn {
			height:50px; width: 50px; cursor:pointer; float:left; position: relative; left:26px; top: 10px;
		}
	
	.birdbar {
    visibility: hidden; 
}

	.birdbar-multichannel {
    visibility: hidden;
}	
.rotate {
	visibility: hidden; width:1px; height:1px;
	transform: none;
	font-size:1px;

	margin-top:0px;
	margin-left:0px;
		}	
	#image2hide {visibility: hidden;}
	#image2hide2 {visibility: hidden;}
	#image2hide3 {visibility: hidden; height:2px;}
	
	#contactblockleft {
	float:left; max-width:400px; line-height: 1.3;font-size: 14px;
}
	#contactblockright {
	display:block; position: relative; float:left;  left:0px; top:0px; line-height: 1.3;font-size: 12px;
}
	#hide_anim {width:1px; height:1px; overflow:hidden; display:none;}
#spacer180 {
	display:block;height:2px;
}	
}