html{
    overflow:hidden;
}
body{
    color: #7c7c7c;
    font:10px arial;
    margin:0px;
    background:#ffffff;
}
a{
    color:#2ca9df;
    text-decoration:none;
    font-size:13px;
    border:none;
}
a:hover{
    text-decoration:none;
    color:#71d4ff;
}
button{
    border:none;
    background:#ffffff;
    color: #7c7c7c;
    margin:0px;
    padding:2px;
    font:12px tahoma;
    font-weight:bold;
    cursor:pointer;
}
img{
    border:none;
}
.flir-image{
    /*refer to ie*/
}
/* ----------container-----------------------------------------------------------------*/
.container{
    margin-left:40px;
    visibility:hidden;
}

/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ----------loading div---------------------------------------------------------------*/
#loading{
    position:absolute;
    top:0px;
    left:0px;
    background:#ffffff url(../images/loading.gif) center center no-repeat;
    cursor:pointer;
    z-index:9999999;
}
/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ---------- navigation --------------------------------------------------------------*/
#navigation{
    float:left;
    margin-top:50px;
    width:250px;
}
/* ---------- logo --------------------------------------------------------------------*/
#logo{
    width:188px;
    height:175px;
    background:url(../images/logo.jpg) 0 0 no-repeat;
    margin-bottom:36px;
    margin-left:40px;
}
/* ---------- menu  --------------------------------------------------------------------*/
#menu{
}
ul.primary{
    width:179px;
    list-style:none;
}
ul.primary li{
    margin:0px;
    list-style:none;
}
/* ----------omar  menu  with status clicked and mouse over and mouse out-----------------*/
.omar_menu_selected{
    display:block;
    background-image:url(../images/omar.jpg);
    background-repeat: no-repeat;
    background-position:0px -77px;
    width:179px;
    height:77px;
    cursor:pointer;
}
.omar_menu{
    display:block;
    background-image:url(../images/omar.jpg);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:179px;
    height:77px;
    cursor:pointer;
}
.omar_menu:hover{
    background-position:0px -77px;
}
/* ----------portfolio  menu  with status clicked and mouse over and mouse out---------------*/
.portfolio_menu_selected{
    display:block;
    background-image:url(../images/portfolio.jpg);
    background-repeat: no-repeat;
    background-position:0px -37px;
    width:179px;
    height:37px;
    cursor:pointer;
}
.portfolio_menu{
    display:block;
    background-image:url(../images/portfolio.jpg);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:179px;
    height:37px;
    cursor:pointer;
}
.portfolio_menu:hover{
    background-position:0px -37px;
}
/* ----------contactus  menu  with status clicked and mouse over and mouse out---------------*/
.contactus_menu_selected{
    display:block;
    background-image:url(../images/contactus.jpg);
    background-repeat: no-repeat;
    background-position:0px -43px;
    width:179px;
    height:43px;
    cursor:pointer;
}
.contactus_menu{
    display:block;
    background-image:url(../images/contactus.jpg);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:179px;
    height:43px;
    cursor:pointer;
}
.contactus_menu:hover{
    background-position:0px -43px;
}
/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* ---------- content------------------------------------------------------------------*/
#content{
    display:inline;
    width:auto;
    overflow:hidden;
    float:left;
    position:relative;
    z-index:50;
}
/* ----------omar data container-------------------------------------------------------*/
#omar{
    margin-left:50px;
    font-size:13px;
    padding-top:245px;
    visibility:hidden;
    /*
    #padding-top:225px;  refer to ie
    */
}

#omar_pic{
    float:left;
    margin-right:20px;
    width:auto;
}
#omar_data{
    float:left;
    width:auto;
}
/* ----------portfolio data container-------------------------------------------------------*/
#portfolio{
    margin-left:20px;
    font-size:13px;
    padding-top:350px;
    width:100%;
    /*
    #padding-top:265px;  refer to ie
    */
}
#portfolio_content{
    margin:0px;
    padding:0px;
    width:auto;
    display:block;
    position:relative;
    list-style:none;
}
.portfolio_menu_li{
    position:relative;
    list-style:none;
}
.main_category_hover{
    display:block;
    position:absolute;
    height:21px;
    z-index:1;
    cursor:pointer;
}
.main_category{
    display:block;
    height:22px;
}
.sub_category{
    display:block;
    height:20px;
    z-index:1;
}
.main_category_link{
    font-size:17px;
    cursor:pointer;
}
.sub_category_link{
    font-size:13px;
    cursor:pointer;
}
.sub_category_content{
    position:absolute;
    top:3px;
    margin:0px;
    padding-left:50px;
    background:#ffffff;
    z-index:1;
    list-style:none;
}
.sub_category_link{
    font-size:13px;
    cursor:pointer;
}
/* ----------contacut us data container-------------------------------------------------------*/
#contactus{
    margin-left:50px;
    font-size:13px;
    width:355px;
    position:relative;
    padding-top:108px;
    /*
    #padding-top:255px;  refer to ie
    */
}
/*--------------------------------------------------*/
/*contact form--------------------------------------*/

/*validation message*/
#validation{
    width:350px;
    height:130px;
    margin-bottom:20px;
}
#validation_table{
    width:100%;
    height:100%;
}
#validation_msg{
    border:1px solid #2ca9df;
    background:#ffffff;
    width:350px;
    display:none;
}
#validation ol{
    margin-top:10px;
}
#validation ol li{
    margin:4px;
}
.fail{
    margin-left:10px;
    margin-top:4px;
    font-weight:bold;
}
.sucess{
    margin-left:10px;
    margin-top:4px;
    font-weight:bold;
    color:#2ca9df;
}
.data{
    margin:4px;
    margin-left:10px;
}
/*div label*/
.contact_label{
    font-size:14px;
}
/*div spacer*/
.contact_element{
    margin-bottom:5px;
}
/*input elements styling*/
.contact_input{
    width:350px;
    height:28px;
    font:23px arial;
    color:#ffffff;
    overflow:auto;
    margin:1px;
    border:1px solid #2ca9df;
    background:#7c7c7c;
}
.contact_textarea{
    height:70px;
}
/*spacer betweeen elements and buttons*/
.contact_spacer{
    height:10px;
}
/* input spam inputs container*/
#contact_spam_inputs{
    
}
#contact_spam_input_div{
    float:right;
    width:auto;
}
#contact_spam{
    width:125px;
}
#contact_spam_spacer{
    float:right;
    margin:10px;
    width:auto;
}
#contact_spam_div{
    background:#ffffff url(../images/ajax-loader.gif) center center no-repeat;
    width:100px;
    height:30px;
    border:1px solid #2ca9df;
    float:right;
}
#contact_spam_img{
    width:100px;
    height:28px;
}
#contact_spam_inputs_clear{
    clear:both;
}
/* input spam buttons container*/
#contact_spam_buttons{
    margin-bottom:5px;
}
#contact_send_div{
    margin-top:5px;
    float:right;
    width:auto;
}
#contact_clear_div,#contact_button_div{
    margin-top:5px;
    float:right;
    margin-right:24px;
    width:auto;
    /*
    #margin-right:26px;
    */
}
#contact_spam_buttons_clear{

}
#contact_send{
    background-image:url(../images/contact_send.jpg);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:55px;
    height:11px;
    cursor:pointer;
}
#contact_clear{
    background-image:url(../images/contact_clear.jpg);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:49px;
    height:11px;
    cursor:pointer;
}
#contact_spam_reload{
    background-image:url(../images/contact_spam_reload.jpg);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:24px;
    height:17px;
    cursor:pointer;
}
.contact_spam_container{
    margin-bottom:5px;
    margin-right:1px;
    /*
    #margin-right:-1px; refer to ie
    */
}
/* ------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------*/
/* ----------copy right ---------------------------------------------------------------------------*/
#copyright{
    height:15px;
    margin-left:40px;
    background:url(../images/copyright.jpg) 0 0 no-repeat;
    clear:both;
}