/* CSS Reset */
* { margin: 0; padding: 0; }
body{background: url(images/bg.jpg) repeat-x 0 0 #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #706f6f;}
h3{font-size: 14px;}
a{text-decoration: none; color: #706f6f; outline: none;}
img{border: none;}
p{margin: 0; padding: 10px 0; line-height: 25px; text-align: justify;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 15px 0;}
ul{margin: 0; padding: 0;}
li{list-style: none;}
#container{width: 980px; margin: 0 auto;}
.logo-con{overflow: hidden;}
.logo{float: left; margin: 10px 0 0 0;}
.user-menu{width: 980px; height: 50px; background: url(images/nav-bg.png) no-repeat 0 0; margin: 10px 0 0 0;}
.user-menu ul{overflow: hidden;}
.user-menu ul li{float: left; background: url(images/divider.jpg) no-repeat right 2px; height: 50px; padding: 0 2px 0 0;}
.user-menu ul li.last{background: none;}
.user-menu ul li.first a.active{background: url(images/nav-left-hover.png) no-repeat 0 2px; color: #dae711 !important;}
.active{background: url(images/nav-center-hover.jpg) repeat-x 0 2px; color: #dae711 !important;}
.user-menu ul li a{float: left; color: #fff; padding: 0 20px; font-size: 14px; height: 50px; line-height: 45px;}
.user-menu ul li a:hover{background: url(images/nav-center-hover.jpg) repeat-x 0 2px; color: #dae711;}
.user-menu ul li.first a:hover{background: url(images/nav-left-hover.png) no-repeat 0 2px;}
.user-menu ul li.last a{padding: 0 39px;}
.user-menu ul li.last a:hover{background: url(images/nav-right-hover.png) no-repeat right 2px;}
.banner{background: url(images/banner.png) no-repeat 0 0; width: 980px; height: 300px; margin: 20px 0 0 0; position: relative;}
.content-con{overflow: hidden;}
.content-left{float: left; width: 700px; margin: 0 20px 0 0;}
.content-left img{float: left; margin: 18px 20px 0 0;}
.content-left h3, .content-right h3{border-bottom: 1px dashed #ccc;}
.content-right{float: left;}
.read-con{overflow: hidden;}
.read-more{float: right; background: url(images/btn.png) no-repeat 0 0; height: 34px; width: 86px; color: #fff; text-align: center; line-height: 30px;}
a.read-more:hover{background: url(images/btn-hover.png) no-repeat 0 0;}
.read-con input{background: url(images/btn.png) no-repeat 0 0; width: 86px; height: 31px; border: none; color: #fff; float: right; margin: 10px 0 0 0; cursor: pointer;}
.read-con input:hover{background: url(images/btn-hover.png) no-repeat 0 0;}
.input-con{background: url(images/input-bg.png) no-repeat 0 0; width: 236px; height: 31px; margin: 10px 0 0 0; padding: 0 10px;}
.input-con input{width: 236px; height: 31px; border: none; background: none; line-height: 25px; color: #a2a1a1;}
.txt-area{background: url(images/text-area.png) no-repeat 0 0; width: 236px; height: 71px; padding: 10px; margin: 10px 0 0 0;}
.txt-area textarea{border: none; height: 71px; width: 236px; background: none; color: #a2a1a1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.footer{overflow: hidden; clear: both; width: 980px; margin: 10px auto;}
.copyright{border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 10px 0; text-align: center; overflow: hidden;}
.footer-btm{overflow: hidden; margin: 10px 0 0 0;}
.firm{float: left;}
.firm a{text-decoration: underline;}
.firm a:hover{text-decoration: none;}
.isky{float: right;}
.isky a{text-decoration: underline;}
.isky a:hover{text-decoration: none;}
.shadow{background: url(images/shadow.png) no-repeat 0 0; height: 71px;}


/*About-us-page*/
.about .content-left{width: 180px;}
.about .content-left ul{margin: 13px 0 0 0;}
.about .content-left ul li{border-bottom: 1px dashed #ccc;}
.about .content-left ul li a{display: block; height: 100%; padding: 10px 0 10px 10px; background: #9BB961; color: #fff;}
.about .content-left ul li a:hover{background-color: #B8D385; color: #333;}
.about .content-right{width: 780px;}
/*About-us-page-end*/



/*Product-page*/
.product .content-left{width: auto;}
.brand{margin: 10px 0 0 0; border: 1px solid #ccc; width: 896px; border-right: none; border-bottom: none;}
.brand ul{border-bottom: 1px solid #ccc;}
.brand ul li{display: inline-block; padding: 0 10px; border-right: 1px solid #ccc; height: 30px; line-height: 30px; width: 200px;}
.district li{margin: 0 0 5px 0;}

/*Product-page-end*/



/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/
.aviaslider{ 
height:300px; 	/*this changes the height of the image slider*/
width:980px;
overflow: hidden;
position: relative;
background: #fff url(../images/layout/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:20px auto 0 auto;
position: absolute;
float:left;
top: 248px;
left: 415px;
z-index: 999;
}

.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(images/layout/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(images/layout/controlls.gif) center top no-repeat;
}

.feature_excerpt{
width:980px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}
.showcase{background: #f3f3f3; border: 1px solid #ccc; margin: 20px 0 0 0; overflow: hidden;}
.contact .content-left{width: 600px;}
.contact .content-right{width: 355px;}
.contact .content-right .sales-info p{overflow: hidden; padding: 0 10px;}
.contact .content-right .sales-info p.first{background: #ccc; padding-top: 10px; padding-bottom: 10px;}
.contact .content-right .sales-info p.first .number{margin-right: 30px; color: #3c3c3c;}
.contact .content-right .sales-info p.first .area{color: #3c3c3c;}
.contact .content-right .sales-info p.even{background: #fff;}
.area{float: left;}
.number{float: right;}
.sales-info{background: #f3f3f3; margin: 10px 0 0 0; border: 1px solid #ccc;}
.user-menu ul li.last a.active{background: url(images/nav-right-hover.png) no-repeat right 2px;}

/*Event-Photos*/
.event{overflow: hidden;}
.photo-link{float: left; padding: 5px; border: 1px solid #ccc;}
.photo-link p{width: 300px; overflow: hidden; margin: 0; padding: 0;}
.photo-link p .left{float: left; width: 100px;}
.photo-link p .right{float: left; width: 200px;}
.event-img{position: relative;}
.event-img img{float: none; margin: 0;}
.detail{height: 30px; background: url(images/opacity.png) repeat-x 0 0; position: absolute; bottom: 0; width: 300px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 30px;}
a.event-con{display: block; float: left; margin: 10px 0 0 0; position: relative; margin: 10px 8px 0 0;}
a.event-con:hover .photo-hover, a.event-con:hover .hover-txt{visibility: visible;} 
.photo-hover{position: absolute; background: #000; opacity: 0.5; visibility: hidden; width: 312px; height: 431px;}
.hover-txt{position: absolute; color: #fff; font-size: 24px; visibility: hidden; width: 290px; height: 50px; z-index: 999; top: 100px; text-align: center;}
.last-photo{margin-right: 0;}
/*Event-Photos*/
.main-gal{}
.main-gal #gallery ul{padding: 0;}
.main-gal #gallery ul li{background: none; height: auto; width: auto; margin: 0; border: 2px solid #ccc; padding: 3px;}
.main-gal #gallery ul li a{}
.main-gal #gallery ul li a img{margin: 0;}
p.fix{overflow: hidden;}
.left{float: left;}
.right{float: right;}

ul.support{margin: 0; padding: 0; overflow: hidden; text-align: center;}
ul.support li{float: left; list-style: none; width: 130px; margin: 20px 40px 0 0; text-align: center;}
ul.support li span{padding: 0 0 5px 0; display: block;}
ul.support li img{margin: 0 0 10px 0;}

ul.abt{margin: 10px; padding: 10px;}
ul.abt li{margin: 0 0 10px 0; line-height: 23px; list-style: disc;}
.title{overflow: hidden;}
.title span{display: block; float: left; text-align: center; color: #fff; height: 50px; font-size: 18px; width: 170px; }
.title span.one{background: #004453; border: 5px solid #fff;}
.title span.two{background: #235628; margin: 0 0 0 35px; border: 5px solid #fff;}
.title span.three{background: #9e216b; margin: 0 0 0 35px; border: 5px solid #fff;}
.title span.four{background: #601811; margin: 0 0 0 14px; border: 5px solid #fff;}
.chat{float: right; margin: 40px 10px 0 0;}
.chat a:hover{background: url(images/chat-hover.png) no-repeat 0 0;}
.admin{margin: 30px 0;}
.admin a{background: url(images/admin.png) no-repeat 0 0; width: 300px; height: 50px; display: block; margin: 0 auto;}