﻿body {
    background-image:url(../i/bg.jpg);
    background-position:left -600px;
    background-repeat:repeat;
    /* center website in older browsers with margin, padding, and text-align */
    text-align:center;
    margin:0px;
    padding:0px;
}
h2 {
    font-family:Traditional Arabic,times new Roman, Serif;
    color:#dcbb9a;
    padding:0px 4px 0px 15px;
    font-size:300%;
}
img { border:none; }
.datestyle { font-family:"Traditional Arabic","Times New Roman", Serif; font-size:150%; }
div#centered {
    text-align:left;
    width:770px;
    border-left:solid 1px white;
    border-right:solid 1px white;
    background-color:#211a67;
    /* center website in newer browsers with margin auto */
    margin-left:auto;
    margin-right:auto;
}
div#logowrapper { width:770px; position:relative; height:82px; background-color:#fff;}
div#hdr_cont
{
    float:right;
    position:absolute;
    top:5px;
    right:0;
    color:#211a67;    
    font-size:140%;
    font-family:"Traditional Arabic","Times New Roman",Serif;
    text-align:right;
    padding:5px;
}
div#content {
    background-color:#eddccb;
    overflow:hidden;
    clear:both;
    border:0px;
    /* added for IE */
    margin:0px;
    padding:0px;
}
p#compname {
    color:#eddccb;
    padding:3px;
    border-top:solid 1px #eddccb;
    text-align:right;
    font-family:Traditional Arabic, Times New Roman, Serif;
    font-size:100%;
    clear:both;
}
div#navmenu { width:100%; }
#navmenu a {
    width:125px;
    height:35px;
    background-repeat:no-repeat;
    /*background-position:center -35px;*/
    display:block;
}
#navmenu a span { display:none; }
a.menu_home,a.menu_services,a.menu_projects,a.menu_contact { background-position:center -35px; float:left; }
a.menu_home { background-image:url(/i/tab_sprite_home_v2.jpg); }
a.menu_services { background-image:url(/i/tab_sprite_services_v2.jpg); }
a.menu_projects { background-image:url(/i/tab_sprite_projects_v2.jpg); }
a.menu_contact { background-image:url(/i/tab_sprite_contact_v2.jpg); }
a.menu_home:hover,a.menu_services:hover,a.menu_projects:hover,a.menu_contact:hover { background-position:center 0px; }
fieldset#accesscode
{
    width:225px;
    border:solid 1px #eddccb;
    padding:1px;
    float:right;
    text-align:center;
    vertical-align:middle;
    margin-right:4px;
}
#accesscode input, #accesscode button
{
    border:0px;
    float:left;
}
#txtAccessCode
{
    width:125px;
    height:26px;
    background-image:url(../i/access_bg.gif);
    background-position:top right;
    background-repeat:no-repeat;
    font-size:130%;
    font-family:Courier New;
    
}
#btnAccessCode
{
    width:100px;
    height:26px;
    background-image:url(../i/access_btn.gif);
    background-position:top left;
    background-repeat:no-repeat;
    cursor:pointer;
}
div#footer 
{
    background-color:White;
    width:100%;
    display:block;
    text-align:center;
    padding:4px 0px 10px 0px;
    clear:both;
}
ul#navFooter li
{
    display:inline;
    padding-left:10px;
    padding-right:10px;
}
a.footlink
{
    color:#003300;
}
a.footlink:hover
{
    text-decoration:none;
}
span#horline { border-bottom:solid 1px #003300; }
p#cs { height:300px; padding-left:10px;}
#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
}
#boxes .window {
    position:absolute;
    width:340px;
    height:100px;
    display:none;
    z-index:9999;
    padding:20px;
}
