body {background:url(images/body_bg.jpg) repeat-x #d9d9da; margin:0;}



#container {width:944px; margin:0 auto; padding-bottom:40px;}



#header {padding:20px; height:48px;}



#logo {width:313px; height:68px; background:url(images/logo.png) no-repeat; text-indent:-9999px; float:left;}

#logo a {display:block; width:313px; height:48px;}

#number {font-family:"Myriad Pro", "Trebuchet MS", Arial; font-size:20px; text-align:right; width:140px; float:left; padding:19px 10px 0 357px;}

#seotools {width:84px; height:19px; background-image:url(images/seotools.png); float:left; margin-top:22px; text-indent:-9999px;}

#seotools a {display:block; width:84px; height:19px;}

#seotools a:hover {background-image:url(images/contact_over.png);}



#menu {height:39px; width:944px;}

#menu ul {list-style:none; margin:0; padding:0;}

#menu ul li {float:left; height:39px; display:block; text-indent:-9999px;}

#menu a {display:block; width:100%; height:100%;}

#menu_services {width:100px; background-image:url(images/menu_services_active.png);}

#menu_services a {background-image:url(images/menu_services.png);}

#menu_services a:hover {background-image:url(images/menu_services_over.png);}

#menu_services a.active, #menu_services a:hover.active {background-image:url(images/menu_services_active.png);}

#menu_portfolio {width:100px; background-image:url(images/menu_portfolio_active.png);}

#menu_portfolio a {background-image:url(images/menu_portfolio.png);}

#menu_portfolio a:hover {background-image:url(images/menu_portfolio_over.png);}

#menu_portfolio a.active, #menu_portfolio a:hover.active {background-image:url(images/menu_portfolio_active.png);}



#menu_products {width:100px; background-image:url(images/menu_products_active.png);}

#menu_products a {background-image:url(images/menu_products.png);}

#menu_products a:hover {background-image:url(images/menu_products_over.png);}

#menu_products a.active, #menu_products a:hover.active {background-image:url(images/menu_products_active.png);}



#menu_about {width:83px; background-image:url(images/menu_about_active.png);}

#menu_about a {background-image:url(images/menu_about.png);}

#menu_about a:hover {background-image:url(images/menu_about_over.png);}

#menu_about a.active, #menu_about a:hover.active {background-image:url(images/menu_about_active.png);}

#menu_contact {width:92px; background-image:url(images/menu_contact_active.png);}

#menu_contact a {background-image:url(images/menu_contact.png);}

#menu_contact a:hover {background-image:url(images/menu_contact_over.png);}

#menu_contact a.active, #menu_contact a:hover.active {background-image:url(images/menu_contact_active.png);}

#menu_empty {width:469px; background:url(images/menu_empty.png) right center;}



#banner {background-image:url(images/banner.png); width:944px; height:147px; margin-top:5px;}





#main_top {width:944px; height:6px; background-image:url(images/main_top.png); margin-top:5px; font-size:1px;}

#main {width:884px; background-image:url(images/main_bg.png); padding:20px 30px; color:#140505; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px;letter-spacing: .5px;}

#main_bottom {width:944px; height:8px; background-image:url(images/main_bottom.png); font-size:1px;}



h1 {font-size:24px; margin:0 0 10px 0; font-weight:bold; font-style:italic; font-family:'Segoe UI', Tahoma, Arial, Helvetica; line-height:normal;}

h2 {font-size:17px; margin:12px 0 5px 0; font-weight:normal; font-family:'Segoe UI', Tahoma, Arial, Helvetica; line-height:normal;}

h3 {margin:0; font-weight:normal;}

a {color:#036cb6; outline-style:none;text-decoration: none;}

a:hover {color:#023f6b;}

ul {margin:5px 0 5px 30px; padding:0;}

ol {margin:5px 0 5px 30px; padding:0;}

br {line-height:7px;}

.line {background:url(images/line.png); width:100%; height:2px; margin:40px 0 20px 0; font-size:1px; clear:both;}

.clear {clear:both;}

form div {margin-top:3px;}

label {display:block; float:left; width:90px;}

.textfield {width:200px;}

textarea {width:400px; height:100px;}

.button {margin-left:89px; margin-top:3px; cursor:pointer;}

.textfield:focus, textarea:focus {background-color:#FAFAFA;}

.sublink {margin-left:11px; list-style:circle;}

.url {margin:-5px 0 15px 0;}



#footer {background-image:url(images/footer.png); width:944px; height:70px; margin-top:5px; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:11px;}

#footer a {color:#FFFFFF; text-decoration:none; font-weight:normal;}

#footer a:hover {text-decoration:underline;}

#footer span {font-weight:normal;}

#footer_left {float:left;  padding:26px 0 6px 55px;}

#footer_right {float:right; padding:26px 30px 0 0; font-weight:bold;}

b{font-family:'Segoe UI', Helvetica;letter-spacing:1px;}

*{text-align: justify;}

#scopes,.services{padding:0px;margin:0px;list-style:none;}

.services li{float:left;border:1px solid #336699;padding:10px;margin:10px;background:#FFFFFF;width:28%;-moz-border-radius: 5px;-webkit-border-radius: 5px;height:220px;text-align:justify;}

#scopes li{float:left;border:1px solid #336699;padding:5px;margin:5px;background:#FFFFFF;width:30.8%;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align:center;}

ul.frontmodules{float:left; list-style: none;} 

ul.frontmodules>li{float:left; list-style: none;} 

.rounded{ -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -khtml-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}

.wrapx{ border-top:1px solid #222;border-left:1px solid #222;border-right:1px solid #222;}

.row{clear:both;border-bottom:1px solid #222;}

.col1{float:left;width:65%;position:inline;padding:10px;height:50px;}

.col2{float:right;border-left:1px solid #222;text-align:center;width:29%;position:inline;padding:10px;height:50px;}

.head{float:left;position:inline;padding:5px;color:#FFF;background:#222;}

.col{float:left;position:inline;padding:5px;}

#highlight li{float:left;width:30%;list-style: none;}         

#highlight li h2{font-style: italic;font-weight:bolder; font-family: 'Segoe UI'; }

img {border:0px;}

    

/* Easy Slider */

    #slider{}    
    #slider ul, #slider li, #slider2 ul, #slider2 li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider li, #slider2 li{ 
        /* 
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */ 
        width:352px;
        height:502px;
        overflow:hidden; 
        }    

    #slider2 li{ 
        background:#f1f1f1;
        }        
    #slider2 li h2{ 
        margin:0 20px;
        padding-top:20px;
        }    
    #slider2 li p{ 
        margin:20px;
        }                        
        
    p#controls, p#controls2{
        margin:0;
        position:relative;
        } 
    
    #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
        display:block;
        margin:0;
        overflow:hidden;
        text-indent:-8000px;        
        width:30px;
        height:77px;
        position:absolute;
        left:-30px;
        top:-290px;
        }    
    #nextBtn, #nextBtn2{ 
        left:352px;
        }                                                        
    #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
        display:block;
        width:30px;
        height:77px;
        background:url(../../ext/slider/images/btn_prev.gif) no-repeat 0 0;    
        }    
    #nextBtn a, #nextBtn2 a{ 
        background:url(../../ext/slider/images/btn_next.gif) no-repeat 0 0;    
        }                                                

    .divtpl{
float:left;padding:10px;border:1px solid #666;width:160px;margin:10px;    
}
.divtpl:hover{
float:left;padding:10px;border:1px solid #666;width:160px;background:#FFFFFF;    margin:10px;
}    

.cart th{
    background: #DDDDDD;
}

.coTitle{
    background: #DDDDDD;
    padding:5px;
    font-weight: 700;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    cursor:pointer;
}

.cart td{
    border-bottom:1px solid #DDDDDD;
}

.ControlButton{
    background: #DDDDDD;
}