h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html{ width: 100%; height:100%; }
BODY{
    height:100%;
    width:100%;
    background-image: url("images/bg.jpg") ;
    background-repeat: repeat-x repeat-y;
        margin-left: auto;
    margin-right: auto;
    margin:0;
    padding:0;
    vertical-align: middle;
}

A {
}
A:Hover {
}
#container{
    position:relative;
    vertical-align: middle;
    height:620px; 
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
}
#container ul.master{ vertical-align: middle; margin: 0; padding: 0;  list-style: none outside none;}
#container li{}
#container li.home_page{
 
    background-image:url("images/home_page.png");
    background-repeat: no-repeat; 
    width:900px;
    height: 540px;
}
.left_mask{
    position:absolute;
    height:540px;
    z-index: 9999;        
}
.right_mask{
    position:absolute;
    height:540px;
    z-index: 9999; 
}
h1{display:none;}
#container li.home_page #home_text{
    margin-top:242px;
    margin-left:46px;
 
}
#container li.about_page #about_text{
    margin-top:95px;
    margin-left:23px;
 
}
#container li.our_network_page #our_network_text{
    margin-top:98px;
    margin-left:23px;
 
}
#container li.our_tech_page #our_tech_text{
    margin-top:110px;
    margin-left:23px; 
}
#container li.our_tech_page #our_tech_text p.first{
    font-family:Arial;
    color:white;
    word-spacing:2px; 
}
#container li.our_tech_page #our_tech_text h2{
    color: #c12c81;
    font-family:Arial;
    margin-top: 8px;
    font-size: 20px;
    height: 15px;
}
#container li.get_started_page #get_started_text{

    margin-top:98px;
    margin-left:23px;
}
#container li.get_started_page #get_started_text h3{
    color: white;
    font-family:Arial;
    margin-bottom: 26px;
    font-size: 16px;
    padding:3px;

}
#container li.our_tech_page #our_tech_text ul{
    float:left;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
#container li.our_tech_page #our_tech_text ul li{
    
    padding-left: 22px;
    padding-top: 5px;
    background-image: url(images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    font-family:Arial;
    color:white;
    word-spacing:3px;
}
#container li.our_network_page #our_network_text ul{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
#container li.our_network_page #our_network_text ul li{
    padding-left: 22px;
    padding-top: 5px;
    background-image: url(images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    font-family:Arial;
    color:white;
    word-spacing:2px;
}
#container li.home_page #home_text h2{
    color: #9c9c9c;
    font-family:Arial;
     margin-bottom: -8px;
}
#container h1{display:none;}
#container li.about_page #about_text h2{
    color: orange;
    font-family:Arial;
     margin-top: 27px;
}
#container li.home_page #home_text p.first{
    color: #4e4e4e;
    font-family:Arial;
    font-size:16px;
}
#container li.about_page #about_text p.first{
    color: white;
    font-family:Arial;
    font-size:17px;
    line-height: 1.2;

}
#container li.home_page #home_text p.second{
    color: #4e4e4e;
     margin-top: -8px;
    font-family:Arial;
    font-size:16px;

}
#container li.about_page #about_text p.second{
    color:  #ffc675;
    margin-top: -10px;
    font-family:Arial;
    font-size:16px;
    line-height: 1.2;
    word-spacing:3px;
}
#container li.our_network_page{
 
    background-image:url("images/our_network_page_v2.png"); 
    background-repeat: no-repeat; 
    width:900px;
    height: 540px;          
}
#container li.our_tech_page{
 
    background-image:url("images/our_tech_page.png");
    background-repeat: no-repeat;  
    width:900px;
    height: 540px;
}
#container li.about_page{
 
    background-image:url("images/about_page.png");
    background-repeat: no-repeat;  
    width:900px;
    height: 540px;
}
#container li.get_started_page{
 
    background-image:url("images/get_started_page_v2.png");
    background-repeat: no-repeat;  
    width:900px;
    height: 540px;
}
#nav{
    width:900px;
    height:98px; 
    position:relative;
    margin:0 auto;
    background-color: black ;
    border-bottom: solid 1px #242424;
    padding:0;
}
.menu_selected{
    background-position:0 -76px !important;
}
#nav1000_1{width:71px; height:38px; background:url("images/home_tab.png") no-repeat 0 0;}
#nav1000_2{width:76px; height:38px; background:url("images/about_tab.png") no-repeat 0 0;}
#nav1000_3{width:139px; height:38px; background:url("images/our_network_tab.png") no-repeat 0 0;}
#nav1000_4{width:158px; height:38px ;background:url("images/our_tech_tab.png") no-repeat 0 0;}
#nav1000_5{width:139px; height:38px; background:url("images/get_started_tab.png") no-repeat 0 0;}
#nav1000{width:600px; margin:0 auto; padding-top:10px;}             
#copyright{position:absolute; top:67px; left:159px; color:#888888; font-size: 12px; z-index: 999; font-family: arial;}
#terms{position:absolute; top:67px; left:460px; color:#888888; font-size: 12px; z-index: 999; font-family: arial;}
#terms a{text-decoration: none; color:#888888; font-size: 12px; z-index: 999; font-family: arial;}
#terms a:hover{ color:white; }
#cookie{position:absolute; top:67px; left:400px; color:#888888; font-size: 12px; z-index: 999; font-family: arial;}
#cookie a{text-decoration: none; color:#888888; font-size: 12px; z-index: 999; font-family: arial;}
#cookie a:hover{ color:white; }
#mars{position:absolute; top:60px; left:571px; color:#888888; font-size: 12px; z-index: 999;}
#mars a img{border:none;}

#login_box{
    padding-top:3px;
    width:374px;
    margin-left: 19px;
}
#contact_box{
    width:374px;
    margin-top:55px;
    margin-left: 18px;

}
#username, #password{
    color:grey;
    width:270px;
    height:26px;
    margin-top:13px;
    border: 0 none;
}
#email{
    float:right;
    color:grey;
    width:175px;
    height:26px;
    border: 0 none;
}
#company{
    margin-top: 13px;
    float:right;
    color:grey;
    width:175px;
    height:26px;
    border: 0 none;
}
#name{

    color:grey;
    width:175px;
    height:26px;
    border: 0 none;

}
#message{
    border: 0 none;
    margin-top: 13px;
    color:grey;
    width:374px;
    height:79px;
    vertical-align: top;
    font-family:Arial;
    font-size: 14px;
}
#phone{
    margin-top: 13px;
    color:grey;
    width:175px;
    height:26px;
    border: 0 none;
}

form.login input#login_submit {
    float:right;
    margin-top: -9px;
    background : url("images/login.gif") no-repeat;
    width : 76px;
    height :36px;
    border : none;
    color : transparent;
    cursor: pointer;
    font-size : 0;
    position:relative;
    z-index:999;
}
form.login input#login_submit:hover {
    background : url("images/login.gif") no-repeat 0 -38px;
}
form#contact input#det_submit {
    margin-top: 20px;
    float:right;
    background : url("images/send_btn_2.gif") no-repeat;
    width : 110px;
    height :35px;
    border : none;
    cursor: pointer;
    color : transparent;
    font-size : 0;
    position:relative;
    z-index:999;
}
#info{float:right; width:406px; height:320px;   margin-right: 30px; margin-top: -70px;}
#map{width:366px; height:226px; background-color: white; margin-left:20px; margin-top:6px;}
#company_det{width:402px; margin-top:20px; margin-top: 33px;}
#left_info{ float:left; width:227px; font-size: 13px; line-height: 1.1; font-family:Arial; margin-left: 2px;}
#right_info{float:right; width:168px; font-size: 13px; line-height: 1.1; font-family:Arial;}


#slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider, #slider li{ 
        /* 
            define width and height of container element and list item (slide)
            list items must be the same size as the slider area
        */ 
        width:334px;
        height:225px;
        overflow:hidden; 
        }
    span#prevBtn{}
    span#nextBtn{}        


#image_slider{width:334px; height:225px; float:right; margin-right: 58px; position: relative;}
#image_slider a#left_arrow{
    background : url("images/arrow_left.png") no-repeat;
    width:11px;
    height:23px;
    display:block;
    float:left;
    margin-left: -34px;
    margin-top: 90px;
    z-index: 999;
}
#image_slider a#left_arrow:hover{
    background : url("images/arrow_left.png") no-repeat 0 -24px;
    
}
#image_slider a#right_arrow{
    background : url("images/arrow_rigth.png") no-repeat;
    width:11px;
    height:23px;
    display:block;
    float:right;
    z-index: 999;
    margin-top: 90px;
}
#image_slider a#right_arrow:hover{
    background : url("images/arrow_rigth.png") no-repeat 0 -24px;
    
}

.slides_container {
    width:300px;
    overflow:hidden;
    position:relative;
    display:none;
}

.slides_container img {
    width:300px;
    height:225px;
    display:block;
}
#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:285px;
}

div.input_wrapper {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
}

div.input_wrapper.haveerror .error {
    color: red;
}
#error_box{float:left; width:240px; height:40px; margin-top:17px; color:white;}

.pagination li {
    display:none;
}
#download_btn{
    background : url("images/download_btn.gif") no-repeat;
    width:167px;
    height:50px;
    float:right;
    padding-right: 144px;

    margin-top:42px;
}
#download_btn a{
    width:167px;
    height:50px;
    display:block;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; scrollbar-base-color:red;}
#cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; scrollbar-base-color:red;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; scrollbar-base-color:red;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0; scrollbar-base-color:red;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background:black;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible; scrollbar-base-color:red;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}