body, html{
  margin: 0;
  padding: 0;
}

body{
  font-size: 12px; 
  font-family: 'Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
	background-color: #ffffff;
  color: #111111;
  background-image: url(../images/bg-body.jpg);
  background-repeat: repeat;
}

a img,:link img,:visited img { border: none; }

a{
  color: #201d7f;
  text-decoration: underline;
}
a:hover{
  color: #FFD100;
}

h1{
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -1px;
  margin: 15px 0;
  color: #ffffff;
}

h2{
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 10px 0;
  color: #9f8d4d;
}

p,
li,
dl
{
  line-height: 150%;
}

p{
  margin: 15px 0;
}
ul{
  padding: 0 0 0 16px;
  margin: 15px 0;
}
li{
  margin: 1px 0;
  padding: 0;
  list-style: disc;
}


/* top level container */

#shell{
  background-image: url(../images/bg-top.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 990px;
}

#stage{
  width: 930px;
  min-height: 481px;
  padding: 0 30px;
  margin: 0 auto;
  background-image: url(../images/bg-logo.jpg);
  background-position:  30px 41px ;
  background-repeat: no-repeat;
  display: block;
}

#content{
  position: relative;
  display: block;
  overflow: hidden;
}

/* header */

#header{
  width: 930px;
  height: 170px;
  display: block;
}

h1#logo{
  float: left;
  display: inline;
  width: 193px;
  height: 56px;
  margin: 85px 0 0 97px;
  padding: 0;
}

h1#logo a{
  display: block;
  width: 193px;
  height: 56px;
  background-image: url(../images/bg-logo.jpg);
  background-position: -97px -45px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  outline: none;
  border: none;
}

/* top nav */

ul#nav{
  margin: 8px 0 0 0;
  padding: 0;
  float: right;
  display: inline;
  list-style: none;
}

ul#nav li{
  display: inline;
  float: left;
  padding: 0;
  margin: 0 0 0 5px;
}
ul#nav li a{
  background-image: url(../images/bg-nav.jpg);
  background-repeat: no-repeat;
  background-position: 0 -9999px;
  height: 12px;
  padding: 10px 0 12px;
  margin: 0;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;  
  display: block;
  list-style: none;
  outline: none;
  overflow: hidden;
}
ul#nav li a.on{
  color: #000000;
}
ul#nav li a:hover{
  color: #FFD100;
}

ul#nav li.home a{
  width: 66px;
}
ul#nav li.home a.on{
  background-position: 0 0;
}

ul#nav li.designing-a-product a{
  width: 155px;
}
ul#nav li.designing-a-product a.on{
  background-position: -66px 0px;
}

ul#nav li.services a{
  width: 79px;
}
ul#nav li.services a.on{
  background-position: -221px 0;
}
ul#nav li.about-us a{
  width: 84px;
}
ul#nav li.about-us a.on{
  background-position: -300px 0;
}
ul#nav li.contact a{
  width: 77px;
}
ul#nav li.contact a.on{
  background-position: -384px 0;
}

/* content */

.container_inline{
  display: inline;
}
.container_side{
  width: 290px;
}
.container_main{
  width: 610px;
}

.container_inner_side{
  width: 260px;
}

.container_inner_main,
.container_inner_main .gmap,
.container_inner_main .gmap_iframe{
  width: 260px;
}
.panel_wide .container_inner_main,
.panel_wide .container_inner_main .gmap,
.panel_wide .container_inner_main .gmap_iframe{
  width: 580px;
}

.gmap{
  margin: 20px 0;
}

.container_inner_main .gmap_iframe{
  height: 200px;
}

.panel_wide .container_inner_main .gmap_iframe{
  height: 380px;
}

/* panels */

.panel{
  display: block;
  background-color: transparent;
  margin: 15px 0 20px 0;
}

.panel_top, 
.panel_bottom{
  display: block;
  background-image: url(../images/panel-edges.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

.panel_top{
  height: 10px;
}
.panel_bottom{
  height: 54px;
}

.panel_middle{
  padding: 4px 30px 4px 28px;
  display: block;
  background-image: url(../images/panel-bg.png);
  background-repeat: repeat-y;
}



/* side pane; */

.panel_side{
  width: 290px;
}
.panel_side .panel_top,
.panel_side .panel_bottom{
  width: 290px;
}

.panel_side .panel_top{
  background-position: 0 top;
}
.panel_side .panel_bottom{
  background-position: 0 bottom;
}
.panel_side .panel_middle{
  width: 232px;
  background-position: 0 center;
}

/* main panel */

.panel_main{
  width: 610px;  
}
.panel_main .panel_top,
.panel_main .panel_bottom{
  width: 610px;
}
.panel_main .panel_top{
  background-position: -290px top;
}
.panel_main .panel_bottom{
  background-position: -290px bottom;
}
.panel_main .panel_middle{
  width: 552px;
  background-position: -290px center;
}

#page-home .panel_main .panel_middle{
  padding-left: 14px;
  padding-right: 16px;
  width: 580px;
}

/* wide panel */

.panel_wide{
  width: 930px;
  margin-top: 25px;
}
.panel_wide .panel_top,
.panel_wide .panel_bottom{
  width: 930px;
}

.panel_wide .panel_top{
  background-position: -900px top;
}
.panel_wide .panel_bottom{
  background-position: -900px bottom;
}
.panel_wide .panel_middle{
  width: 872px;
  background-position: -900px center;
}

/* design process bullets */

ol#process{
  list-style: none;
  margin: 0;
  padding: 155px 0 5px 0;
  background-color: #ffffff;
  background-image: url(../images/design-circles.jpg);
  background-position: 0 15px;
  background-repeat: no-repeat;
}
ol#process div.process_row{
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}
ol#process li{
  list-style: none;
  background-image: url(../images/design-bullets.jpg);
  background-repeat: no-repeat;
  display: inline;
  float: left;
  padding: 40px 0 0 0;
  margin: 12px 0;
}

ol#process li.col1{
  clear: left;
  width: 200px;
  padding-right: 25px;
}
ol#process li.col2{
  clear: none;
  width: 200px;
  padding-right: 25px;
}
ol#process li.col3{
  clear: none;
  width: 198px;
  padding-right: 25px;
  
}
ol#process li.col4{
  clear: right;
  width: 199px;
}

ol#process li.num1{
  background-position: 0 top;
}
ol#process li.num2{
  background-position: -225px top;
}
ol#process li.num3{
  background-position: -450px top;
}
ol#process li.num4{
  background-position: -673px top;
}
ol#process li.num5{
  background-position: -872px top;
}
ol#process li.num6{
  background-position: -1097px top;
}
ol#process li.num7{
  background-position: -1322px top;
}
ol#process li.num8{
  background-position: -1545px top;
}
ol#process li.num9{
  background-position: -1744px top;
}
ol#process li.num10{
  background-position: -1969px top;
}
ol#process li.num11{
  background-position: -2194px top;
}


/* services list */

ul#services{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#services li.service{
  list-style: none;
  position: relative;
  width: 442px;
  padding: 0 0 0 110px;
  margin: 20px 0;  
  min-height: 75px;
  display: block;
}

ul#services li.service h2{
  margin-top: 0;
}

ul#services li.service ul{
  margin-bottom: 0;
}

ul#services li.service .circle{
  background-image: url(../images/services-circles.jpg);
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}

ul#services li.laser_cutting .circle{
  background-position: 0 0;
}
ul#services li.cnc .circle{
  background-position: 0 -75px;
}
ul#services li.folding .circle{
  background-position: 0 -150px;
}
ul#services li.fasteners .circle{
  background-position: 0 -225px;
}
ul#services li.welding .circle{
  background-position: 0 -300px;
}
ul#services li.powder .circle{
  background-position: 0 -375px;
}
ul#services li.assembly .circle{
  background-position: 0 -450px;
}

/* inline images */

.inline_image{
  background-image: url(../images/inline-images.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
  display: inline;
  width: 140px;
  height: 140px;
  margin: 0 0 10px 10px;

}
.inline_female_worker{
  background-position:  0 0;
}
.inline_guys{
  background-position: 0 -140px;
}

/* contact dl table */

dl.contact dt{
  float: left;
  display: inline;
}

dl.contact dd{
  font-weight: bold;
  margin: 0 0 0 70px;
  padding: 0;
}

/* slideshow */

.slideshow{
  width: 580px;
  height: 460px;
  overflow: hidden;
  display: block;
}

/* at the last but not the least */

hr{
  display: none;
}

.small{
  font-size: 10px;
  line-height: 14px;
}
.white{
  color: #ffffff;
}

.fl{
  float: left !important;
}

.fr{
  float: right !important;
}

.pos_abs_lb{
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  overflow: hidden !important;
}

.clear{
  clear: both !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  border: none !important;
}

.print_only{
  display: none !important;
}