body	{
	/*background-image:url('../images/bkcgrd.jpg');*/
	overflow-y: scroll;
	overflow-x: hidden;
}

.background	{
	/*background:url('../images/animation/Layer1_back-ver2.jpg') no-repeat;*/
	width:100%;
	background-size: cover;position: absolute;
	top: 0px;
	height:550px;
	overflow:hidden;
}
     	.buildingBackground{
     		
     		width:100%;
     		background-size: cover;position: absolute;
	top: 0;
	height:550px;
	overflow:hidden;

}
     	@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
     	#wheel	{
     		width:210px;
     		position:absolute;
     		right:100px;
     		top:210px;
     		-webkit-animation:rotate 10s linear 0 infinite normal;
     	}
     	#car1	{
     		position:absolute;
     		top:375px;
     		width:50px;
     	}
     	#car2	{
     		position:absolute;
     		top:395px;
     		width:90px;
     	}
     	#trees	{
     		position:absolute;
     		top:560px;
     		width:100%;
     	}
     	#cloud1	{
     		position:absolute;
     		top:60px;
     		width:170px;
     		z-index: 10;
     	}
     	#cloud2	{
     		position:absolute;
     		top:150px;
     		width:110px;
     		z-index: 10;
     	}
     	#balloon	{
     		position:absolute;
     		top:110px;
     		right:80px;
     		width:50px;
     	}
     	#moon	{
     		position:absolute;
     		top:40px;
     		right:80px;
     		width:100px;
     	}
     	#logo-bg	{
		  	position:absolute;
		  	width:200px;
		  	left:0;	
		 	right:0;
		  	margin:auto;
		  	z-index:20;
     	}
        	
#footpanel {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background: #FFF;
	border: 0px;
	border-bottom: none;
	width: 100%;
	height: 35px;
	margin: 0 0;
	color: #666;
}
.copyright {
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

.h3_flip	{
	font-size:20px;
	margin-top:5px !important
}
.h4_flip	{
	font-size:15px;
	color:black;
}
.fixed {
    position:fixed !important;
    top:0 !important;
    z-index:10000;
}
.navbar-scroll	{
	position:absolute;
	top:621px;
	width:100%;
}
.wrapper, .flipbox-wrapper	{
   	display: block;
	width: 90%;
	min-width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0px 0 0 0;
	position: relative;
	text-align:center;
	font-family: "Century Gothic";'
   }
   .flipbox-wrapper	{
   	display: block;
	width: 1020px;
	height: auto;
	z-index: 110;
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
   }
  	.fixed_width_div	{
  		display: block;
		width: 920px;
		height: auto;
		z-index: 110;
		position: relative;
		margin: 0 auto 0px auto;
		overflow: hidden;
		z-index: 97;
		padding-top:30px;
	}

.modal-dialog	{
	top:70px;
}

/******** TEAM **********/
.flip-header	{
	background-color:#F1F3F2;
	color:#00A4D9 !important;
	margin-bottom:20px;
	padding:15px;
	font-size:20px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
/*************************/

/********OFFICE CALCULATOR***********/
	.nav-office a	{
		padding:6px !important;
	}
	.tab-content img	{
		max-width: 100%; and height: auto;
	}
	.calc_main	{
		height:auto;
		text-align:center;
		border:1px solid black;
		/*margin: 0px 15px;*/
	}
	.thumb_group	{
		/*margin: 0px 15px;*/
		border:2px solid black;
		padding:0px;
	}
	.pic_name	{
		margin:20px 15px 5px 15px;
		
	}
	.calc_thumb	{
		height:auto;
		cursor:pointer;
		text-align:center;
	}
	.thumb_group .active	{
		background-color:#D2E3FF;
	}
	.office-calc	{
		margin:34px 0px 0px 10px;
	}
	.office-calc input	{
		width:42px;
		text-align:center
	}
	.office-calc td, .office-calc th	{
		text-align:center;
	}
	body	{
		background-image:url(<?php echo site_url('images/bkcgrd.jpg');?>);
	}
	.nav-office  .active	{
		background-color:none;
		font-weight:bold;
		
	}
	.office-calc, .office-calc td, .office-calc th{
		border:2px solid black !important;
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus{
            color: #555555;
            background-color: #eee;  
        } 

        
        .carousel-img	{
 		width:80% !important;
 		max-width:400px !important;
 	}
 	
 	
.input {
	width: 100%;
	height: 35px;
	border-radius: 1em;
	border: 0px solid #000; /* everything up to and including this line
                               are aesthetics, adjust to taste */
	outline: none; /* removes the default outline */
	resize: none; /* prevents the user-resizing, adjust to taste */
	padding: 10px;
	margin-bottom:35px
}
.custom-textarea	{
	width: 100%;
	height: 175px;
	border-radius: 1em;
	border: 0px solid #000; /* everything up to and including this line
                               are aesthetics, adjust to taste */
	outline: none; /* removes the default outline */
	resize: none; /* prevents the user-resizing, adjust to taste */
	padding: 10px;
}

/********** CASE STUDIES ***********/
.insight_title	{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}
.request_copy	{
	background-color:#D8D8FE;
	margin-top:50px;
	margin-bottom:10px;
	padding:7px;
	font-size:1.2em;
	font-weight:bold
}
.carousel-caption {

}
a .active	{
	background-color:#0086B9
}
/********** SLIDER ***********/
#slider .slide {
	Z-INDEX: 10; POSITION: absolute; BORDER-LEFT: #fff 1px solid; WIDTH: 600px; BACKGROUND: #fff; HEIGHT: 333px; OVERFLOW: hidden; CURSOR: default; LEFT: 22px;text-align:left;
}
#slider .title {
	COLOR: #f80; FONT-SIZE: 1.2em; FONT-WEIGHT: bold; MARGIN-RIGHT: 1.5em; TEXT-DECORATION: none
}
#slider .text {
	POSITION: absolute; TEXT-ALIGN: justify; WIDTH: 470px; DISPLAY: none; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 0.9em; TOP: 100%; LEFT: 10px
}
#slider .diapo {
	POSITION: absolute; FILTER: alpha(opacity=100); VISIBILITY: visible; opacity: 1
}
.slide img	{
	height:100%;
}

.carousel-caption	{
	left:10% !important;
	right:10% !important;
	/* default fallback */
	background: rgb(255, 255, 255) transparent;
	/* nice browsers */
	background: rgba(255, 255, 255, 0.2);
	/* IE 6/7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	/* IE8 */    
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";

	text-shadow: none !important;
	color: #999 !important;
}

.bigHeader	{
	font-size:30px;
	font-weight:bold;
	color: #00A4D9;
}
.scrollSection	{
	margin-top:30px;	
}
.flipBtn	{
	padding: 0px 20px !important;
	color: white;
	background-color:#00A4D9 !important;
	border:1px solid white;
	margin-top:5px !important;
	border-radius:10px !important
}
.boldhr	{
	border: 1px solid #aaa;
}
.testimonialH3	{
	font-size:17px;
	line-height:1.5em;
	
}
.attentionSpan	{
	font-size:20px;
	font-weight:bold;
}