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

body { padding:0; margin:0; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#6b6b6b;}

@font-face {
    font-family: 'Bauhaus93Regular';
    src: url('../fonts/bauhs93-webfont.eot');
    src: url('../fonts/bauhs93-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauhs93-webfont.woff') format('woff'),
         url('../fonts/bauhs93-webfont.ttf') format('truetype'),
         url('../fonts/bauhs93-webfont.svg#Bauhaus93Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'FuturaLtBTLight';
    src: url('../fonts/futural_0-webfont.eot');
    src: url('../fonts/futural_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futural_0-webfont.woff') format('woff'),
         url('../fonts/futural_0-webfont.ttf') format('truetype'),
         url('../fonts/futural_0-webfont.svg#FuturaLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


* { padding:0; margin:0;}
a { color:#FF9900; text-decoration:none; outline:0;}
p { padding:0 0 10px;}

fieldset { border:0; padding:0 0 20px;}

label { display:block;}

input[type="text"], textarea { border:1px solid #CECECE; padding:5px;}


.clrs { clear:both; height:1px;}
ul { list-style:none; padding:0; margin:0;}
img { border:none;}
.container { width:960px; margin:0 auto; padding-bottom:5px;}

.header { background:url(../images/header-bg.gif) repeat-x 0 0; padding:5px 0 2px 0;}
.header .logo-panel { float:left; width:200px; }
.call { color:#4b4b4b; margin-bottom:20px; font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.header .menu-panel { width:645px; float:right;}
.menu-panel1 { width:645px; float:left;}
.social-network { width:px; float:right; margin:8px 25px 0 0; }
.social-network img { float:left; margin-left:5px;}
.request-quote { float:right; margin-bottom:17px;}
.main-menu { height:100%; overflow:hidden; clear:both;}
.main-menu ul { float:right;}
.main-menu ul li { font:normal 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#686868; padding:0 11px 0 11px; display:block; float:left; margin:0 0 0 1px; }

.main-menu ul li.last { padding-right:0;}
.main-menu ul li a { display:block; float:left; color:#686868;  text-decoration:none; padding:0 0 12px; }
.main-menu ul li a:hover, .main-menu ul li a.selected { background:url(../images/menu-hover.gif) no-repeat 50% 100%; text-decoration:none;}

.banner { height:336px; border:#666 1px solid; background-color:#999999;}

.body-wrapper {  background:url(../images/crocus-bg1.png);}

.profile { padding:40px 0; width:960px; margin:0 auto; height:100%; overflow:hidden; clear:both;}
.profile div { float:left; width:200px; margin-right:53px;text-align:center;}
.nmar { margin:0 !important;}
.profile div h2 { font:normal 13px/15px Arial, Helvetica, sans-serif; color:#2c2c2c; padding:0 0 17px 0;}
.profile div img { display:block; margin:0 auto 13px; }
.profile div p { padding-bottom:13px;}
.profile div a { background:url(../images/profile-link.gif) no-repeat 0 0; width:59px; margin:0 auto; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#e87109; text-decoration:none; display:block;}
.profile div a:hover { text-decoration:underline;}

.portfolio { background:url(../images/portfolio-bg1.gif) no-repeat 0 0; width:960px; margin:0 auto; padding:34px 0 53px 0;}
.portfolio img.profhd { margin:0 auto 22px; display:block;}

.category { height:100%; overflow:hidden; width:960px; margin:0 auto 18px;}
.category div { width:190px; float:left; margin:0 1px 0 0; padding:18px 25px 19px 20px; border:#b5b5b5 1px dotted;}
.category div.shade { background:#ededed url(../images/category-bg.gif) repeat-x 0 0;}
.category div.rev-shade { background:url(../images/category-bg-rev.gif) repeat-x 0 0;}

.category div h2 { font:bold 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2c2c2c; padding-bottom:8px;}
.category div p { font-size:11px; color:#6b6b6b;}
.category div p a { color:#26a7ec; text-decoration:none;}
.category div p a:hover { text-decoration:underline;}

.latest-news { background:url(../images/news-bg.gif) repeat-x 0 0; height:100%; overflow:hidden; padding:19px 0 21px 0;}
.latest-news a.link { background:url(../images/latest-links.gif) no-repeat 0 0; width:138px; display:block; font:normal 20px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; float:left; }
.latest-news a.link:hover { text-decoration:underline;}
.latest-block { width:223px; float:left; margin-left:50px; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#6b6b6b;}
.latest-block span { color:#ea7108;}
.latest-block a { color:#26a7ec; text-decoration:none;}
.latest-block a:hover { text-decoration:underline;}

.affiliates {/* padding:21px 0 33px 0;*/ padding-top:7px;}
.aff-set { padding:0 0 0 145px; height:100%; overflow:hidden;}
.aff-set img { float:left; margin-left:20px;}

.footer { /*background:url(../images/footer-bg.gif) repeat-x 0 0;*/background-color:#242424;}
.footer-top { margin-bottom:0px; height:100%; overflow:hidden;}
.footer-top div.lft { width:718px; float:left; background:url(../images/lft-bg.gif) repeat-y 100% 123px; padding:0px 0 20px 0;}
.footer-menu { background:url(../images/foot-menubg.gif) repeat-x 0 100%; font:normal 11px/59px Arial, Helvetica, sans-serif; color:#878787;}
.footer-menu a { color:#878787; text-decoration:none; padding:0 3px;}
.footer-menu a:hover { color:#f7a92a; text-decoration:none;}

.hide-menu { font:normal 11px/10px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.hide-menu a { color:#fff; text-decoration:none; padding:0 3px;}
.hide-menu a:hover { color:#fff; text-decoration:none; cursor:auto;}


.footer-quote { padding:33px 0 19px 87px; background:url(../images/footer-quotebg.gif) no-repeat 0 32px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#878787; font-style:italic;}
.footer-quote span { color:#FFFFFF; display:block; padding:8px 0;}
.footer-top div.rht { float:right; width:222px; background-color:#242424; padding:21px 0 0 19px;}
.footer-top div.rht p { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#8f8f8f; padding:0 0 11px 0;}
.footer-top div.rht form { height:100%; overflow:hidden;}
.footer-top div.rht form h2 { font:bold 14px/15px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 8px 0;}
.footer-top div.rht form input { width:135px; margin:0 0 5px; font:normal 12px/16px Arial, Helvetica, sans-serif; background-color:#666666; border:none; float:left; padding:3px; color:#FFFFFF;}
.footer-top div.rht form input.btn { background-color:#624210; border:none; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left; width:40px; margin:0 0 0 2px; padding:6px;}
.footer-top div.rht p.tell { background:url(../images/tel-ico.gif) no-repeat 0 50%; padding:0 0 0 26px; margin-bottom:11px;}
.footer-top div.rht p.email { background:url(../images/email-ico.gif) no-repeat 0 50%; padding:0 0 0 26px; margin-bottom:11px;}
.footer-top div.rht p.email a { color:#26a7ec; text-decoration:none;}
.footer-top div.rht p.email a:hover { text-decoration:underline;}
.footer-top div.rht img { display:block; margin:5px auto 0;}
.footer-botttom { background-color:#141414; padding:15px 0;}
.foot-btm { height:100%; overflow:hidden;}
.copyright { width:282px; float:left; font:normal 10px/12px Arial, Helvetica, sans-serif; color:#6a6a6a;}
.sc-net { float:right; width:122px; height:100%; overflow:hidden;}
.sc-net img { float:left; margin-left:5px;}

.footer label { float:left; width:80px }
.footer select { width:141px; margin:0 0 6px; font-size:11px; }
input[type="submit"].submit { border:1px solid #999; background:#676666; color:#fff; width:80px!important; cursor:pointer; }



#area {
	width: 100%;

}
/* root element for scrollable */
#scroller {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 336px;
	width: 100%;
	margin: 0 0 0 0;
}

/* root element for scrollable items */
.items {
	position:absolute;

	/* this time we have very large space for the height */
	width:20000em;
	
}

.items .item {
	width: 900px;
	height: 336px;
	float: left;
}

.item .image {
	display: block;
	width: 310px;
	float:right;
	height: 336px;
}
.item .image2 {
	display: block;
	width: 374px;
	float:right;
	height: 267px;
	margin-top:23px;
}
.item .image3 {
	display: block;
	width: 285px;
	float:right;
	height: 225px;
	margin-top:60px;
}
.item .image4 {
	display: block;
	width: 296px;
	float:right;
	height: 231px;
	margin-top:60px;
}
.1st-slide { background:url(../images/ban-hd.gif) no-repeat 0 0; height:69px; width:434px; margin-bottom:20px;}
.cnt { width:553px; float:left; padding:60px 0 0 0;}
.cnt p {font:normal 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff2e6; padding:15px 0 23px 0;}
.navi {
	margin: -20px auto 0;
    position: relative;
    width: 100px;
	z-index:100;
}
.navi a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(../images/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}
.navi a:hover {
    background-position:0 -8px;      
}
.navi a.active {
	background-position: 0 -16px;
}
.slider-container-1{ background:url(../images/bn-1bg.jpg) no-repeat 0 0; width:960px; margin:0 auto; height:336px; overflow:hidden;}
.slider-container-2{ background:url(../images/ban-2bg.jpg) no-repeat 0 0; width:960px; margin:0 auto; height:336px; overflow:hidden;}
.slider-container-3{ background:url(../images/bn3bg.png) no-repeat 0 0; width:960px; margin:0 auto; height:336px; overflow:hidden;}
.slider-container-4{ background:url(../images/ban4.png) no-repeat 0 0; width:960px; margin:0 auto; height:336px; overflow:hidden;}
.slider-container-5{width:960px; margin:0 auto; height:336px; overflow:hidden;}
p.bn4 { color:#99c5ff;}
/*.service-banner { background:url(../images/ser-banner.gif) repeat-x 0 0;}
.serin-ban { background:url(../images/ser-inban.gif) no-repeat 0 0; position:relative; height:118px;}*/
.service-banner {width:auto; height:10px;}
.serin-ban { background:url(../images/portfolio-bg.gif); position:relative; height:50px;}
.serin-ban img.chart { position:absolute; top:21px; left:27px;}
.serin-ban .serhd { position:absolute; right:0; bottom:0;}

.inbody {  width:960px; margin:0 auto; padding:0px 0 0 0; background:url(../images/crocus-bg1.png);}
/*.inbdyset { background:url(../images/portfolio-bg.gif) no-repeat 0 0; padding:34px 0 29px 0;}*/
.inwrap { background:url(../images/spiral.png) repeat-y 249px 0; height:100%; overflow:hidden;}
.left-pamel { width:248px; float:left;}
.right-panel { width:671px; float:right; padding:10px 0 10px 40px;}
.service-list { margin-bottom:28px;}
.service-list h2 { font:normal 23px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2c2c2c; 
/*background:url(../images/line.gif) repeat-x 0 100%;*/
 padding-bottom:8px;}
.service-list ul {
/* background:url(../images/list-bg.gif) repeat-x 0 0; */
 list-style:none; padding:5px 0 0 8px; margin:0;}
.service-list ul li { font:normal 12px/14px Arial, Helvetica, sans-serif; color:#6b6b6b; background:url(../images/list-bullets.gif) no-repeat 0 3px; padding:0 0 0 24px; margin-bottom:12px;}
.service-list ul li a { color:#6b6b6b; text-decoration:none;}
.service-list ul li a:hover { color:#26a7ec; text-decoration:none;}

.quick-connect {}

.prod-block { background:url(../images/yell-line.gif) repeat-x 0 100%; padding:0 0 29px	 0; margin:0 0 29px 0px;}
.prod-block div.set-prd { background:url(../images/yellstrt.gif) repeat-y 50% 0; height:100%; overflow:hidden;}
.inblock { width:301px; float:left; margin:0 17px;}
.inblock img { border:#e9e9e9 1px solid; padding:2px; margin-bottom:14px; width:293px;}
.inblock h2 { font:normal 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:14px; text-transform:uppercase; color:#ea7208;}
.inblock p { font:normal 11px/16px Arial, Helvetica, sans-serif; color:#6b6b6b;}

.bottom-grid { background:url(../images/btm-grid.gif) repeat-x 0 0; border:#b5b5b5 1px dotted; padding:17px 0 0 14px; height:100%; overflow:hidden; margin-left:55px;}
.bottom-grid h3 { font:15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2c2c2c; padding:0 0 19px 0; }
.bottom-grid ul { float:left; width:290px; padding:0 10px 0 0;}
.bottom-grid ul li {font:normal 12px/14px Arial, Helvetica, sans-serif; color:#6b6b6b; background:url(../images/list-bullets.gif) no-repeat 0 3px; padding:0 0 0 24px; margin-bottom:12px;}

.latest-news-in { margin-top:28px;}
.latest-news-in h2 { font:normal 23px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2c2c2c;
/* background:url(../images/line.gif) repeat-x 0 100%;*/ 
 padding-bottom:0px; margin-right:15px;}
.latest-news-in h3 { font:14px/15px Arial, Helvetica, sans-serif; color:#017ec0; padding-bottom:8px;}
.latest-news-in div { 
/*background:url(../images/list-bg.gif) repeat-x 0 0; */
list-style:none; padding:0px 0 0 8px; margin:0 15px 0 0;}
.latest-news-in div.cnt1 { background:none !important; padding:0; margin:0; 
/*border-bottom:#666666 dotted 1px;*/
 padding-bottom:14px; margin-top:8px;}
.service-list-in p { font:normal 12px/14px Arial, Helvetica, sans-serif; color:#6b6b6b; background:url(../images/list-bullets.gif) no-repeat 0 3px; padding:0 0 0 24px; margin-bottom:12px;}
.service-list-in p a { color:#6b6b6b; text-decoration:none;}
.service-list-in p a:hover { color:#26a7ec; text-decoration:none;}

.cntct { margin:0 0 0 20px; }
.form-tb input { width:423px; border:none; background-color:#FFF; border:1px solid #cecece; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000000; padding:5px;}
.form-tb select { width:434px; border:none; background-color:#FFF; border:1px solid #cecece; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000000; padding:5px; margin-bottom:12px; margin-top:3px;}
.form-tb textarea { width:426px; border:none; background-color:#FFF; border:1px solid #cecece; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000000; padding:5px;}

.q-contacts { background:url(../images/foot-menubg.gif) repeat-x 0 100%; padding:0 0 40px; margin:0 0 12px;}

.page-title {
	
	height:61px; color:#fff;}
	
.page-title h2 { font:42px/42px FuturaLtBTLight;}
.page-title h2 span { font:52px 'Bauhaus93Regular';}
.title_mid { background:#5e2d03; height:61px;}

.quotation fieldset { background: url("../images/list-bg.gif") repeat-x 0 28px; }
fieldset h3 { font:bold 15px Arial, Helvetica, sans-serif;
	
	padding:0 0 10px;
	color:#017EC0;
	margin:0 0 15px;
	background: url("../images/line.gif") repeat-x 0 100%;}
	
.quotation fieldset label { float:left; width:140px; padding:0 0 0 10px; font-weight:bold;}
.quotation input[type="text"], .quotation textarea { width:300px; margin:0 0 8px;}
.quotation input[type="file"] { margin:0 0 8px;}
.quotation select { width:312px; padding:5px; margin:0 0 8px;}
.quotation input.captcha { width:80px; float:left; margin:0 8px 12px 0;}

.req { color:#F00;}

/*--------------------New Added on 08-06-12 ----------------------------------------*/
.slide1 { background: url(../images/image1.jpg) no-repeat left top; height: 210px; padding: 20px 40px; width: 550px; }
.slide1 h2 { color: #fff; font-size: 20px; margin: 0 0 20px 0; text-align: left; }
.slide1 p { border-left: 3px solid #fff; color: #fff; padding: 0 0 0 10px; }
.quote, .quote2, .quote3, .quote4 { height: 336px; padding: 0px 0; width: 100%; position: relative; }

#slider3 { position: relative; left: 0; }

.plusslider {
	height: 332px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
	position: relative;
}

.plusslider .child { float: left; }

/* Controls */
.plusslider-pagination-wrapper {
	height: 40px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 500;
}

.plusslider-pagination {
	display: table;
	margin: 0 auto;
	padding: 15px 0;
}

.plusslider-pagination li {
	background: url(../images/plus-sprite.png) no-repeat left top;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 0;
	height: 10px;
	margin: 0 3px;
	text-indent: -9999px; /*IE6 fix */
	width: 10px;
	position: relative;
}

.plusslider-pagination .current, .plusslider-pagination li:hover {
	background-position: -10px 0;
}
.plusslider-arrows { display:none;}
.plusslider-arrows li {
	
}

.plusslider:hover .plusslider-arrows li {opacity: 1; }
.plusslider-arrows .prev {background-position: 0 -10px; left: 10px; }
.plusslider-arrows .prev:hover {background-position: 0 -42px; left: 10px; }
.plusslider-arrows .next {background-position: -33px -10px; right: 10px; }
.plusslider-arrows .next:hover {background-position: -33px -42px; }

/* PlusFader Specific */
.plustype-fader .current { z-index: 2; }
.plustype-fader .child { display: none; position: absolute; left: 0; top: 0; }
.plustype-fader .plusslider-pagination { position: relative; z-index: 200; }

/* no-javascript fallback */
#slider > *, #slider2 > * { display: none; }
#slider > *:first-child, #slider2 > *:first-child { display: block; }
/* end no-javascript fallback */


.footer-quote1 { padding:10px 10px 10px 0;}

.footer-top input[type="text"] {
    background-color: #666666;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font: 12px/16px Arial,Helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 3px;
    width: 135px;
}
/*----------- Image gallery -------------*/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 40%;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background:url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}