@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);
/*@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Unna);*/

/*
	Halcyonic 3.1 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

	body
	{
		background: #D4D9DD url('images/bg03.jpg');
	}

	body, input, textarea, select
	{
		color: #474f51;
		font-size: 13.5pt;
		font-family: 'Yanone Kaffeesatz';
		line-height: 1.85em;
		font-weight: 300;
	}

	ul, ol, p, dl
	{
		margin: 0 0 2em 0;
	}

	a
	{
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	section > :last-child, .last-child
	{
		margin-bottom: 0 !important;
	}

/* Multi-use */

	.link-list
	{
	}
	
		.link-list li
		{
			padding: 0.2em 0 0.2em 0;
		}
		
		.link-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}
		
		.link-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .link-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .link-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

	.quote-list
	{
	}
	
		.quote-list li
		{
			padding: 1em 0 1em 0;
			overflow: hidden;
		}
		
		.quote-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

			.quote-list li img
			{
				float: left;
			}

			.quote-list li p
			{
				margin: 0 0 0 90px;
				font-size: 1.2em;
				font-style: italic;
			}
			
			.quote-list li span
			{
				display: block;
				margin-left: 90px;
				font-size: 0.9em;
				font-weight: 400;
			}

		#content .quote-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .quote-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
	
	.check-list
	{
	}

		.check-list li
		{
			padding: 0.7em 0 0.7em 45px;
			font-size: 1.2em;
			background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
		}
		
		.check-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .check-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .check-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
		
	.feature-image
	{
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
	}
	
		.feature-image img
		{
			display: block;
			width: 100%;
		}

	.bordered-feature-image
	{
		display: block;
		background: #fff url('images/bg04.png');
		padding: 10px;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
        cursor: default;
	}
	
		.bordered-feature-image img
		{
			display: block;
			width: 100%;
		}
	
	.button-big
	{
		display: inline-block;
		background: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	}

	.button-big:hover
	{
		background: #fd492b;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
		background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
		background-image: -o-linear-gradient(top, #fd492b, #de2a10);
		background-image: linear-gradient(top, #fd492b, #de2a10);
	}

	.button-big:active
	{
		background: #ce1a00;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
		background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
		background-image: linear-gradient(top, #ce1a00, #ed391b);
	}

.address-phone {
font-size:x-large;
}
.address-company {
font-size:x-large;
font-weight:bold;
}


/* =The style for the lab
-------------------------------------------------------------- */
#sidebarScroll {
    width:300px;
    float:left;
}

#contentScroll {
    width:724px;
    float:right;
    padding-left:380px;

}


/* navigation */
#navScroll {
    width:300px;
    /*background-color:rgb(240,240,240);
    border:solid 1px rgb(220,220,220);*/
    padding:0 12px;
}

#navScroll.stick {
    /*position: fixed;*/
    top: 0;
    z-index: 10000;
    /*margin-top:220px;*/
}
#navScroll.stickit {
    position: fixed;
    top: 0;
    z-index: 10000;
    margin-top:12px;
}

/*#navScroll ul {
    list-style-type:none;
    margin:0;
    padding:0;
}*/

#navScroll li {

}

#navScroll li a {
    /*color:rgb(50,50,50);
    font-weight:700;*/
}

a.nav-active {
    color:#ccc;
}



.content section {
  background-color: pink;
  margin-bottom:20px;
    height:750px;
}

/*.nav-list {
width: 228px;
margin: 30px 0 0;
padding: 0;
background-color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
box-shadow: 0 1px 4px rgba(0,0,0,.065);
}*/

.nav-list .icon-chevron-right {
float: right;
margin-top: 2px;
margin-right: -6px;
opacity: .25;
}

.nav-list > .active .icon-chevron-right {
opacity: 1;  
}



.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
color: #ffffff;
text-shadow: 0 -1px 0 
rgba(0, 0, 0, 0.2);
background-color: #0088cc;
}
.banner-address {
 position:absolute;
 top:20px;
 right:0px;
 color:#fff;
 font-size:large;
}
.map-canvas {
display:none;

}
.mobile-only {
    color:#fff;
}
@media (min-width: 1200px){
.nav-list {
width: 300px;
}
.mobile-only {
    color:#fff;
    display:none;
}

.banner-address {
 position:absolute;
 top:20px;
 right:0px;
 color:#fff;
 font-size:x-large;
}
#banner_canvas {
    /*background:url('../images/SuperiorBuildingStreetView1.png') no-repeat;*/
    /*background:url('../images/Cleveland_Skyline.png') no-repeat; height: 600px;*/
    background:url('../images/Cleveland_Skyline_Aug_2006.JPG'); height: 400px;
    background-size:cover;
    width:100%;
    
}
    #canvas_text {
        /*top: 84%;*/
        width: 100%;
        height: 80px;
        /*background-color: #33595F;*/
        background-color: #33595F;
        opacity: 0.6;
        position: relative;
        vertical-align: central;
        display: inherit;
    }

.map-canvas {
display:block;
}

}

@media (max-width: 979px) and (min-width: 768px){
.nav-list {
/*width: 166px;
margin-top: 20px;*/
}
 #canvas_text h2 {
font-size: x-large !important;
padding-top: 10px;
}
}

@media (max-width: 767px){
.nav-list.affix {
position: static;
width: auto;
top: 0;
margin-bottom:15px; 
/*margin-left:15px;*/
}
#canvas_text h2 {
font-size: large !important;
padding-top: 8px;
}


}

@media (max-width: 495px) {
    .group-image {
        width: 100%;
    }
    .atty-title {
     margin-top:20px !important;
    font-weight:500 !important;
    font-size: 1.5em !important;
    }
    #banner_canvas{
        display:none;
    }
}

@media (max-width: 400px) {
    #banner_canvas{
        display:none;
    }
}

.profile-headings {
font-weight:bold;
}

.directions-link a{
    font-size:xx-large;
    color:#fff;
}
.current-page-item {
color:#fff !important;
/*text-decoration:underline !important;*/
}

		

[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../images/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}


/* Disclaimer */

	#disclaimer
	{
		width:100%;
        text-align:center;
	}