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

body
{
	
	background-color:#F8F8F8;
	background-image:url(../images/bg.jpg);
	background-attachment:fixed;
}
#container
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,0.90);
	padding:20px;
}
#menu
{
	background-color:#03C6FE;
	border-radius:15px;
	height:30px;
}
#menu ul li 
{
	display:inline;
	padding-top:5px ;
	float:left;
	padding-bottom:5px ;
	padding-left:40px ;
	padding-right:40px;
}
#menu ul li a
{
	color:#000;
	font-size:16px;
	font:Verdana, Geneva, sans-serif;
	font-weight:600;
}
#menu ul li a:hover
{
	color:#960;
}
#images
{
	padding-top:10px;
}
#aboutus
{
	padding-top:15px ;
}
#aboutus #about
{
	color:#E65500;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#aboutus #firstpara
{

}
#companyprofile
{
		padding-top:15px ;
}
#companyprofile #profile
{
	color:#E65500;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#tab
{
	padding-left:85px;
}
#tabinfo
{
	width:90%;
}
#tabinfo tr td input 
{
	width:100%;
	height:100%;
}

/* Images in all text boxes */
#inquiry-form 
{
	color:#C60;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:700;
}
#inquiry-form input, #inquiry-form textarea{
	font-size:15px;
	padding:5px;
	width:430px;
	color:#666;
}
#inquiry-form input[type="submit"]{
	font-size:15px;
	padding:5px;
	width:430px;
	color:#666;
	background-color:#03C6FE;
}
#contact
{
	color:#C60;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:700;
	padding-left:5px;
}
#inquiryus,#contactus
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
	display:block;
}
#address
{
	padding:15px;
	border:medium solid #999;
	border-radius:5px;
	box-shadow: 5px 5px 5px 5px #888888;
	
}

#address #companynm
{
	color:#C60;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:700;
	text-decoration:underline;
}
#addrinfo
{
	font-family:Verdana;
	font-size:14px;
	color:#003;
	padding-left:5px;
	padding-right:5px;
	
}
#personinfo
{
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana;
	font-size:14px;
	color:#003;
	font-weight:bold;
}

#main-body{
	width:70%;
	margin:0 auto;
}
.float-left{
	float:left;
}
#searchbar{
	vertical-align:bottom;
	width:60%;
	height:100px;
		border:3px solid black;

	display:block;
}
#logo{
	width:30%;

}
#menu{
	border:1px solid #028AAF;
	border-radius:15px;
	background:#03C6FE;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	box-shadow: 2px 2px 1px #888888;
}
#menu a{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
#menu a:hover{
	color:#FF0000;
	text-outline: 2px 2px #ff0000;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	
}
.seperator{
	background-color:#FFF;
	width:0.1px;
}
#address
{
	padding:10px;
	border:1px solid #999;
	border-radius:5px;
	padding-bottom:15px;
	box-shadow: 2px 2px 1px 1px #888888;
}

#address #companynm
{
	color:#C60;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:700;
	padding-left:5px;
	text-shadow: 
	
}
#addrinfo
{
	font-family:Verdana;
	font-size:14px;
	color:#003;
	padding-left:5px;
	padding-right:5px;
	
}
#personinfo
{
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana;
	font-size:14px;
	color:#003;
	font-weight:bold;
}
#aboutus
{
	padding:15px ;
}
#aboutus #about
{
	color:#E65500;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#aboutus #firstpara
{

}
#cmpnyprotab
{
	border:0;
	background-color:#FC9;
	border-radius:10px;
	font-family:verdana;
	font-size:14px;
	color:#630;
	padding-left:10px; 
	/*//#F36 #036 #666 #630*/
}
#cmpnyintropara
{
	font-family:verdana;
	font-size:14px;
	color:#630; 
	padding-left:15px;
}
#certificate
{
	padding-top:15px;
	border:1px solid #999;
	border-radius:5px;
	padding-bottom:15px;	
	box-shadow: 2px 2px 1px 1px #888888;
	margin-top:25px;
	padding-left:auto;
	padding-right:auto;
}

#achievements
{
	padding-left:60px;
	padding-right:15px;
	color:#909;
	font-size:16px;
	font-family:verdana;
	margin-bottom:15px;
	
}


ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
.mybutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.mybutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.mybutton:active {
	position:relative;
	top:1px;
}
.mybutton a{
	text-decoration:none;
	color:#FFFFFF;
}
.searchbox{ 
background: #F1F1F1 url(input-text-9.png) no-repeat;
background-position: 5px 10px !important;
padding: 10px 10px 10px 25px;

border: 1px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
} 
.searchbox:focus { 
background-color: #FFF; 
border-color: #E8C291; 
outline: none; 
-moz-box-shadow: 0 0 0 1px #e8c291 inset; 
-webkit-box-shadow: 0 0 0 1px #E8C291 inset; 
box-shadow: 0 0 0 1px #E8C291 inset; 
} 
.subject{
	color:#C60;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight:700;
	padding-left:5px;
}

#products{
	padding:10px;
	width:900px;
}
.product_category{
height:240px;
}
.product_detail{
height:150px;
}
#products .product_item{
	padding:8px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-border-radius: 00px 99px 00px 99px;-moz-border-radius: 0px 99px 0px 99px;border-radius: 0px 99px 0px 99px;
}
#products a{
	text-decoration:none;
}
#products p{

color: #000;
	text-shadow: 
		0px 1px 0px #FFF; 
	
	font: 16px 'ChunkFiveRegular';
	
	height:50px;
}
#products img{
	width:150px;
	height:150px;
	
	-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;
}
#products .product_item:hover{
	border:1px solid #03C6FE;
	box-shadow: 2px 3px 3px #888888;
	-webkit-border-radius: 99px 0px 99px 0px;-moz-border-radius: 99px 0px 99px 0px;border-radius: 99px 0px 99px 0px;
	
}

/*Social Plugin*/
.social_buttons {
	position:fixed;
	margin-top: 160px;
	right:30px;
}

.social_buttons a {
	margin-left: 30px;
	width: 64px;
	height: 64px;
	display: inline-block;
	position: relative;
	line-height: 64px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
}

.social_buttons a:active {
	top: 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: linear-gradient(top, #eaeaea, #f6f6f6);
}

.social_buttons a::before{
		content: '';
		position: absolute;
		z-index: -1;
		top: -8px;
		right: -8px;
		bottom: -8px;
		left: -8px;
		background-color: #eaeaea;
		-moz-border-radius: 140px;
		-webkit-border-radius: 140px;
		border-radius: 140px;
	opacity: 0.5;		
}

.social_buttons a:active::before {
	top: -9px;
}

.social_buttons a:hover::before { opacity: 1; }

.social_buttons a.twitter:hover::before {
	background-color: #c6f0f8;
}

.social_buttons a.facebook:hover::before {
	background-color: #dae1f0;
}

.social_buttons a.dribble:hover::before {
	background-color: #fadae6;
}

.social_buttons a.rss:hover::before {
	background-color: #f8ebb6;
}

.twitter img { margin:15px;}
.dribble img { margin:15px; }
.facebook img { 
margin-left:20px;
margin-top:15px;
}
.rss img { 
margin-left:18px;
margin-top:18px;
}

.social_buttons a img { border: 0; }