body{
margin:0px auto;
background:#d0d3da;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main{
background:url(../images/Flip_India_Power.jpg) no-repeat top #000000;
width:779px;
height:100%;
display:table;
margin:0px auto;
}
/*--------------------------------------- Content ---------------------------------------*/
#left{
margin:0px;
width:214px;
float:left;
}
#right{
margin:0px;
width:565px;
float:right;
}
#logo{
float:right;
padding-top:60px;
padding-right:9px;
}
#bg-tittle{
width:565px;
}
#white-bg{
width:523px!important;
width/**/:524px;
background-color:#FFFFFF;
float:right;
margin-top:20px;
}
#name-tittle{
padding-left:9px!important;
padding-left/**/:8px;
float:left;
width:32px;
margin-top:170px;
}
#banner{
margin:0px;
padding:0px;
text-align:center;
width:523px!important;
width/**/:524px;
float:right;
background:#FFFFFF;
}
.number ul{
list-style-type:decimal-leading-zero;
}
/*--------------------------------------- Menu -----------------------------------------*/
#menucontainer{
padding:5px 0px 0px 0px;
}
#menu{ 
margin-left:auto; margin-right:auto; 
width:512px;
font-size:12px;
font-weight:bold;
font-family: Tahoma, Verdana, Arial, Helvetica;
position:relative;
height:31px;
background:url(../images/i_menu_bg.jpg) repeat-x;
margin-bottom:6px!important;
margin-bottom/**/:0px;
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#menu ul li{
display:block;
float:left;
margin:0px 1px 0px 0px;
}
#menu ul li a{
display:block;
float:left;
color: #fff;
text-decoration:none;
width:100px;
padding:7px 0px 0px 0px;
height:31px;
text-align:center;
border-left:#FFFFFF 1px solid;
}
#menu ul li a:hover{
color:#000;
}
#menu ul li a.current,#menu ul li a.current:hover{
color:#000;
width:102px;
padding:7px 0px 0px 0px;
height:31px;
text-align:center;
background:url(../images/i_menu_bg_mo.jpg) repeat-x;
}
/*--------------------------------------- Content ---------------------------------------*/
h1{
margin:0px;
font-size:16px;
color:#0168b3;
padding:10px 5px 5px 5px;
border-bottom:1px #0168b3 solid;
}
.content{
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
margin:0px 6px 2px 6px;
text-decoration:none;
text-align:justify;
background:#e1ecf9;
}
.content p{
padding:6px 6px 6px 6px;
margin:0px;
line-height:16px;
}
.content a{
color:#333;
text-decoration:underline;
}
.content a:hover{
color:#333;
text-decoration:none;
}
/*.li ul{
margin:0px;
}
.li{
padding:2px 0px 0px 0px;
list-style:square;
}*/
/*--------------------------------------- left ---------------------------------------*/
#left-content{
margin:350px 0px 0px 3px;
}
.tittle{
background:#4b4b4b url(../images/i_product_arrow.jpg) no-repeat right;
padding:8px;
width:195px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.tit-content{
background:url(../images/i_left_content_bg.jpg) repeat-x;
padding:8px;
width:195px;
height:137px;
margin-top:1px;
font-size:11px;
color:#FFFFFF;
text-align:center;
}
.tit-content p{
margin:0px;
padding:0px;
text-align:justify;
}
.tit-content span{
float:right;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}
/*--------------------------------------- Bottom ---------------------------------------*/
#bottom{
background-color:#656768;
width:779px;
height:35px;
margin:0px auto;
font-size:11px;
color:#d5d5d5;
margin-top:8px;
position:relative;
}
#bottom a{
font-size:11px;
color:#d5d5d5;
text-decoration:none;
}
#bottom a:hover{
font-size:11px;
color:#d5d5d5;
text-decoration:underline;
}
#copy{
float:left;
padding-left:8px;
padding-top:10px;
text-align:center;
}
#bottom-link{
float:right;
padding-top:10px;
padding-right:8px;
}
/*--------------------------------------- Contact ---------------------------------------*/
h2{
margin:0px;
font-size:13px;
font-weight:bold;
color:#333;
padding:10px 0px 0px 5px;
}
h3{
margin:0px;
font-size:14px;
color:#0168b3;
padding:10px 5px 5px 5px;
border-bottom:1px #0168b3 solid;
}
.table{
border-bottom:1px solid #0168b3;
border-left:1px solid #0168b3;
padding:4px;
color:#000000;
background:#FFFFFF;
margin:0px;
}
.table div{
margin:0px; 
}
.table td{
border-right:1px solid #0168b3;
border-top:1px solid #0168b3;
}
.table1{
border-bottom:1px solid #0168b3;
border-left:1px solid #0168b3;
padding/**/:3px;
color:#000000;
background:#FFFFFF;
margin:0px;
}
.table1 td{
padding:1px!important;
border-right:1px solid #0168b3;
border-top:1px solid #0168b3;
}
/*--------------------------------------- Products -----------------------------------------*/
#project-content-link{
margin:0px;
padding:0px;
width:100%;
background:#e1ecf9;
display:table;
}
#left-link{
float:left;
width:200px;
margin-left:10px!important;
margin-left/**/:5px;
}
.heading{
font-size:11px;
font-weight:bold;
color:#fff; 
background:url(../images/i_product_bg.jpg) repeat-y;
padding:4px 6px 4px 6px;
margin-top:20px;
}
.span{
margin-top:6px;
font-size:11px;
color:#036ab4;
line-height:18px;
margin-left:5px;
text-align:left;
}
.span a{
font-weight:bold;
color:#036ab4;
text-decoration:none;
}
.span a:hover{
font-weight:bold;
color:#000;
text-decoration:underline;
}
#right-link{
float:right;
width:200px;
margin-right:25px!important;
margin-right/**/:5px;
}
.li ul{
margin:0px;
padding:0px;
}
.li{
margin:0px 8px 0px 18px;
padding-left:16px;
list-style-type:square;
line-height:20px;
}
.product img{
margin:5px;
}
.product-img{
margin:8px;
float:right;
}
/*--------------------------------------- Form -----------------------------------------*/
form{
margin-bottom:0px;
}
.cssform p{
width: 300px;
clear: left;
margin:15px 0px 0px 20px!important;
margin/**/:0px 0px 0px 20px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
border:1px solid #666;
background:#FFFFFF;
}
.cssform textarea{
width: 250px;
height: 100px;
border:1px solid  #666;
background:#FFFFFF;
}
.button{
background:url(../images/i_menu_bg_mo.jpg) repeat-x;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:1px solid;
padding:5px;
margin-bottom:10px;
margin-top:15px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
.form span{
float: left;
text-align:justify;
width:90%;
margin-left:15px;
border-top: 1px dashed gray ;
padding-top:8px;
}
.mandotary{
font-size:11px;
color:#FF0000;
float:right;
margin:0px 18px 5px 0px;
}
.star{
font-size:11px;
color:#FF0000;
}