@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(fonts/Roboto-Condensed.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Light';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Roboto-Light.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Junction Light';
  font-style: normal;
  font-weight: 400;
  src: local('Junction Light'), local('Junction-Light'), url(fonts/junction-light.woff) format('woff');
}


body{margin:20px; padding: 0; font-family:"Roboto Light"; color:#555; font-size:14px; background:#eee;}

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

a{text-decoration:none; color:#069;}

img{border:0;}

.hr{width:100%; height:1px; background:#ddd;}

.hr2{width:100%; height:1px; border-bottom:1px dashed #ddd;}

.hr3{width:100%; height:1px; border-bottom:1px dashed #fff;}

.clear{clear:both;}

.wrap{width:950px; margin:10px auto; box-shadow: 5px 5px 5px #ddd; border:1px solid #ddd; background:#fff;}

.logo{float:left; margin:15px;}

.topmenu{float:right; margin:75px 20px 0 0;}

.tmenu li{float:left;}

.tmenu li a{display:block; padding:5px 10px; background:#39C; border-radius:5px; margin:5px; color:#fff;}

.tmenu li a:hover{background:#254985;}



.tmenu1 li{float:left; background:url(images/bullet.png) left no-repeat; padding:0 0 0 5px; margin:0 0 0 5px;}

.tmenu1 li a{display:block; padding:5px 10px; margin:5px;}

.tmenu li a:hover{background:#254985;}


.container{margin:15px;}

.contents{width:680px; float:left;}

.contents h2{font-family:"Roboto Condensed"; font-weight:normal; color:#5a95a7;}

.contents a:hover{text-decoration:underline;}


.contentsr{width:650px; float:right;}

.contentsr h2{font-family:"Roboto Condensed"; font-weight:normal; color:#5a95a7;}

.contentsr a:hover{text-decoration:underline;}


.left{width:250px; float:left; background:#a9c7d1; padding:10px 0 20px 0; margin:10px 0;}

.left h3{margin:5px 12px; color:#fff;}


.right{width:220px; float:right; background:#a9c7d1; padding:10px 0 20px 0; margin:10px 0;}

.aboutimg{display:block; margin:0 auto; border:1px solid #fff;}

.inquirybox{text-align:center; margin:30px 0 0 0;}

.inquirybox a{text-transform:uppercase; font-weight:bold; color:#fff;}


.xbullet li a{display:block; padding:3px 7px; background:#e3edf1; margin:12px;}

.xbullet li a:hover{background:#fff;}

.xbullet li a.sub-product{background:#e3edf1;}

.xbullet li a.sub-product:hover{background:#fff;}

.xbullet li.product-hd{padding:3px 7px; background:#069; margin:12px; font-weight:bold; color:#fff;}

.contents div.products_det a{text-decoration:underline;}

.contents div.products_det li.prd_list_hd{font-weight:bold;}

.contents div.products_det ul.prd_list{margin:10px 0;}


.contents div.addressleft{float:left; width:300px;}

.contents div.addressright{float:right;}


.tagline{text-align:center; font-family:"Roboto Condensed"; font-size:17px;}

.tagline a:hover{text-decoration:underline}

.footer{width:920px; margin:10px auto; background:#cbdfe5; height:80px; padding:5px 0;}

.footer p{font-size:12px; text-align:center; margin:7px 0;}



.imageslider{border:1px solid #eee; padding:8px; box-shadow: 0px 0px 10px #eee;}



#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 900px; 
    height: 333px; 
	border:1px solid #eee;
	padding:8px;
	box-shadow: 0px 0px 10px #eee;
}

#slideshow > div { 
    position: absolute; 
}