html,body 
{
    margin:0px;
    padding:0px;
}


/*side panel*/

#sidePanel{
    width:245px;
    position:fixed;
    left:-202px;
    top:15%;
    
}
#panelHandle{
    background-image: -webkit-linear-gradient(top,#333,#222);
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-image: -o-linear-gradient(center top , #333333, #222222);
    background-image: -ms-linear-gradient(center top , #333333, #222222);
    background-image:linear-gradient(center top , #333333, #222222);

    height:150px;
    width:40px;
    border-radius:0 5px 5px 0;
    float:left;
    cursor:pointer;
}
#panelContent{
    float:left;
    border:1px solid #333333;
    width:200px;
    height:300px;
    background-color:#EEEEEE;
}

#panelHandle p {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    left: -4px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
}




/*header menus and logo*/

#header
{
    width:100%;
    background-color:black;
    background-image:url(img/bg-header2.png);
    height:150px;
   
}
#menubar
{
    margin-top:2%;
}
#header_menus
{
    margin-top:4%;   
}
#header_menus ul
{
    width:100%;
    float:right;
}
#header_menus ul li a
{
   
    font-size:medium;
    font-family:Verdana;
    color:Yellow;
}
#header_menus ul li a:hover
{
    color:red;
    transform:translateX(5px)
}
#row_span
{
    margin-left:10%;
    margin-top:4%;
}
a,a:focus
{
   outline:0
}
/*slider*/

#slider
{
    background-color:#ff81ff;
    max-height:260px;
}


/*rows1*/

#row1
{
    margin-top:10%;
  
    
}
#rowcontain
{
    border-top:1px solid #d9eaf9;
}
#row1span1
{
      margin-left:8%;
      padding-top:3%;
}
#row1span2
{
     padding-top:3%;
    
}



.images1
{
    margin-left:4%;
}
#caption_span1
{
    padding-top:8%;
}

/*row2*/

#row2
{
    margin-left:8%;
    margin-top:5%;
}

.thumbnail1
{
    float:left;
}
#heading1_row2
{
    float:left;
    width:100%;
}
.caption .p_row2
{
    color:Red;
    font-family:Calibri;
    font-size:medium;
    font-style:normal;
    font-weight:bold;
}
.imagesthumbnail
{
    float:left;
    width:30%;
}
.cap1
{
    float:left;
    width:50%;
}
.cap1 h4
{
    color:Red;
}
.cap1 p a
{
    text-decoration:none;
    color:orange;
    
}

.thumbnail2
{
    width:100%;
    border-bottom:1px solid #d9eaf9;
    float:left;
    margin-top:1%;
   
}
.thumbnail3
{
    width:100%;
    border-bottom:1px solid #d9eaf9;
    float:left;
    margin-top:1%;
}
.imagesthumbnail1
{
    float:left;
     width:30%;
}
.cap2
{
    width:70%;
    float:right;
}
.cap2 p a
{
    text-decoration:none;
    color:orange;
    
}
.cap2 h4
{
    color:Red;
}
.cap1 #cap1_p
{
    width:135%;
}

#footer
{
    width:100%;
    background-color:#ff81ff;
    margin-top:6%;
    float:left;
}
#footer .container h4 a
{
    color:Black;
    text-decoration:none;
}
#footer .container h4 a span
{
    color:Green;
}
#footer_container p
{
    width:10%;
    
}
#footer_container p >a
{
    text-decoration:none;
    color:White;
}
#footer_contain
{
     width:100%;
    background-color:#ff81ff;
    
    float:left;
    margin-top:30%;
}
#footer_contain h4 a
{
    color:black;
    text-decoration:none;
}
#footer_contain h4 a span
{
    color:Green;
}
.login_footer
{
    width:100%;
    background-color:#ff81ff;
    margin-top:30%;
    float:left;
}
.login_footer .container h4 a
{
    color:Black;
    text-decoration:none;
}
.login_footer .container h4 a span
{
    color:Green;
}
/*AboutUs*/

#aboutus_row1
{
    width:100%;
    float:left;
    margin-top:2%;
}
#aboutus_heading
{
    margin-top:2%;
}

#aboutus_row2
{
    width:95%;
    float:left;
    margin-top:2%;
   margin-left:1%;
   padding:2%;
}
.contain_aboutus .caption p
{
    margin-top:4%;
    color:Gray;
}
#aboutus_span1
{
    background-color:green;
}
#aboutus_span2
{
     background-color:#6d7074;
}
#aboutus_span3
{
     background-color:#7350f4;
}
#aboutus_span4
{
     background-color:#8e0d35;
}

#aboutus_span1 p
{
    padding-top:5%;
    padding-bottom:12%;
    padding-left:5%;
    padding-right:5%;
    color:White;
    font-family:Times New Roman;
    font-size:15px;
    margin-top:1%;
    background-color:rgba(0,0,0,0.4);
}
#aboutus_span2 .caption p
{
    padding-top:5%;
    padding-bottom:12%;
    padding-left:5%;
    padding-right:5%;
    color:White;
    font-family:Times New Roman;
    font-size:15px;
    margin-top:1%;
    background-color:rgba(0,0,0,0.4);
    
}
#aboutus_span3 .caption p
{
    padding-top:5%;
    padding-bottom:26%;
    padding-left:5%;
    padding-right:5%;
    color:White;
    font-family:Times New Roman;
    font-size:15px;
    margin-top:1%;
    background-color:rgba(0,0,0,0.4);
}
#aboutus_span4 .caption p
{
    padding-top:5%;
    padding-bottom:4%;
    padding-left:5%;
    padding-right:5%;
    color:White;
    font-family:Times New Roman;
    font-size:15px;
    margin-top:1%;
    background-color:rgba(0,0,0,0.4);
}

#aboutus_footer
{
    float:left;
}

/*Products*/

#products_rowspan1
{
    background-color:#d85b0f;
    border
    
    
}
#products_rowspan2
{
    margin-top:1%;
    background-color:#d85b0f;
    
}
#products_UPS h4
{
    padding-left:40%;
    color:Yellow;
}
#products_inverter
{
    background-color:#d85b0f;
}
#products_inverter h4
{
    padding-left:40%;
    color:Yellow;
}
#products_rowsspan3
{
    background-color:#d85b0f;
    margin-top:1%;
}
#products_rowsspan4
{
    background-color:#d85b0f;
    margin-top:1%;
}
#products_inverter h4
{
    padding-left:25%;
    color:Yellow;
}
#products_cctv h4
{
    padding-left:13%;
    color:Yellow;
}
#products_battery h4
{
    padding-left:25%;
    color:Yellow;
}
.products_span7 .caption h5
{
   color:Black;
}
.products_span7 .caption p
{
    color:gray;
}

/*services*/

.services
{
    margin-top:5%;
}

/*Gallery*/

.gallery_row
{
    margin-top:4%;
}

/*clients*/

.clients_spanrows ul
{
    margin-left:15%;
}
.clients_spanrows ul li
{
    color:gray;
}
/*ContactUS*/

#contactus_form textarea
{
    min-width:100%;
}
.contactus_rows
{
    margin-top:5%;
}
.span4 .contact_span1
{
 
}
.span4 h4
{
    color:Black;
}
.span4 p
{
    color:gray;
}
.span6 h4
{
    color:black;
}
.span6 label
{
    color:Gray;
}
.span6 .contactus_btn
{
    background-color:white;
    color:black;
    border:0px;
    padding:1%;
    border-radius:5px;
}

/*main login*/

#main
{
    margin-left:15%;
    margin-top:10%;
    
}