@charset "UTF-8";

body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#333;
	height: 100%;
}

a:link {color: #660000; text-decoration:none;}
a:visited {color: #660000; text-decoration:none;}
a:hover {color: #231f20; text-decoration:none;}
a:active {color: #660000; text-decoration:none;}

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #fff;
}

h1 {
font-size:22px;
padding:30px 0px 10px 0px;
margin:0px;
color:#900;

}

h2 {
font-size:15px;
padding:8px 0px 5px 0px;
margin:0px;
color:#660000;
font-weight:bolder;
line-height:16PX;

}

.product_page {
font-size:15px;
padding:30px 0px 5px 0px;
margin:0px;
color:#231f20;
font-weight:bolder;
line-height:16PX;

}

.product_page a:active{color:#660000;}
.product_page a:hover{color:#900;}

h3 {
font-size:15px;
padding:0px 0px 10px 0px;
margin:0px;
color:#ffffff;
font-weight:lighter;

}

h4 {
font-size:15px;
padding:0px 0px 4px 0px;
margin:0px;
color:#ffffff;
font-weight:bold;

}

#maincontainer {
	width: 950px;
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left;
	position:relative;
	height: 100%;
}

#bgcontainer1 {
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left;
	background-image:url(images/bg2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	min-height: 100%;
	height: 100%;
}


#bgcontainer2 {
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left;
	background-image:url(images/BG2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	min-height: 100%;
	height: 100%;
}

#footer {
	color:#222222;

}

p, ul { 
	color:#171717;
	line-height: 19px;
	margin:0px 0px 10px 0px;

}

hr {
	background-color:#ffffff;
	border-color:#bbbcbc;
	border-style:none none dotted;
	border-width:1px;
	color:#ffffff;
	padding-top:6px;

}

#mainMenu {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 950px;
    height: 47px;
    overflow: hidden;
}

#mainMenu li {
    float: left;
}

#mainMenu a {
    display: block;
    background-image: url(images/nav.png);
    padding-top: 47px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

#home {
    width: 207px;
}
#home:hover {
    background-position: 0px -47px;
}

#home .current {
    background-position: 0px -47px;
}

#about {
    width: 138px;
    background-position: -207px 0;
}
#about:hover {
    background-position: -207px -47px;
}
#products {
    width: 167px;
    background-position: -345px 0;
}
#products:hover {
    background-position: -345px -47px;
}
#services {
    width: 172px;
    background-position: -512px 0;
}
#services:hover {
    background-position: -512px -47px;
}
#contact {
    width: 266px;
    background-position: -684px 0;
}
#contact:hover {
    background-position: -684px -47px;
}

#navcontainer {
	padding: 40px 30px 10px 0px;
	float:right;
}

#navlist li {
	display: inline;
	list-style-type: none;
	color: #c9c8c9;
	padding-right: 5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;

}

#navlist li a {
	color: #ed1f24; 
	
}

#navlist li a:hover {
	color: #424242; 
	
}


#navlistFooter li {
	display: inline;
	list-style-type: none;
	color: #707070;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#navlistFooter li a {
	color: #707070; 
	
}

#navlistFooter li a:hover {
	color: #424242; 
	
}

.atlonglast {
	padding: 20px;

}

a#button1a {
    display: block;
    width: 178px;
    height: 30px;
    background-image:url(images/atlonglast_04.png);
    background-position: 0 0;
    margin: 0 auto;

}

a#button1a:hover {
    background-position: 0 -30px;

}

a .alt { display: none; }

a#learnmore {
    display: block;
    width: 138px;
    height: 30px;
    background-image:url(images/learnmore.png);
    background-position: 0 0;
    
}
a#learnmore:hover {
    background-position: 0 -30px;

}

a#contactus {
    display: block;
    width: 138px;
    height: 30px;
    background-image:url(images/btn_contact_us.png);
    background-position: 0 0;
    
}
a#contactus:hover {
    background-position: 0 -30px;

.center {
  text-align: center;
  padding: 70px 0;

}