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

margin: 0px;

padding: 0px;

border: 0px;

}

body {
	
	background-image:url(images/BG2.jpg);
	font-family:Verdana, Geneva, sans-serif;
	}
	
h1 {
text-shadow: 1px 3px 8px #666666;}

h2 {
text-shadow: 2px 3px 4px #666666;}

h3 {
text-shadow: 1px 1px 3px #666666;}

h4 {
text-shadow: 1px 1px 3px #666666;}
	
#topstrip {
	width: 100%;
	height: 45px;
	background-image:url(img1/sliver.jpg)
	}
	
#top {
	width: 960px;
	margin:auto;
	color:#FFF;
	font-size:9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 45px;
	text-align:center;
	
	}		

#container {
	width: 960px;
	background:#FFF;
	color:#006;
	border:#000 solid 2px;
	margin: 0px auto;
	overflow:hidden;
	}
	
#container a {
	text-decoration:none;
	}		
	
.clear {
	clear:both;
	}
	
.center {
	text-align:center;
	}
	
.left {
	text-align:left;
	padding-left: 60px;
	}
	
.pos-rel {
	position:relative;
	}		

.pos-abs {
	position:absolute;
	}
	
.txt-left {
	width: 476px;
	height: 300px;
	padding: 40px 20px 20px 60px;
	text-align:left;
	float:left;
	}
	
.txt-left2 {
	width: 476px;
	padding: 40px 20px 20px 60px;
	text-align:left;
	float:left;
	}	

#sliderbox {
	width: 400px;
	height: 360px;
	position:relative;
	float:right;
	}
	
#rightbox {
	width: 400px;
	text-align:center;
	padding-top: 50px;
	float:right;
	}	
	
#wrap2 {
	height: 300px;
	width:300px;
	margin: 0 auto;
position: absolute;
top: 45px;
left: 40px;
}	
	
#wrap {
	height: 300px;
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	top: 44px;
	left: 36px;
}
#wrap img { display:none; }
#wrap .is-showing { display: inline; }
	

#nav-container {
	height: 100px;
	width: auto;
	padding: 4px;
	background: url(img1/atm-logostrip.jpg) no-repeat;
	}
	
#nav-container a {
	text-decoration:none;
	}	

.menu1 {
	height: 100px;
	width: 110px;
	background:#609;
	float:left;
	border-radius: 6px;	
	transition: all .2s ease-in .2s;
	overflow:hidden;
	}
	
.menu1 img {
		position: relative;
	top: -50px;
	left: 110px;
	}
	
	.menu2 {
	height: 100px;
	width: 110px;
	background:#090;
	float:left;
	border-radius: 6px;
	transition: all .2s ease-in .2s;
	overflow:hidden;
	}
	
.menu2 img {
		position: relative;
	top: -50px;
	left: 110px;
	}	
	
    .menu3 {
	height: 100px;
	width: 110px;
	background:#C00;
	float:left;
	border-radius: 6px;
	transition: all .2s ease-in .2s;
	overflow:hidden;
	}
	
.menu3 img {
		position: relative;
	top: -50px;
	left: 110px;
	}	
	
	.menu4 {
	height: 100px;
	width: 110px;
	background:#9C0;
	float:left;
	border-radius: 6px;
	transition: all .2s ease-in .2s;
	overflow:hidden;
	}
	
.menu4 img {
		position: relative;
	top: -50px;
	left: 110px;
	}	
	
	.menu5 {
	height: 100px;
	width: 110px;
	background:#00F;
	float:left;
	border-radius: 6px;
	transition: all .2s ease-in .2s;
	overflow:hidden;
	}
	
.menu5 img {
		position: relative;
	top: -50px;
	left: 110px;
	}	
	
		.menu6 {
	height: 100px;
	width: 110px;
	background:#C09;
	float:left;
	border-radius: 6px;
	transition: all .2s ease-in .2s;
	overflow:hidden;
	}
	
.menu6 img {
		position: relative;
	top: -50px;
	left: 110px;
	}		
	
.p1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
	position: relative;
	top: 15px;
	left: 5px;
	}
	
.p2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	position: relative;
	top: 25px;
	left: 5px;
	}
	
.menu1:hover {
	width: 398px;
	}
	
.menu2:hover {
	width: 398px;
	}
	
.menu3:hover {
	width: 398px;
	}
	
.menu4:hover {
	width: 398px;
 	}
	
.menu5:hover {
	width: 398px;
	}
	
.menu6:hover {
	width: 398px;
	}
	
.gallery {
	width: 126px;
	height: 34px;
	position:absolute;
	left: 772px;
	top: 26px;
	}	
	
.third1 {
	width: 268px;
	padding: 20px;
	float: left;
	text-align: center;
	}
	
.third2 {
	width: 300px;
	padding: 20px;
	float: left;
	}
	
.third3 {
	width: 256px;
	padding: 40px 20px 20px 60px;
	float: left;
	text-align: left;
	}
	
.third4 {
	width: 258px;
	padding: 40px 20px 20px 30px;
	float: left;
	text-align: left;
	}		
	
.half1 {
	padding: 20px 20px 20px 65px;
	float: left;
	}
	
.half2 {
	width: 370px;
	height: 260px;
	padding: 20px 20px 20px 20px;
	float: left;
	}
	
.halfplus {
	padding: 20px 50px 20px 20px;
	float: left;
	}				
	
.foot {
	width: 100%;
	height: 78px;
	background-image:url(img1/sliver2.jpg)}
	
.footmid {
	width: 960px;
	margin:auto;
	color:#FFF;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 20px;
	text-align:center;
	}
	
.gallerybox	{
	width: 960px;
	overflow:hidden;
	}		

.atmgallery {
	width: 220px;
	padding: 10px;
	margin-left: 58px;
	margin-top: 20px;
	background-color:#ccccff;
	text-align:center;
	border:#006 2px solid;
	border-radius: 6px;
	float:left;
}