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

@font-face {font-family:'Verdana'; src:url('../fonts/Verdana.ttf') format('truetype');}

body{ width:1300px; margin:0px auto; padding:0px; font-family:"Verdana"; }
a{ text-decoration:none;}ul{margin: 0px;padding:0px; list-style: none;}

.background{ width:1300px; height:704px; margin:0 auto; padding:0px; background:url(../images/background.jpg) no-repeat; }

.main-div{ width:100%; margin:0px; padding:0px; margin-top:-690px;}
.main{ width:100%; margin:0px auto; padding:0px;}

.wrapper{ width:1050px; margin:0px auto;}
.wrapper1{ width:1050px; margin:0px auto; overflow:hidden; padding-bottom:10px;}
.wrapper2{ width:1050px; height:47px; margin:0px auto; background-image:url(../images/mbg.jpg);}
.wrapper-left{ width:100%; margin:0px; padding:0px; margin-top:190px; background:url(../images/bg-left.jpg) left repeat-y;}
.wrapper-right{ width:100%; margin:0px; padding:0px; background:url(../images/bg-right.jpg) right repeat-y;}


#logo{ width:144px; float:left; margin-left:30px;}
#con{ width:380px; float:right; padding-right:50px;}
#con p{ margin:0px; color:#fcfafa; font-size:15px; font-weight:bold; line-height:24px;}
#con p span{ width:150px; float:right;}

#nav{ width:720px; margin:0px; padding-top:14px; margin-left:50px; z-index:9999;}
#nav li { float:left; position: relative; margin:0px; z-index:9999;}
#nav li a{ padding: 15px 20px; color:#ffffff; font-size:15px;}
#nav li a:hover{color:#ffffff; background-image:url(../images/mbg2.jpg);} 
#nav li:hover > ul {display:block; visibility: visible;}
#nav ul { display: none; position: absolute; visibility: hidden; top: 32px; left: 0;}
#nav ul li a { display:block; width: 280px; padding: 6px 8px; color:#000; font-size:14px; background: #ffffff;}
#nav ul li a:hover { background: #0779f3; color:#ffffff }


#content{ width:100%; margin:0px; float:right; z-index:1; margin-top:-170px;}

	
#content{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.84) 66%, rgba(255,255,255,0.99) 80%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.84) 66%, rgba(255,255,255,0.99) 80%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.84) 66%, rgba(255,255,255,0.99) 80%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.84) 66%, rgba(255,255,255,0.99) 80%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	}
#colm-l{ width:800px; float:left; margin:0px; margin-left:20px;}
#colm-l h2{ color:#000000; font-size:22px; margin:0px; padding:5px 0px;}
#colm-l p{ color:#000000; margin:0px; padding:5px 0px; font-size:14px; line-height:22px; text-align:justify;}
#colm-r{ width:214px; float:right; margin:0px;}
#gall{ width:214px; height:198px; background:url(../images/gallery.png) no-repeat; padding-top:70px;}
#images-wrapper {width: 190px; height: 120px; margin:0px auto;}
#images img{ padding:15px 0px;}
#msg{ width:212px; height:325px; overflow:hidden; background:url(../images/msg.png) no-repeat; padding-top:30px;}
#msg p{ margin:0px 15px; padding:10px 0px; border-bottom:1px solid #0fbad8; font-size:15px; text-align:justify;}
#msg p a{ color:#ffffff;}

#col-center{ width:100%; margin:0px auto; background:#ffffff; padding-top:100px;}

#cont{ width:98%; margin:0px; float:right; margin-right:5px; overflow:hidden;}
#colm-1{ width:350px; float:left; margin-right:15px;}
#colm-2{ width:420px; float:left; margin-right:15px; padding-bottom:10px;}
#colm-2 h3{ margin:0px; padding:5px 0px; color:#000000; font-size:20px;}
#colm-3{ width:210px; float:right; background:#000000; border-radius:10px; padding:30px 0px;}
#colm-3 h3{ width:95%; margin:0px; padding:0px 0px 5px 5px; color:#ffffff; font-size:20px;}

/*----------Enquiry form-------------*/
#enq {width:100%; padding:0px;margin:0px; border:0px; }
#enq td{ padding-bottom:4px;}
#enq .txtbox,#enq .txtboxa{width:96%; padding:5px 4px; color:#ffffff; font-size:13px; border:1px solid #515151; background:#202020;}
.txtbox:focus,.txtboxa:focus{outline:none;}
.sbtn{ width:70px; float:right; background:#497601; color:#ffffff; font-size:13px; padding:4px 0px; border:0px; border-radius:15px; cursor:pointer;}
.sbtn:focus{outline:none; border:none; }

#line1{ width:33%; height:3px; float:left; background:#abaf24;}
#line2{ width:33%; height:3px; float:left; background:#b32c18;}
#line3{ width:33%; height:3px; float:left; background:#206c6c;}
#line4{ width:47.8%; height:3px; float:left; margin-top:10px; background:#fa0606;}
#cir{ width:47px; height:47px; float:left; margin:-12px -3px 0px -3px;}

#product{ width:95%; margin:0px auto; overflow:hidden;}
#prod{ width:225px; float:left; margin:0px 16px 20px 16px;}
#prod h3{ color:#2d4be3; margin:0px; padding:10px 0px; font-size:20px; text-align:center;}
#prod p{ color:#000000; font-size:14px; margin:0px; padding:5px 0px; text-align:justify; line-height:22px;}
#prod a{ float:right; outline:none;}

#time{ width:95%; margin:0px auto; overflow:hidden;}
#clock{ width:124px; float:left; margin:0px 20px 15px 20px;}
#clock p{ color:#000000; font-size:13px; text-align:center; margin:0px; padding:5px 0px;}

#pro-img{ width:95%; margin:0px auto; overflow:hidden; padding:5px 0px 15px 0px;}
#pro-img img{ margin:0px 15px;} 

#footer{ width:100%; margin:0px; overflow:hidden; background:#1a47bf;}
#left{ margin:0px 5px; padding:10px 0px; float:left; color:#ffffff; font-size:14px;}
#right{ margin:0px 5px; padding:10px 0px; float:right; color:#ffffff; font-size:14px;}#right a{ color:#ffffff;}

#col-left{ width:420px; float:left; margin:0px; padding:0px 20px 20px 20px;}
#col-left p{ margin:0px; padding:3px 0px; color:#000000; font-size:14px; line-height:22px;}
#col-left p b{ font-size:22px;}
#col-left h3{ color:#4A4A4A; font-size:22px; text-align:center;}
#col-right{ width:550px; float:left; margin:0px;}



/*----------Enquiry form-------------*/
#qenq {width:80%; padding:0px;margin:0px auto; border:0px; }
#qenq td #td-l{ width:50%; padding-bottom:4px; color:#232323; font-size:15px;}
#qenq td #td-r{ width:100%; float:left; padding-bottom:4px;}
.txtbox,.txtboxa{width:98%; padding:5px 4px; color:#797777; font-size:14px; border:1px solid #8A8A8A; border-radius:5px; background:#202020;}
.txtbox:focus,.txtboxa:focus{outline:none;}
#btn{ width:80px; margin:0px auto; overflow:hidden;}
.sbtn{ width:80px; margin:0 auto; background: rgba(75,94,124,1); color:#ffffff; font-size:15px; padding:6px 0px; border:0px; border-radius:5px; cursor:pointer;}
.sbtn{background: rgba(11,13,15,0.84);
background: linear-gradient(to bottom, rgba(11,13,15,0.84) 0%, rgba(9,9,10,0.85) 2%, rgba(75,94,124,0.86) 6%, rgba(75,94,124,0.92) 27%, rgba(75,94,124,0.92) 28%, rgba(75,94,124,0.65) 62%, rgba(75,94,124,0.79) 92%, rgba(11,13,15,0.83) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0d0f', endColorstr='#0b0d0f', GradientType=0 );}

.sbtn:focus{outline:none; border:none; }
.ermsg{ color:#FF0F0F; font-size:14px; line-height:22px;}

#vimg{width:80px; height:35px; float:left; margin-right:10px;}
#captcha{width:150px; float:left;}


/* Pagination */

.pg-normal { 
color: #000000; 
font-size: 15px; 
cursor: pointer; 

padding: 2px 4px 2px 4px; 
}

.pg-selected { 
color: #fff; 
font-size: 15px; 
background: #000000; 
padding: 2px 4px 2px 4px; 
}

table.yui { 
font-family:arial; 
border-collapse:collapse; 
width:100%;
float:left; 
}

table.yui td { 
padding: 5px; 
}

table.yui th { 
border: 1px solid #7f7f7f; 
padding: 5px; 
height: auto; 
background: #D0B389; 
}

table.yui th a { 
text-decoration: none; 
text-align: center; 
padding-right: 20px; 
font-weight:bold; 
white-space:nowrap; 
}

table.yui tfoot td { 
border-top: 1px solid #7f7f7f; 
background-color:#E1ECF9; 
}

table.yui thead td { 
vertical-align:middle; 
background-color:#E1ECF9; 
border:none; 
}

table.yui thead .tableHeader { 
font-size:larger; 
font-weight:bold; 
}

table.yui thead .filter { 
text-align:right; 
}

table.yui tfoot { 
background-color:#E1ECF9; 
text-align:center; 
}

table.yui .tablesorterPager { 
padding: 10px 0 10px 0; 
}

table.yui .tablesorterPager span { 
padding: 0 5px 0 5px; 
}

table.yui .tablesorterPager input.prev { 
width: auto; 
margin-right: 10px; 
}

table.yui .tablesorterPager input.next { 
width: auto; 
margin-left: 10px; 
}

table.yui .pagedisplay { 
font-size:10pt; 
width: 30px; 
border: 0px; 
background-color: #E1ECF9; 
text-align:center; 
vertical-align:top; 
}

/* Pagination */
.gallery{ width:90%; margin:0px auto; overflow:hidden; padding:0px; padding-bottom:15px;}
#gallery-1{width:100%; float:left; padding:0px 0px 10px 0px;}
#gallery-1 h1{ text-align:center; font-weight:normal; font-size:22px; color:#575555;}
#gallery-1a{width:192px; height:131px; float:left; margin:8px 20px 8px 20px;}

#pagn{width:100%;float:left;}
#pagn1{width:100%;float:left;padding:0px 0px 0px 0px;}
#pagn2{width:100%;float:left; padding:0px 0px 0px 0px;}
#pageNavPosition1 h1{ text-align:center; color:#000000; font-size:20px; margin:0px; padding:5px 0px;}
#pageNavPosition{float:right;}