@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,h1,h2,h4,h6,pre,form,fieldset,input,textarea,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h4,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;}table {font-size:inherit;font-size:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;font-size:100%;}body{line-height:1.22em;}

body{
    background: #fff;

    font-family:Arial,Helvetica,sans-serif;
    background-position:top center;
    background-repeat:repeat-y;    
background-attachment:fixed;    
}
a{
color: #fff;
}
p{
font-family: calibri, arial;
font-size: 14px;
line-height: 20px;
}
.frontpage_small_text{
font-family: calibri, arial;
font-size: 12px;
line-height: 17px;
}
.textitle{
font-family: calibri, arial;
/*font-weight: bold;    */
font-size: 16px; line-height:18px;
}
.main_title{
font-family: calibri, arial;
font-weight: bold;    
font-size: 24px; line-height:11px;
margin-top: 30px;
margin-bottom: 30px;
}
h1 {
margin-bottom: 15px;
}

/***********************************************************************************
 ******************   Structure ****************************************************/
#main_container{
margin-top: 16px;
margin-left: auto;
margin-right: auto;
    width: 960px;
    height: 696px;
font-family: calibri, arial;
}
#header{
    background: transparent;
    background-image: url(/uploads/mainheader_trans3.png);
    font-family: calibri, arial;
    background-position:top center;
    background-repeat: no-repeat;    
    width: 960px;
    height: 115px;
}
.header_trans_logo{
position: absolute;

}
.header_trans_logoholder{
    position: absolute;  
    margin-left: 390px;
}
.menu_element{
float: left;    
}
.top_menu_left_side{
width: 301px;
height: 19px;
margin-left: 25px;
margin-top: 25px;
float: left; position: absolute;
}
.top_menu_left_side_home,
.top_menu_left_side_homehover{
width: 46px;
height: 19px;
/*background-image: url(/uploads/left_menu_rollover.png);  */
background-repeat: no-repeat;    
background-position: 0px 0px;
display:block; float: left; color: transparent;cursor:pointer;
}
.top_menu_left_side_services,
.top_menu_left_side_serviceshover{
width: 70px;
height: 19px;
/*background-image: url(/uploads/left_menu_rollover.png);   */
background-repeat: no-repeat;    
background-position: -46px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_left_side_materials,
.top_menu_left_side_materialshover{
width: 85px;
height: 19px;
/*background-image: url(/uploads/left_menu_rollover.png);*/
background-repeat: no-repeat;    
background-position: -116px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_left_side_casestudies,
.top_menu_left_side_casestudieshover{
width: 91px;
height: 19px;
/*background-image: url(/uploads/left_menu_rollover.png);*/
background-repeat: no-repeat;    
background-position: -205px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_left_side_homehover{    background-position: 0px -19px !important;}
.top_menu_left_side_serviceshover{    background-position: -46px -19px !important;}
.top_menu_left_side_materialshover{    background-position: -116px -19px !important;}
.top_menu_left_side_casestudieshover{    background-position: -205px -19px !important;}

.top_menu_left_side_home nobr,
.top_menu_left_side_homehover nobr,
.top_menu_left_side_services nobr,
.top_menu_left_side_serviceshover nobr,
.top_menu_left_side_materials nobr,
.top_menu_left_side_materialshover nobr,
.top_menu_left_side_casestudies nobr,
.top_menu_left_side_casestudieshover nobr,
.top_menu_right_side_partnershipshover nobr,
.top_menu_right_side_partnerships nobr,
.top_menu_right_side_newshover nobr,
.top_menu_right_side_news nobr,
.top_menu_right_side_contactushover nobr,
.top_menu_right_side_contactus nobr,
.top_menu_right_side_bloghover nobr,
.top_menu_right_side_blog nobr,            {
    display: none;
}
.searchbar{
margin-top: 30px;    
width: 295px;
}
.mysearchbar{
width: 198px;    padding-left: 10px;
height: 16px;
background-color: #9a9898;
border: 1px solid #000;
color: #000; font-size: 12px; padding-top: 2px;
}
.search_button{
    width: 64px;
    height: 20px;    border: 0px;
    color: #fff;  background-color: #000;
    font-family: calibri, arial; cursor:pointer;
}
.searchbar_element{
    float:left;
}


.top_menu_right_side{
width: 285px;
height: 20px;
margin-right: 25px;
margin-top: 25px;
float: right; position: absolute; margin-left: 655px;
}
.top_menu_right_side_partnerships,
.top_menu_right_side_partnershipshover{
width: 94px;
height: 20px;
/*background-image: url(/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: 0px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_right_side_news,
.top_menu_right_side_newshover{
width: 57px;
height: 20px;
/*background-image: url(/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: -94px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
#pageViwer_fa_homepage_lefttext1_ctl00_newsPageList{
visibility: hidden;
}
.top_menu_right_side_contactus,
.top_menu_right_side_contactushover{
width: 87px;
height: 20px;
/*background-image: url(/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: -151px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_right_side_blog,
.top_menu_right_side_bloghover{
width: 41px;
height: 20px;
/* background-image: url(/uploads/right_menu_rollover.png); */
background-repeat: no-repeat;    
background-position: -238px 0px;
display:block; float: left;  color: transparent;cursor:pointer;
}
.top_menu_right_side_partnershipshover,
.top_menu_right_side_partnerships .selected    {    background-position: 0px -20px !important;}
.top_menu_right_side_newshover,
.top_menu_right_side_news .selected            {    background-position: -94px -20px !important;}
.top_menu_right_side_contactushover,
.top_menu_right_side_contactus .selected    {    background-position: -151px -20px !important;}
.top_menu_right_side_bloghover,
.top_menu_right_side_blog .selected            {    background-position: -238px -20px !important;}









#transparent_homepage_content {
    width: 960px;
    height:  699px;
    background-image: url(/uploads/home_background_dec22.png);
font-family: calibri, arial;
    background-position:top center;
    background-repeat: no-repeat;    
}








#transparent_left_group{
width: 481px;
height: 619px;
float: left;
}
#transparent_left_text {
    float: left;
    margin-top: 40px;
}
#transparent_left_1{
width: 138px;
height: 226px;
color: #fff;
padding: 0px 12px 10px 10px;   
overflow: auto; 
}
#transparent_left_2{
padding: 10px; padding-top: 12px;
height: 270px;
width: 140px;
margin-top: 10px;
color: #fff;    
background: url(/uploads/homepage_quotes3.png);
    background-position:top center;
    background-repeat: no-repeat;    
} .transparent_left_2_title{ font-size: 14px!important;}
.whatsayaboutus{     margin-left: 30px; margin-right: 10px; margin-top: 15px;
                    font-size: 11px; line-height: 12px;}
.whatsayaboutus_sig{  font-size: 13px; line-height: 13px; padding-top: 10px;}
#transparent_left_image {
float: left;    
margin-top: 20px;
}







#transparent_right_group{
width: 479px;
height: 619px;
float: left;
}


#transparent_right_1{
margin-top: 25px;
color: #fff;
width: 275px;
height: 225px;
float: left;
padding: 20px;
}
#transparent_right_2 {
    margin-top: 40px;
padding: 10px;
width: 140px;
height: 230px;
color: #fff;
float: left;
padding-left: 14px;
}
#transparent_right_lower {
width: 440px;
height: 145px;
float: left;
color: #fff;    
padding: 20px;
}
#transparent_right_lower_mainrow{
width: 440px; height: 0px; float :left;
}
#transparent_right_lower_text{
float: left;
width: 195px; margin-left: 10px;
}
#transparent_right_lower_mainpic {
float: left;    
width: 213px;
height: 105px;
} .transparent_right_lower_video{ float:left;}
#transparent_right_lower_subrow{ width: 450px; height: 46px; }
.video_sub_row_element{ border: 1px solid #c0a1a1;  margin-right: 14px;}
.video_sub_row_elementend{ border: 1px solid #c0a1a1; }
#transparent_footer{
width: 860px;
height: 38px;
margin-top: 20px;
padding-top: 22px;
padding-left: 50px;
padding-right: 50px;
float: left;
}
.transparent_footer_text{
float: left;
padding-right: 15px;
font-weight: bold;
}
.transparent_footer_email{
float: left;
font-weight: bold;
}
.transparent_footer_phone{
float: right;    
font-weight: bold;
}





/*****************************************************************************
********************************  CONTENT  **********************************/
#transparent_content {
    width: 960px;
    height:  669px;
    background-image: url(/uploads/content-background.png);
    font-family: calibri, arial;
    background-position:top center;
    background-repeat: no-repeat;    
}

#transparent_left_group_content{
    width: 210px;
    height: 590px;        margin-top: 50px;
    float: left;
    color: #fff;
    padding: 15px;
}     
#transparent_right_group_content{
    width: 670px;
    height: 585px;        margin-top: 50px;
    float: left;
    color: #fff; padding: 20px; padding-top: 15px !important; padding-left: 30px;
}



#transparent_seperate_footer {
    background-image: url(/uploads/footer-background.png);
    background-position:top center;
    background-repeat: no-repeat;
    width: 860px;
    height: 38px;
    margin-top: 0px;
    padding-top: 37px;
    padding-left: 50px;
    padding-right: 50px;
    float: left;    
}

 
 /********************************************************
**************services link section ****************************/
 .servicesmenu{
cursor: pointer;
padding: 10px;
}
 .servicesmenuhover{
cursor: pointer;
padding: 10px;
color: #f00;
}
 
 .service_image{
margin-left: 20px;
margin-bottom: 20px;
padding: 2px;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-clolor: #fff;
float: right;
background-color: #999;
}
.service_image div img{
margin: 0 auto 0px auto;
border 1px solid #ccc;
border-bottom-color: #eee;
border-left-color: #ddd;
border-top-color: #bbb
}

 
 
 
 /*************************************************
************** CONTACT US styles ******************/
 
 .brochure_request_input{
width: 200px;
border: 1px solid #000;
}
 .brochure_request_select{
width: 200px;
border: 1px solid #000;
}
 
 textarea{
width: 200px;
border: 1px solid #000;
}
 
 .mytranssub{
background: transparent;
border: 0;
color: #fff;
border: 1px solid #fff;
}
 
 
 
 
 /************* tertimonials page **************************/
 .tertimonials{
overflow: auto;
height: 500px;
}


#case_study_img_holder{
margin-left: 20px; 
margin-bototm: 20px;
width: 300px; background: transparent;    
position:relative; float: right;
}
#case_study_temp img{
width: 300px;    
height: 200px;
}
.case_study_img_bar{
width: 300px; margin-top: 5px;
}
.case_study_img_bar_thumb{
width: 75px;    float: left;
cursor: pointer;
} 
 
 /*************************************************
**********  handling jquery overlays used to view videos *****/
 
/* the overlayed element */
div.overlay {   
    /* growing background image */
    background-image:url(/uploads/white.png);
    /* dimensions after the growing animation finishes  */
    width:600px;
    height:470px;        
    /* initially overlay is hidden */
    display:none;
    /* some padding to layout nested elements nicely  */
    padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(/uploads/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/* black */
div.overlay.black {
    background:url(/uploads/transparent.png) no-repeat !important;
    color:#fff;
}
/* petrol */
div.overlay.petrol {
    background:url(/uploads/petrol.png) no-repeat !important;
    color:#fff;
}
div.black h2, div.petrol h2 {
    color:#ddd;        
}
/* use a semi-transparent image for the overlay */
#overlay {
    background-image:url(/uploads/transparent.png);
    color:#efefef;
    height:auto;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height:auto;
    overflow-y:auto;
}

 
 
 /**************************************************************/
/*********************  SCROLLBOX REALTED *******************/
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 300px;
    height:205px;

    /* custom decorations */
    background-color:#999999;
    border-color:#EEEEEE #DDDDDD #BBBBBB #CCCCCC;
    border-style:solid;
    border-width:2px;
    float:right;
    margin-bottom:20px;
    margin-left:20px;
    /*padding:2px; */    
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin-left:0px; margin-right: 5px;
    background-color:#666666;
    padding:0px;
    cursor:pointer;
    width:300px;
    height:205px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}


/* temp to sold comment code apend onto newslist */
 #pageViwer_fa_content_left1_div .newslist-pager{
display: none;
}