/* CSS Document */



html{overflow-y:scroll;}
body { padding:0; margin:0;  font-family:verdana, Arial, Helvetica, sans-serif; background-color:#fff; }
h1 {text-align:left; color:#000000; font-size:18px;}
.clear {clear:both;}


/* ----------------------------------------main layout------------------------------ */

#container { width:1020px; background-color:#ffffff; margin: auto; border-top:5px solid #000; 
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}
/* ----------------------------------------header and menu------------------------------ */
#header {width:1020px; height : 86px; background-color:#F9F9F9; margin: 0; padding:0; 
box-shadow: 
        inset 0px 11px 2px -10px #000,
        inset 0px -11px 0px -10px #000; 

  }
#header .logo { display:block; float:left; width:300px; margin:0; }
#header .logo img { display:block; float:left; width:230px; height:76px; margin:5px 0 5px 0; }



/* ----------------------------------------slider------------------------------ */
#slider {width:1020px; height : 251px; background-color:#C12D05; 
box-shadow: inset 0px 11px 3px -10px #000,
            inset 0px -11px 3px -10px #000; }

/*----------------------------------- body middle -------------------------- */
#body-middle {width:1020px; height : 150px; background-color:#F2F2F2; margin: 1px 0 0 0; padding:0;

box-shadow: 
        inset 0px 11px 5px -10px #888,
        inset 0px -11px 5px -10px #888; 
}
#body-middle .cont {width:240px; height :130px; text-align:center; margin: 12px 0 8px 0; padding:0 8px 0 5px; border-right:2px solid #AFAFAF; float:left; overflow:hidden; }
#body-middle .cont img { width:60px; height : 60px; margin: 0;}
#body-middle .cont h2 { font-size:19px; color:#60873D; margin:8px 0 0 0;}
#body-middle .cont p { font-size:13px; color:#000; margin:4px 0 0 0;}

#body-middle .cont1 {width:240px; height :130px; text-align:center; margin: 15px 0 7px 0; padding:0 6px 0 5px; float:right; overflow:hidden; }
#body-middle .cont1 img { width:60px; height : 60px; margin: 0;}
#body-middle .cont1 h2 { font-size:20px; color:#60873D; margin:4px 0 0 0;}
#body-middle .cont1 p { font-size:13px; color:#000; margin:4px 0 0 0;}

/*----------------------------------- body last -------------------------- */
#bodylast {width:1020px; height : 310px; background-color:#fff; margin: 0px 0 0 0; padding:0;
box-shadow: inset 0px 11px 0px -10px #888, inset 0px -11px 5px -10px #888; }



#bodylast .about { width:480px; height:290px; float:left; background-color: #fff; margin: 10px 6px 5px 5px; overflow:hidden;  }
#bodylast .about1 {float:left; width:470px; height:20px; margin:0; Color :#000; text-transform:uppercase; font-weight:bold; padding:3px 2px 2px 4px; overflow:hidden; border-bottom:2px solid #888; }
#bodylast .aboutdtls { float:left; width:470px;  height:290px; margin:0; padding:2px 2px 2px 0px; overflow:hidden; }
#bodylast .aboutdtls img { float:left; width:250px; height:180px; padding:4px ; margin: 0 5px 0 0; border:1px solid gray; }
#bodylast .para {width:475px; height:280px; padding:5px 2px 4px 0px; margin: 0 0 3px 0;  overflow:hidden;  } 
#bodylast .para p{ text-align:left; font-size:13px; margin:0px 2px 5px 4px;; padding:0px; color:#000000;}



#bodylast .service { width:250px; height:290px; float:left; background-color: #fff; margin: 10px 6px 5px 8px; overflow:hidden;  }
#bodylast .service1 {float:left; width:241px; height:20px; margin:0; Color :#000; text-transform:uppercase; font-weight:bold; padding:3px 2px 2px 0px; overflow:hidden; border-bottom:2px solid #888; }
#bodylast .servicedtls { float:left; width:242px;  height:253px; margin:0; padding:3px 2px 2px 0px; overflow:hidden;  }
#bodylast .servicedtls img { float:left; width:233px; height:100px; padding:4px 4px 4px 4px ; margin: 3px 5px 0 0; border:1px solid gray; }
#bodylast .spara {width:240px; height:265px; padding: 3px 2px 0 0 ; margin: 0 0 3px 0;  overflow:hidden; } 
#bodylast .spara p{ text-align:left; font-size:13px; margin:3px 2px 5px 4px;; padding:0px; color:#000000;}


#bodylast .mission { width:250px; height:290px; float:left; background-color: #fff; margin: 8px 0 5px 8px; overflow:hidden;  }
#bodylast .mission1 {float:left; width:241px; height:20px; margin:0; Color :#000; text-transform:uppercase; font-weight:bold; padding:3px 2px 2px 0px; overflow:hidden; border-bottom:2px solid #888; }
#bodylast .missiondtls { float:left; width:242px;  height:253px; margin:0; padding:3px 2px 2px 0px; overflow:hidden;  }
#bodylast .missiondtls img { float:left; width:233px; height:100px; padding:4px ; margin: 3px 5px 0 0; border:1px solid gray; }
#bodylast .mpara {width:240px; height:265px; padding: 3px 2px 0 0 ; margin: 0 0 3px 0;  overflow:hidden; } 
#bodylast .mpara p{ text-align:left; font-size:13px; margin:3px 2px 5px 4px;; padding:0px; color:#000000;}

/* --------------------------------- product --------------------------------*/



#products {width:300px; height:300px; padding:0; margin:5px 3px 5px 5px; background-color:#fff; float:left;
-moz-box-shadow: 0 0 1px 2px #888; -webkit-box-shadow: 0 0 1px 2px#888; box-shadow: 0 0 1px 2px #888;
}

#products .title { margin:0; padding:1px 0px 0px 0px; text-transform:uppercase; background-color:f2f2f2; border-bottom:1px solid #000;  }
#products .title h1 { text-transform:uppercase; font-size:20px; color:#60873D; font-weight: bolder; padding:0px; margin:4px 0 3px 5px;}

#products .pro1 {width:290px; height:202px; background-color:#fff; margin:5px 5px 5px 5px; overflow:hidden;  }
#products .pro1 img { width:107px; height:182px; margin:0 ; padding:0; float:left;  }
#products .pro1 img:hover { color:#000000; opacity: 0.3; filter: alpha(opacity=60);} 
#products .pro2 {width:175px; height:190px;  margin:0 0 0 5px; padding:0; float:left;   }
#products .pro2 h2 {text-transform:uppercase; font-size:15px; text-align:center; font-weight:bold; float:left; color:#238c42; font-weight: normal; padding:2px 0 0 7px; margin:1px 0 0 0;  } 
#products .pro2 p {font-size:13px; float:left; color:#000; font-weight: normal; padding:7px 0 0 7px; margin:1px 0 0 0; line-height:1.3em;  } 
#products .pro2 h3 { text-transform:uppercase; font-size:13px; font-weight:bold; float:right; color:#238c42; font-weight: normal; padding:3px 0 0 7px; margin:0; }





#video {width:390px; height:300px; padding:0; margin:0; background-color:#fff;  margin:5px 0 5px 5px;
-moz-box-shadow: 0 0 1px 2px #888; -webkit-box-shadow: 0 0 1px 2px#888; box-shadow: 0 0 1px 2px #888;
}

#video .title { margin:0; padding:1px 0px 0px 0px; text-transform:uppercase; background-color:f2f2f2; border-bottom:1px solid #000;  }
#video .title h1 { text-transform:uppercase; font-size:20px; color:#60873D; font-weight: bolder; padding:0px; margin:4px 0 3px 5px;}
#video .dtls { width:386px; height:250px; padding:0; margin:0; background-color:#fff;  margin:2px ; }


#contact {width:280px; height:300px;  background-color:#fff; margin:5px 0 5px 5px;
-moz-box-shadow: 0 0 1px 2px #888; -webkit-box-shadow: 0 0 1px 2px#888; box-shadow: 0 0 1px 2px #888;}
#contact .title { margin:0; padding:1px 0px 0px 0px; text-transform:uppercase; background-color:f2f2f2; border-bottom:1px solid #000;  }
#contact .title h1 { text-transform:uppercase; font-size:20px; color:#60873D; font-weight: bolder; padding:0px; margin:4px 0 3px 5px;}
#contact .dtls { width:270px; height:240px; padding:0; margin:0; background-color:#fff;  margin:4px 0 0 5px; }

#contact-form {
    background-color:#F2F7F9;
    width:270px;
    padding:0px;
    margin: 2px 10px 0 3px;    

}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
    font-size:12px;
    margin-bottom:2px;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea {
    width:255px;
    border: 1px solid #CEE1E8;
    margin-bottom:10px;
    padding:4px;
}
 
#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#contact-form textarea {
    height:80px;
    resize: none;
}
 
#contact-form label {
    display:block;
}
 
#contact-form .required {
    font-weight:bold;
    color:#F00;    
}
 
#contact-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#8FB5C1;
    -moz-border-radius:8px;
}
 
#contact-form #submit-button:hover {
    background-color: #A6CFDD;
}
 
#contact-form #submit-button:active {
    position:relative;
    top:1px;
}
 
#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}
 
#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
    display:none;
}
 
#errors li {
    padding:2px;
    list-style:none;    
}
 
#errors li:before {
    content: ' - ';    
}
 
#errors #info {
    font-weight:bold;
}
 
#errors #info:before {
    content: '';    
}
 
#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
    font-weight:bold;
    display:none;
}
 
#errors.visible, #success.visible {
    display:block;    
}
 
#req-field-desc {
    font-style:italic;
}
 
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
 
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}


/*Partners */
#partner {width:1020px; height : 130px;  margin: 10px 0 10px 0; padding:0;
-moz-box-shadow: 0 0 1px 2px #888; -webkit-box-shadow: 0 0 1px 2px#888; box-shadow: 0 0 1px 2px #888;

}

#partner h1 {  font-size : 18px; margin: 0 0 0 10px; font-weight:normal;}
#partner img {width:179px; height:80px; margin: 5px 10px 5px 10px;}


/*Partners */


/*Footer */

#footer {width:100%; height: 30px;  background-color:#C4C9D1; padding:;}
#footer {width:100%px; height:30px; background:#B2C629; margin :0; }
#footer li {width : 500px; height: 30px; margin: 0px; padding:5px; color:#000; font-size:16px; text-align:left; float:left; list-style:none;}
#footer li a { text-decoration:none;}








/***************************** Catagory Page Start **************************************************/

#dtls { width: 900px; height:750px; margin:8px 0 0 15px; text-align:left; }
#dtls h1 { width:950px; font-size:25px; border-bottom:1px solid #888; margin:20px 15px 0 15px; padding:4px;}
#dtls .aboutdtls { float:left; width:950px; margin:0; padding:5px 2px 2px 16px}
#dtls  p{ text-align:left; font-size:16px; margin:14px 2px 8px 13px;; padding:0px; color:#000000; line-height:1.6em;}