/* CSS Document */
/*  LOGO COLOR CODES
    dot1 : #E77C45  - orange
    dot2 : #EEA37D
    dot3 : #F5CAB4
    dot4 : #D0CECE
    dot5 : #ACAAAA
    dot6 : #888585  - grey
*/

body
{
    font-family: Verdana, Tahoma ,Kozuka Gothic Pro M;
    color: #797988;
    font-size: 13px;
    background-color: White;
}

.bold_orange
{
    font-size: larger;
    font-weight: bold;
    color: #f57f22;
}
.bold_orange_for_pic_heading
{
    font-weight: bold;
    color: #f57f22;
}

.normal_black
{
    color: #000000;
}

.large_date
{
    font-size: 14;
    font-weight: bold;
    color: #000000;
}
.login_link
{
    text-align: left;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

a
{
    font-weight: bold;
    text-decoration: none;
    color: #f57f22;
    font-style: normal;
}

a:visited
{
    color: #f57f22;
}

a img
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    height: 124px;
    margin-left: 0px;
}
a:hover img
{
    border: 0px;
}
a:visited img
{
    border: 0px;
}

.heading
{
    font-weight: lighter;
    font-size: 26px;
    color: #f57f22;
}

.heading_text
{
    font-size: 12px;
    color: #393838;
    font-weight: bold;
}

.home_page_text
{
    font-size: 17px;
    line-height: 30px;
    padding-left: 35px;
}

.content_page_text
{   
    font-size: 12px; /*font-weight:bolder;*/
    color: #696c76;
}

#wrapper
{
    width: 980px;
    margin: 0 auto;
}

#top
{
    float: left;
    height: 150px;
    width: 980px;
}

#logo
{
    float: left;
    width: 150px;
    padding-left: 15px;
}

#header
{
    float: right;
    width: 790px;
}

#heading
{
    float: left;
    height: 90px;
    width: 790px;
    background-image: url('images/heading.png');
    background-repeat: no-repeat;
    text-align: right;
    vertical-align: text-bottom; /*width: 790px;*/
}

#buttons
{
    float: left;
}

#middle
{
    float: left;
    width: 980px;
}

#left
{
    float: left;
    width: 200px;
    font-size: 11px; /*height: 2000px;*/
}
#news
{
    
    float: left; /*height: 500px;*/
    width: 150px;
    background-color: #dfe2e5;
    color: #4e5057;
    padding-left: 25px; /*padding-right: 20px;*/
    overflow: auto;
    /*font-weight: bold;*/
}

#news_heading
{
    float: left; /*height: 350px;*/
    width: 150px;
    background-color: #f57f22;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    color: #FFFFFF;
    padding-left: 25px;
}

#news_footer
{
    float: left;
    width: 175px;
    background-color: #929296;
}

#main
{
    float: right;
    width: 780px;
}

#photo
{
    float: left;
}

#content
{
    float: right;
    width: 780px;
}

#footer
{
    float: left;
    width: 980px;
}

#footer_left
{
    float: left;
    width: 160px; /* background-color: #888585;*/
}

#footer_right
{
    float: right;
    width: 790px;
}
.contact_info_cell
{
    width: 230px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
}
.contact_info_cell_email
{
    width: 20px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
}

/**
 Linkovi
 */

a.btHome
{
    background-position: right top;
    float: left;
    height: 27px;
    width: 91px;
    background-image: url('images/btHome.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btHome:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btHome:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btAboutUs
{
    background-position: right top;
    float: left;
    width: 101px;
    background-image: url('images/btAboutUs.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btAboutUs:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btAboutUs:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btTechnology
{
    background-position: right top;
    float: left;
    width: 135px;
    background-image: url('images/btTechnology.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btTechnology:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btTechnology:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btNews
{
    background-position: right top;
    float: left;
    width: 78px;
    background-image: url('images/btNews.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btNews:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btNews:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btLinks
{
    background-position: right top;
    float: left;
    width: 83px;
    background-image: url('images/btLinks.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btLinks:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btLinks:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btContact
{
    background-position: right top;
    float: left;
    width: 101px;
    background-image: url('images/btContact.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btContact:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btContact:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btLogIn
{
    background-position: right top;
    float: left;
    width: 91px;
    background-image: url('images/btLogIn.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btLogIn:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btLogIn:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

a.btMembers
{
    background-position: right top;
    float: left;
    width: 91px;
    background-image: url('images/btMembers.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}
/*button on mouse over */
a.btMembers:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btMembers:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


a.btProducts
{
    background-position: right top;
    float: left;
    width: 110px;
    background-image: url('images/btProducts.png');
    background-repeat: no-repeat;
    font-style: normal;
    background-attachment: scroll;
    height: 27px;
    font-family: 'Arial';
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 3px;
}

/*button on mouse over */
a.btProducts:hover
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

/*button on pressed*/
a.btProducts:focus
{
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}


/* table related syles */

.TabArea
{
    background-color: White;
    font-size: x-small;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    position: absolute;
    top: 42px;
    height: 400px;
    z-index: -25;
}

#cell_padding
{
    padding: 10px;
}
