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


@media (min-width: 1200px) {
	
	#cnt_banner [class*="span"] {
		margin-right:1.3%}
		
	#cnt_eml{
		width:18%}
	
	footer.row-fluid .span2{
	width:auto}
	
footer.row-fluid [class*="span"]:first-child{
	margin-left:140px}

#cnt_banner .container [class*="span"]:first-child{
	margin-left:0px;}
	
#cnt_banner [class*="span"]{
	margin-left:0px;}


}

@media (min-width: 1200px) {
	#lgrnL{
	display:none
	}

.hi3{
	height:445px;
	}
	
.hi2{
	height:258px;
	
	}
	
.hi1{
	height:167px;
	}


}

@media (min-width: 980px) and (max-width: 1199px) {
/*.hero-unit{
	height:400px;
	}
*/

#cnt_eml{
		width:18%}
		
#cnt_addr{
	width:27%}


#cnt_banner [class*="span"] {
		
	margin-right:1.4%
	
}


#cnt_bnr{
	right:-150px;}

#beap{
	margin-right:20px;}
	
.bx3_ico{
	width:100px;}


/*mail portion*/

#goog_map{
	width:60%;}

#cnt_form{
	width:37%;
	margin:0px;}

	
	
	

}




@media (min-width: 980px) {
	
	
	#lgrnL{
	display:none
	}
	
.navbar .nav{
	height:49px;}


.navbar .nav li a:focus, .navbar .nav li a:hover{
	color:#FFFFFF}


.navbar .nav li.dropdown.open .dropdown-toggle, .navbar .nav li.dropdown.active .dropdown-toggle, .navbar .nav li.dropdown.open.active .dropdown-toggle{
	color:#FFFFFF;
	background-color:transparent}


.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 15px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 0px 0 0;
  list-style: none;
  border-radius:0px;
  background-image:url(../images/drop_bg.png);
}

.grn{
	background-image:url(../images/sub_green.png);
	width:32px;
	height:15px;
	position:absolute;
	left:-17px;
	bottom:0px;
	display:none}
	
nav li{
	position:relative}

.dropdown-menu li a{
  color:#e1e2e3;
  font-family: 'Montserrat', sans-serif;
  font-size:13px
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-submenu:hover a, .dropdown-submenu:focus a{
	color:}
	
.dropdown-menu li{
	margin:5px 0 25px 30px }
	
#sub_abt{
	width:478px;
	height:145px;
	padding-top:25px}

.abt_l{
	width:275px;
	float:left}

.abt_r{
	width:175px;
	float:left}
	
.dropdown-menu li{
	position:relative;
	padding-left:40px;}

#sub_abt li i{
	width:33px;
	height:33px;
	position:absolute;
	left:-3px;
	top:-7px;
	overflow:hidden;
	background-image:url(../images/ico_about.png);
}
	
.abt_l li:first-child i{
	background-position:0 0;
}

.abt_l li:nth-child(2) i{
	background-position:-33px 0;
}

.abt_l li:nth-child(3) i{
	background-position:-66px 0;
}

.abt_r li:nth-child(1) i{
	background-position:-99px 0;
}

.abt_r li:nth-child(2) i{
	background-position:-132px 0;
}

/*login*/


#login{
	width:48px;
	height:20px;
	background-color:#727272;
	position:absolute;
	top:20px;
	right:195px;
	display:block}
	
#login p{
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	line-height:2;
	color:#f5f5f5;
	margin:0px;
	text-align:center;
}	

#slt_box{
	position:absolute;
	right:246px;
	top:20px;
	display:block}



			div.selectBox
			{
				position:relative;
				display:inline-block;
				cursor:pointer;
				text-align:left;
				line-height:2;
				clear:both;
				
			}
			span.selected
			{
				width:62px;
				border:none;
				background:#727272;
				overflow:hidden;
				height:20px;
				color:#f5f5f5;
				font-family: 'Montserrat', sans-serif;
				font-size:10px;
				line-height:2;
				padding-left:8px;
				cursor:pointer;
			}
			span.selectArrow
			{
				width:25px;
				height:20px;
				background:url(../images/slt_bg.png);
				text-align:center;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background-color:#727272;
				cursor:pointer;
			}
			
			
			span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:20px;
				z-index:1;
			}
			
			div.selectOptions
			{
				position:absolute;
				top:22px;
				width:95px;
				border:none;
				overflow:hidden;
				background:#727272;
				padding-top:2px;
				display:none;
			}
				
			span.selectOption
			{
				display:block;
				width:88px;
				font-size:10px;
				color:#f5f5f5;
				font-family: 'Montserrat', sans-serif;
				padding-left:8px;
				line-height:2;
				cursor:pointer;
			}
			
			span.selectOption:hover
			{
				color:#f6f6f6;
				background:#125da9;	
			}			


	
	

}

@media (max-width: 807px) {
	
.foo{
	background-image:url(../images/foo.png);
	background-repeat:repeat-x}
	
footer{
	background-image:none}
}

@media (min-width: 768px) and (max-width: 979px) {
#bx1, #bx2{
	width:48.6%;
	height:350px;
	}
	
#bx4{
	width:100%;
	margin-left:0px;
	display:none
	}
	
#lgrnL{
	width:100%;
	margin-left:0px;
	margin-bottom:20px
	}
	
#bx3, #bx5{
	width:48.6%;
	height:350px;
	}
	
#bx3{
	margin-left:0px;} 	

#Limg{
	background-position:top left;
}

#cnt_eml{
		width:30%}
		
#cnt_addr{
	width:40%}
	
	
/*mail portion*/
	
#goog_map{
	width:50%;}

#cnt_form{
	width:47%;
	margin:0px;}

	


}

@media (max-width: 790px) {
footer.row-fluid .span2{
	width:33.3%;
	height:200px;
	float:left;
	}
	
footer.row-fluid [class*="span"]{
	margin-left:0px;}
	
#cnt_form{
	margin-bottom:20px;}



}


@media (max-width: 767px) {
	
	#bx5, #bx1{
		margin-bottom:20px;}
		
	#lgrnL{
		display:none
	}

	#bx4{
		margin-bottom:20px;
	}
	
#body_cont{
	padding:0 20px 0 20px}
	
body{
	padding:0}
	
#Limg{
	background-position:top right;
}

#Ltxt{
	width:60%;
	float:left;
	margin: 15px 0 0 20px;}
	
.bx3_ico{
	width:100px;}



}

@media (max-width:600px) {
.bx3_ico{
	display:none}
	
#bx3 .tcnt {
width: 80%;
height: auto;
position: absolute;
right: 20px;
top: 20px;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	#bx1, #bx2, #bx3, #bx5{
	width: 48.6%;
	height: 350px;
	float:left}
	
#bx4 {
	display:none}
	
#lgrnL{
	width:100%;
	margin-left:0px;
	margin-bottom:20px;
	display:block;
	float:left
	}

#body_cont .row-fluid [class*="span"]:first-child{
	margin-right:2.8%}


#bx5{
	margin-left:2.8%}

/*#body_cont .row-fluid [class*="span"]:last-child{
	margin-left:2.8%}
*/	

#cnt_addr{
	width:40%;
	float:left;
	margin-right:4%}
	
#cnt_eml {
	width:20%;
	float:left;
	margin-right:6%}
	
#cnt_banner [class*="span"]:last-child{
	float:left;
	width:30%}



}

@media (min-width:481px){
	#subsc{
		top:20px;}
	
}


@media (max-width: 480px) {
	
#bx4_img{
	width:30%;
	float:left}

#beap{
	width:60%;
	float:left;
	margin: 15px 0 0 25px;}
	
footer.row-fluid .span2{
	width:49.9%;
	height:200px;
	float:left}
	
#soc{
	display:none
}

#soc_s{
	display:none;
}

#subsc{
	bottom:5px;}


#index_hero{
	display:none}
	
#bx1{
	margin-top:20px}
	
#bx3{
	display:none}

#cnt_banner [class*="span"]{
	margin-bottom:20px;}
}

@media (max-width: 460px) {
	#beap{
	width:100%;
	float:left;
	margin: 10px 0 0 25px;
	padding-right:15px;}
	
	#bx4_img{
		display:none}
		
	#atlab_logo{
		background-position:-263px 0}
		
	#atlab_logo img{
		width:135px;}
		
	#main_hdr{
		height:110px;}
		
	#bx5{
		max-height:250px;}

}

@media (max-width: 310px) {
	h1{
		font-size:20px;}
		
	#bx1{
		height:auto}
		

}


@media (max-width: 979px) {
	
#cnt_bnr{
	display:none
}

#nav_elmnt{
	display:none
}
	
#main_hdr{
	background-image:none}
	
#soc{
	right:20px;}

#main_hdr .container{
	width:auto;
	}
	
#atlab_logo{
	left:20px;}
	
.navbar-inner{
	min-height:40px;
	background-color:#0072bd;
	background-image:url(../images/hr1.png);
	background-repeat:repeat-x;
	background-position:0 39px
}

.nav-collapse .nav > li > a{
	font-family: 'Monda', sans-serif;
	font-size:12px;
	color:#f5f5f5;
	padding-left:32px;
	text-transform:uppercase;
	font-weight:normal;
	padding: 5px 10px 5px 33px;
}

.nav-collapse .dropdown-menu a{
	font-family: 'Monda', sans-serif;
	font-size:11px;
	color:#d1d2d3;
	padding-left:32px;
	text-transform:none;
	font-weight:normal;
	padding: 2px 10px 2px 33px;
}

.nav-collapse .nav{
	margin-top:23px;}
	
.open{
	margin-bottom:10px;}
	
.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{
	background-color:transparent}
	

	
.caret{
	display:inline-block}


.container {
	width: auto;
}

#body_cont {
padding: 0 20px 0 20px;
}

#bx3, #bx5{
	height:auto}
	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

#login_m{
	display:block;
	width:51px;
	height:23px;
	position:absolute;
	right:20px;
	top:9px}
	
#subsc{
	right:20px;}

#slt_box, #login{
	display:none}
	
#Limg{
	width:30%;
	float:left;
	height:100%;
	background-image:url(../images/bx4_img.png);
	background-repeat:no-repeat;
	overflow:hidden}
	
	
#cnt_banner{
	padding: 0 20px 0 20px;}



}