/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
body
{
	background:#ffffff url(../images/container_bg.png) repeat-y center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	width:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0;
	padding:0;

}
 
.container{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	

}
h1,h2,h3,h4,h5,h6
{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#006bcc;
	font-size:20px;
}

h1 span{
	font-family:Arial, Helvetica, sans-serif;
	color:#d6463d;
	text-transform:uppercase;
	font-size:19px;
}

a{ outline:none;text-decoration:none;}
a:hover{color:#b32b2b;}


#header{
     background:url(../images/header_bg.png) ;
	 width:1000px;
	 height:110px;
	 background-color:#aecee3;
	 margin:0px auto;
	 padding:0px;
}
#header .left
{ 
	width:310px;
	height:110px;
	float:left;	
}
.logo_img{
        padding-left:10px; 
		padding-top:36px;
		}
#header .right
{
	width:690px;
	height:110px;
	float:right;
}
.social_img{ 
	
	float:right;
	margin:2px 25px 0px 0px;
 
}
.lang{

   
   padding:12px 0px 0px 440px;
   

}

#header .right a { cursor:pointer;}
#header .right a:hover { cursor:pointer;}

.menu {
    width: 600px;
    height: 39px;
	float:right;
	margin:10px 20px 0px 0px;	
	 padding: 1px 1px;	
	 background: #ed1a3b;
    cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;
   position:relative;
   
}

.menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding:0px;
  list-style: none;
  
}
.menu ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -2px;
  position: relative;
}
.menu ul li a {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -2px;
  position: relative;
  padding: 11px 11px;
}

.menu ul li a:hover {
  background: #6154c4;
  color: #fff;
   position: relative;
}
.menu ul li a { text-decoration:none; color:#FFFFFF;}
.menu ul li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  width: 150px;
  display: none;
   visibility: hidden;
   z-index:999999;
  
 
}
.menu ul li ul li { 
  background: #ed1a3b; 
  display: block; 
  color: #fff;
   z-index:999999;
}
.menu ul li ul li a { 
  background: #ed1a3b; 
  display: block; 
  color: #fff;
   z-index:999999;
}

.menu ul li ul li a:hover { background: #6154c4; }
.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
   z-index:999999;
 
 
}

#banner {
    background-color:#FF0000;
    border-bottom: 1px solid #89898A;
	height: 319px;
    width: 1000px;
	margin:0px auto;
	padding:0;	
	}
#cont_wrapper{
width:1000px;
	
    background: none repeat scroll 0 0 #e7f7ff;
    margin: 0 auto;
   
    padding: 0;
   
	}
#transnippon { 
    background-color:#fff;
    width: 220px;
	min-height:255px;
	border:1px solid #e73227;
	margin:20px 0px 0px 24px;
	float:left;
}
.head_bg{
    background-color:#e73227;
    width: 220px;
	height:26px;
	margin:20px 0px 0px 24px;
	
}


#transnippon h1
{  font-family:"source Sans Pro";
    font-size: 15px;
    font-weight: 700;
	margin:0px 0px 0px 0px; 
	padding:5px 0px 0px 0px;
	color:#fff;
	text-align:center;
	}
#transnippon p
	{
	font-family:"source Sans Pro";
	font-weight:normal;
	color:#000;
	font-size:14px;
	text-align:justify;
	margin:0px 14px 0px 14px;
	line-height:18px;
	
	
	}
#products {
    background-color:#fff;
    width: 220px;
	min-height:255px;
	border:1px solid #e73227;
	margin:20px 0px 0px 24px;
	float:left;

}
#products h1
{   font-family:"source Sans Pro";
    font-size: 15px;
    font-weight: 700;
	margin:0px 0px 0px 0px; 
	padding:4px 0px 0px 0px;
	color:#fff;
	text-align:center;
	}
#products p
	{
	font-family:"source Sans Pro";
	font-weight:normal;
	color:#000;
	font-size:14px;
	text-align:justify;
	margin:0px 14px 0px 14px;
	line-height:18px;
	
	
	}
	
#led_lighting {
    background-color:#fff;
    width: 220px;
	min-height:255px;
	border:1px solid #e73227;
	margin:20px 0px 0px 24px;
	float:left;
}

#led_lighting h1
{  font-family:"source Sans Pro";
    font-size: 15px;
    font-weight: 700;
	margin:0px 0px 0px 0px; 
	padding:5px 0px 0px 0px;
	color:#fff;
	text-align:center;
	}
#led_lighting p
	{
	 font-family:"source Sans Pro";
	font-weight:normal;
	color:#000;
	font-size:14px;
	text-align:justify;
	margin:0px 14px 0px 14px;
	line-height:18px;
	
	
	}

#quality_products {
    background-color:#fff;
    width: 220px;
	min-height:255px;
	border:1px solid #e73227;
	margin:20px 0px 0px 22px;
	float:left;
  
}
#quality_products h1{  
    font-family:"source Sans Pro";
    font-size: 15px;
    font-weight: 700;
	margin:0px 0px 0px 0px; 
	padding:5px 0px 0px 0px;
	color:#fff;
	text-align:center;
}
#quality_products p
	{
	font-family:"source Sans Pro";
	font-weight:normal;
	color:#000;
	font-size:14px;
	text-align:justify;
	margin:0px 14px 0px 14px;
	line-height:18px;
		
	}

.about_transnippon
{
	width:653px;
	min-height:270px;
	float:left;
	margin:25px 0px 0px 21px;
	padding:0px;
	background:url(../images/welcome_bg.png) no-repeat;
	}
	
.about_transnippon h1
{
	
	float:left;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 20px;
	}
	
.about_transnippon p
	{
	font-family:"source Sans Pro";
	font-weight:normal;
	color:#000;
	font-size:14px;
	text-align:justify;
	margin:0px 14px 0px 14px;
	line-height:22px;
		
	
	}

.service
{ 
	background:url(../images/service_bg.png) no-repeat;
	width:268px;
	min-height:270px;
	float:right;
	margin:20px 15px 0px 25px;
}
 
#our_products{
 
  
	width: 1000px;
	height:150px;
	float:left;
	margin:10px 0px 0px 0px;
	
}

#our_products .bg{
    background:url(../images/product_bg.png) no-repeat;  
	font-family:"source Sans Pro";
	color:#fff;
	padding-left:10px;
	height:125px;
}
#our_products .bg .img{
    background-color:#e7f7ff;
	border:1px solid #d4d4d4;  
	width: 100px;
	height:90px;
	margin-top:17px;
	margin-left:40px;
}
/*/  ....................button start ........................... /*/


.button {
     
    height: 22px;
    width: 90px;
    background: #44399b;
    text-align: center;
   font-family:"source Sans Pro";
	font-size:14px;
	color:#fff;
    float: right;
    margin-right: 13px;
	padding-top: 4px;     
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
     
}
.button a{ text-decoration:none; color:#fff;}
.button :hover {
  color:#fff;
   
}

.button3 {
     
    height: 25px;
    width: 90px;
    background: #44399b;
    text-align: center;
   font-family:"source Sans Pro";
	font-size:14px;
	color:#fff;
    float: left;
    margin-right: 13px;    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
     
}
.button3 a{ text-decoration:none; color:#fff;}
.button3 :hover {
  color:#fff;
   
}

/*/  ....................End-button start ........................... /*/
#footer
{  
    background:url(../images/footer.png) no-repeat center bottom; 
	background-color:#557e9e; 
	height:51px;
	width: 1000px;
	margin:0px auto;
	padding:0;
}
.menuleft
{
    height:51px;
	float:left;
	font-family:"source Sans Pro";
	font-weight:normal;
	font-size:12px;
}
.menuleft ul{
	list-style-type:none;
	padding:0px;
	margin:19px 0px 0px 15px;
}
.menuleft ul li{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	display:inline;
	
}
.menuleft ul li a{
	text-decoration:none;
	color:#e7f7ff;
	}

.menuleft li a:hover{ color:#ff4e43;}

#footer .powered{ 
    height:51px;
	float:right;
	
	}
#footer .powered p {
    text-align:right;
    color:#FFFFFF;
	font-size:12px;
	margin:19px 24px 0px 0px; 
	font-family:"source Sans Pro"; 
	}
#footer .powered a {color:#eeeeee;}
#footer .powered a:hover { color:#fff;}

input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	height:27px;
	outline:none;
	padding:0 5px 0 5px;
}
.topnav {
    text-align:right;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.topnav a{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #732109;
	text-decoration: none;
	font-weight: bold;
}