* {margin:0;padding:0}
_body{background:#666;font-family:'Lucida Sans Unicode',Arial,sans-serif;color:#333;text-align:center;padding:50px 0}

div,p,li{font-size:12px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#000;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin-top:10px; height:auto; overflow:auto}
* html pre {width:100%}
code{color:red}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:0px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons2{padding:0px; margin-bottom:0px; }
.buttons2 div{color:#0080FF;padding:0 0px;cursor:pointer;font:10px Verdana}
.buttons2 div.active, .buttons2 span:hover{background:#0080FF;color:#fff}

.logo_menu {
  height:105px;
  width:984px;

}
.logo_menu .logo h2 {
  color:#FFFFFF;
  font:normal normal bold 30px/normal Tahoma, Geneva, sans-serif;
  text-transform:uppercase;
  

}
.logo_menu .menu {
  float:right;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:45px;
  width:740px;
  
}

.logo_menu .menu ul li a {
  color:#FFFFFF;
  font:normal normal normal 12px/normal Tahoma, Geneva, sans-serif;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:15px;
  padding-top:10px;
  background-color:#000066;

}
.info_block .mail {
  background-attachment:#000066;
  background-clip:#000056;
  background-color:#000056;
  background-image:url(http://localhost/excellfastener/images/icon_mail.gif);
  background-origin:#000056;
  background-position:0 50%;
  background-repeat:no-repeat no-repeat;
  float:right;


  width:355px;
}

#container {
  background-attachment:initial;
  background-clip:#000056;
  background-color:#FFFFFF;
 // background-image:url(images/header_bg.gif);
  background-origin:initial;
  background-position:50% 0;
  background-repeat:no-repeat no-repeat;
}
.info_block {
  width:740px;
  float:right;
	
  background-color:#000056;


  color:#FFFFFF;	
  font:normal normal normal 11px/normal Tahoma, Geneva, sans-serif;
  height:43px;
}
.main {
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  width:965px;
  background-color:#D8E0E7;
}

.footer {
  background-attachment:initial;
  background-clip:initial;
  background-color:#000026;
  background-image:initial;
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-top-color:#D1D1D1;

  padding-left:10px;
  padding-right:10px;
  border-top-style:solid;
  border-top-width:5px;

}
.footer .footer_text {
  background-attachment:initial;
  background-clip:initial;
  background-color:#000016;
  background-image:initial;
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-top-color:#2B2B2B;
  border-top-style:solid;
  border-top-width:1px;
  padding-bottom:15px;
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
  text-align:center;
}
a.button {
  color:#000066;
  font:normal normal bold 11px/normal Tahoma, Geneva, sans-serif;
}
.block{
color:#cccccb;

}
.header_images {
  background-attachment:initial;
  background-position:50% 0;
  background-repeat:no-repeat no-repeat;
  height:355px;
}

#box1, #box2, #box3, #box4{
	position:absolute;
}

/* Sample 5*/
#box5 div{
	position:absolute;
	background:#fff;
	width:480px;
	height:240px;
}
#box5 h3{
	padding:0 0 10px 0;
}
#box5 img{
	position:static;
	float:left;
	width:200px;
	height:140px;
	margin:0 10px 10px 0;
}
.mask2{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}
.mask2 img{
	position:absolute;
	display:block;
	border:none;
}