/* CSS Document */

html {
    height: 100%;    
}

body{

    margin:0px;

    color:#fff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    line-height: 18px;

    background-attachment: scroll;

    background-repeat: repeat;

    background-position: left top;

    text-align:center;   
      
    height: 100%;    

}

.FadeToBlack
{
    width: 100%;
    height: 100%;
    background-image: url('/CW2/images/FadeToBlack.png'); 
    background-repeat: repeat-x;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow-y: scroll;
}

h1{

    font-family:Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-size:35px;

    line-height:normal;

    margin:0px 0px 5px 0px;

    padding:0px;

    font-weight: normal;

}


h2{

    font-family:Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-size:18px;

    margin:0px 0px 10px 0px;

    padding:0px;

    line-height:normal;

    font-weight: normal;

}

h1 span{

    color:#ff7800;

}                

.header-back{

    height:458px;

    margin:0 auto;

    background:url(images/header-back.gif) no-repeat top center;

    padding:48px 0px 0px 0px;

    width:1000px;

}



.header-back-sub{

    margin:0 auto;

    background:url(images/header-back.gif) no-repeat top center;

    padding:28px 0px 0px 0px;

    width:1000px;

}



.logo-head{

    height:100px;

    width:1000px;

    margin:auto;

}

.logo{

    height:100px;

    float:left;

    padding:0px 0px 0px 45px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #707070;

    text-align:left;

}



.logo-sub{

    height:60px;

    width:460px;

    float:left;

    padding:0px 0px 0px 55px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #707070;

}



.right-nav{

    height:38px;

    float:right;

    border:#393939 solid 1px;

}

.right-nav ul{

    margin:0px;

    padding:10px 0px 0px 18px;

    list-style-type:none;

}

.right-nav ul li{

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#a5a5a5;

    font-size:11px;

    float:left;

    display:block;

    background:url(images/top-arrow.gif) no-repeat 8px 6px;

    padding:0px 17px 0px 20px;

}



.right-nav ul li a{

    color:#a5a5a5;

}



.header{

    height:358px;

    width:1000px;

    margin:auto;

    text-align:left;

}    



div#horizontal-menu{

    width:1000px;

    text-align:center;

    margin-top:10px;

    padding:10px 0px 0px 0px;

    background-color: #333333;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #666666;

}



div#horizontal-menu a{

    height:23px;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-size:16px;

    text-decoration:none;

    text-transform:uppercase;

    padding:0 12px 0 12px;

}



div#horizontal-menu a:hover{

    text-decoration:none;

    color:#FF9900;

}



.header-sub{

    width:1000px;

    margin:auto;

    text-align:left;

}



.nav-bar{

    height:332px;

    width:327px;

    float:left;

    background:#3a3a3a;

}



.nav-bar-sub{

    width:1000px;

    background:#3a3a3a;

}



.right-header{

    height:332px;

    width:673px;

    float:left;

    background:url(images/floor.jpg) no-repeat;

}



.right-header-sub{

    height:200px;

    width:1000px;

    background:url(images/floor-sub.jpg) no-repeat;

}

.AutoScroll {
    height:215px;

    width:1000px;

    overflow: none;
}

.right-header-sub2{

    height:215px;

    width:1000px;

    overflow: scroll;

    overflow-y: hidden;

    scrollbar-face-color: black; 

    scrollbar-highlight-color: black; 

    scrollbar-3dlight-color: grey; 

    scrollbar-darkshadow-color: grey; 

    scrollbar-shadow-color: black; 

    scrollbar-arrow-color: white; 

    scrollbar-track-color: grey;    

}



.nav-bar-sub ul{

    margin:0px;

    padding:30px 25px 0px 50px;

    list-style-type:none;

    display:inline;

}





.nav-bar ul li{

    background:url(images/list-bt.gif) repeat-x bottom;

    width:auto;

    padding:8px 0px 8px 0px;

    height:24px; text-transform:uppercase

}



.nav-bar-sub ul li{

    background:url(images/list-bt.gif) repeat-x bottom;

    width:auto;

    padding:8px 0px 8px 0px;

    height:24px; 

    text-transform:uppercase;

    display:inline;

}



.nav-bar ul li a{

    height:23px;

    width:auto;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-size:16px;

    text-decoration:none;

    display:block;

    padding:9px 0px 0px 10px;

}



.nav-bar-sub ul li a{

    height:23px;

    width:auto;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-size:16px;

    text-decoration:none;

    display:inline;

    padding:9px 0px 0px 10px;

}

.nav-bar ul li.last{

    background:none;

}



.nav-bar-sub ul li.last{

    background:none;

}



.nav-bar ul li a:hover{

    background-color:#4e4e4e;

}



.nav-bar-sub ul li a:hover{

    background-color:#4e4e4e;

}                



#body-part{

    width:1000px;

    margin:0 auto;

    background:url(images/bg-strip.gif) repeat-y center;

    padding-top: 0px;

    text-align: left;

}

#body-part a{

    color:#ff7800;

}                        

.top-body{

    height:auto;

    width:705px;

    float:left;

    padding: 20px 0px 0px 0px;

    text-align:left;

}

#body-part p{

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#FFFFFF;

    font-size:11px;

    line-height:22px;

    margin:auto;

    padding:0px;

    text-align:left;

}    

.img-box{

    height:auto;

    width:205px;

    float:right;

}



.mid-body{

    height:auto;

    width:1000px;

    margin:0 auto;

    background:url(images/mid-body.gif) repeat-x #1e1e1e;

    padding:0px 0px 35px 0px;

    text-align:left;

}



#mid-bodytext{

    width:820px;

    margin:auto;

    padding:0px 90px 10px 90px;

    text-align:left;

}



.mid-body ul{

    margin:0px;

    padding:40px 0px 40px 0px;

    list-style-type:none;

    text-align:center;

}

.mid-body ul li{

    display:inline;

    padding:0px 10px 0px 0px;

}

.mid-body ul li.fnal{

    padding:0px;

}            

#footer{

    width:1000px;

    margin:auto;

    background-image:url(images/footer.gif);

    background-repeat:repeat-x;

    /* text-align:right;*/

    font-family:Verdana, Arial, Helvetica, sans-serif;

    color:#ff7800;

    font-size:11px;

    padding:30px 0px 0px 0px;

    height: 50px;

}



#footer b{

    float:left;

    color:#ff7800;

    padding-left:90px;

    padding-bottom:30px;

    width:600px;

    text-align:left;

}

#footer a{

    color:#ff7800;

}









a{ color:#ff7800; text-decoration:underline}

a:hover{text-decoration:none}

.clear{ clear:both}



/* inner pages css start */

/*h3{font:25px "Times New Roman", Times, serif ;margin:0px; color:#fff;  padding:8px 0px 10px 10px;}

h3 span{color:#16eb00}

*/

h5{font:18px Tahoma, Arial, Helvetica, sans-serif; color:#ff7800; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #ccc; margin:0px 0px 10px 0px;}

h6{font:21px Tahoma, Arial, Helvetica, sans-serif; color:#ff7800; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}



.aboutus-img{float:right; border:4px solid #ccc; margin:0 0px 10px 20px;}

.aboutcolumnzone{padding:20px 0px 16px 0px;}

.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}

.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}

.abouticon{float:left; margin:0px 20px 0px 0px;}

.insidereadmore{padding:10px 0px 10px 0px;}

input.button{color:#fff; background:#333; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;    border:1px solid #ccc;}

input.button:hover{cursor:pointer; color:#fff; background:#999}

.project-img{float:right; margin-left:20px;    border: 6px solid #ccc;}

.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;    padding:0px; margin:25px 0px 20px 0px;}

.ourprojectrow{

    margin-bottom:20px;

    border-bottom:1px dotted #ccc;

    padding-bottom:10px;

    padding-right:20px;

    width: 97%;

}

.servicecolumnzone{padding:20px 0px 16px 0px;}

/*.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}

.servicecolumn2{width:48%; float:right;    margin:0px 0px 10px 0px;}*/

/*PAOLO*/.servicecolumn1{width:400px; float:left; margin:0px 0px 10px 0px;}

/*PAOLO*/.servicecolumn2{width:400px; float:right;    margin:0px 0px 10px 0px;}

.blog-posted-row{padding:3px;}

/* inner pages css ends */





.overlay  {opacity:0.2; filter:alpha(opacity=20); background-color: #ff9600; z-index: 0; width:353px; height:213px;}



.overlayImageBox {position:absolute; top:0px; width:353px; height:170px; z-index: 3;   }

.overlayImage {height: 100%; margin-left:auto; margin-right:auto; display: block; z-index: 4; }



.SubLine {
    font-size: 24px;
    padding: 0px 0px 15px 15px ;
    color: #ff7800;
}



.cobhl
{
    color: black;
}

.cobll
{
    color: black;
}