/*------------------------------------------------
Sticky footer styles
-------------------------------------------------- */
      html,
      body {
        height: 100%;
		font-family:'Arial,Helvetica Neue,Helvetica,sans-serif', sans-serif;	
		
		
      /*  The html and body elements cannot have any padding or margin. */
      }
.navbar-inner{
	font-family:'Titillium-Bold', sans-serif;	
		}

      /* Wrapper for page content to push down footer */
      #wrap {
        
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        /* position:absolute;       */
       width:100%;
      }    

/*------------------------------------------------
Center top menu
-------------------------------------------------- */
	div p {
	text-align:justify;
	}
	
	.cil-banner p {
		text-align:left;
	}
	.navbar .nav,
	.navbar .nav > li {
		float:none;
		display:inline-block;
		*display:inline; /* ie7 fix */
		*zoom:1; /* hasLayout ie7 trigger */
		vertical-align: top;
	}
	.navbar-inner {
		text-align:center;
		background-color:#44555f;
	}
	

/*------------------------------------------------
footer
-------------------------------------------------- */
		#footer{
			background-color:#040e4f;	
			padding-top:15px;
		}
		
		#footer h1{
			color:white
		}

		#footer h4{
			color:white
		}

		#footer a{
			color:white
		}

	    #footer a{	
			color:white;
			text-decoration:none;
		}

/*------------------------------------------------
misc
-------------------------------------------------- */




#list2 li p { padding:8px;  }
#list2 li p em { display:block; }
#list2 li:hover{background-color:#ccd6dc;	 	}

	 aside dd{
		border-bottom:1px solid #00aeef;
		padding-bottom:5px;
		font-family:"Titillium-Light", serif;	  
		font-weight:500;	
		font-size:12px;
	  }

	
	#contact h2
	{
	color:#00aeef;
	}
	
	.cil-text{color:white}	 
	.cil-hack-pad{padding: 5px 5px 5px 5px;}
	.cil-small-margin{margin:8px;}
	.cil-image-margin{margin:8px;}
	
	.jumbotron{
		width:100%;
		margin-top:40px;
		margin-bottom:0;	 
		text-align: left;
		position: relative;
	    overflow:hidden;
	}
	.jumbotron h1{
		font-size:80px;
		font-family:'Titillium-Black'
	}
	
	#highlight-block{
		color:white;
		background: rgba(68, 85, 95, 0.8);
		height:inherit;
		padding:3px 3px 3px 8px;	
		position: absolute;
        top: 0px;
        left: 0px;
        width:400px;
        height:100%;
        float:right;
		font-size:16px;
		padding-top:150px;
	}
	#highlight-block p{
		text-align:left;
	}
	#highlight-block h2{
		text-align:left;
		font-family:"Titillium-Upright", serif;	  		
		font-size:32px;
		color:white;
	
	}
	
	.carousel-indicators1 {
    list-style: none outside none;   
    margin: 0;
    position: absolute;   
    bottom: 0;
    z-index: 5;
    float:right;
    width:390px;
    
}
.carousel-caption1 {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);    
    left: 0;*/
    bottom: 0;
    padding-bottom: 15px;
    position: absolute;
    right: 0;
}

.carousel-caption1 li.active
{
    /*border:5px solid white;*/
}

 ol.carousel-indicators1 li {display:inline;float: left; }
 ol.carousel-indicators1 li:nth-child(6):after { content:"\A"; white-space:pre; }
	
	.cil-top-bottom-spacing{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.cil-bk{	  
		background-color:#00adee;
	}
	
	.cil-logo{
	margin:8px;
	}
	
	.thumbnail{
		border:none;		
	}
	
	
	.thumbnail:hover {
		background-color:#ccd6dc;	 
	}
	
	.thumbnail a{
	color:black;
	text-decoration:none;
	}

#article-block
{
	position: absolute;
        top: 0px;
        left: 0px;
        width:400px;
}


.cil-banner{
	background-color:#44555f;
	-moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 5px rgba(0,0,0,0.5);			
	margin-top:105px;		
	padding:8px;
}
.cil-banner h1{	
	font-family:"Titillium-Light", serif;
	font-weight:500;
	color:white;
	font-size:32px;	
}
#cil-banner{
	display: none;
}
#cil-banner-text{
	display: none;
}



/*------------------------------------------------
Hexagon Thumbnail Gallery
-------------------------------------------------- */

.lab_item:nth-child(n+4) {
    margin-top: -55px;
}
.lab_item:nth-child(7n-3) {
    margin-left: 101px;
}

#lab {
	
	overflow: hidden;
	padding-bottom: 70px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 2.5em;
	/*background: rgb(236, 236, 236);*/

	-webkit-transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	-ms-transition: all ease 500ms;
	transition: all ease 500ms;
	
-webkit-transform: perspective(600px) rotateX(30deg);
-moz-transform: perspective(600px) rotateX(30deg);
-ms-transform: perspective(600px) rotateX(30deg);
-o-transform: perspective(600px) rotateX(30deg);
transform: perspective(600px) rotateX(30deg);
}




.lab_item {
	width: 200px;
	height: 230px;
	position: relative;
	display: inline-block;
}

.hexagon2 {
	position: absolute;
	width: 200px;
	height: 400px;
	top: -85px;
}

.hexagon {
	overflow: hidden;
	visibility: hidden;

	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);

	cursor: pointer;
	
}

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);
	box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;

	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #40a3e9;
	box-shadow: inset 0 0 0 0px #40a3e9;
}


/*------------------------------------------------
	Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}
 
.field-validation-valid {
    display: none;
}
 
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
 
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}
 
.validation-summary-valid {
    display: none;
}

/*------------------------------------------------
Custom Font Types
-------------------------------------------------- */


.text-thin
{
    font-family:"Titillium-Light",serif;
	font-weight:500;
    /* color:#40a3e9;
   background-color:white;
    	padding:3px;*/
}


/*Search items*/
ol li:hover{background-color:#ccd6dc;	 	} 
ol li{margin-bottom:8px}

#logo {
    background: url("/media/1003/cil-white-black-circle.png") no-repeat scroll 0 0 transparent;
   /* box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);*/
    height: 114px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 284px;
    z-index: 10;
}


article img.pull-left {margin:0px 12px 12px 0px}
article img.pull-right {margin:0px 0px 12px 12px}



/*Gradient Highlight Block*/
.cil-bk-grad{
	    -moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background-color: #44555f;
		background-image: linear-gradient(to bottom, #44555f, #8a8989);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;		
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: white;
		cursor: pointer;
		display: inline-block;    
		line-height: 20px;
		margin-bottom: 15px;
		padding: 4px 12px;   
	
	}	



.latest-list-li{
			border-width:thin;
			border-color:#8a8d90;
			border-bottom-style:dotted;	
				
			}



blockquote p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	font-style:italic;
	line-height: 1.25;
}



/*Display text on top of iframe video stream*/
.holder{
    width: 640px;
    height:480px;
    position:relative;
}
.frame{
    width: 640px;
    height:480px;
}
.bar{
    position:absolute;
    top:0;
    right:2px;
    width:200px;
    height:200px;
	margin-top:10px;
	margin-right:8px;
	
	padding-top:10px;
	padding-left:8px;
	
	background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: block;
   /* height: 29px;*/
    overflow: hidden;
    /*width: 29px;*/
		
    font-family: Titillium-Light,serif;
    font-weight: 500;
	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}



.SmallWhiteText{
	color: white;
	font-family: Titllium,serif;
	font-size: 18px; 
	font-weight: 500;
	line-height: 26px;
		}


 /* Site Rebranding NAV changes*/
 .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {   
	background-color: #fffff;    
	box-shadow: none;    
	color: #040e4f;    
	text-decoration: none;
	background-color: #ffffff;	 
  }
			
 .navbar .nav > li > a {    
	color: #040e4f;    
	float: none; 
	font-size:18px;
	padding: 10px 15px;    
	text-decoration: none;    	 
	border-left:3px #00adee solid
					
}
					
	.nav > li > a {
		display: block;
	}


 .navbar-inner{
	background-color:white;
	background-image:none;
	border:none;
	box-shadow:none;
		}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow:none;
}



.thumbnail h1{
	color:#040e4f;
	font-size:20px;
	font-family:"Titillium", serif;		
	}
















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */