* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: 0;
}

body {
    margin: 0;
    padding: 0;
    background-color: #f7941d;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

p,ul li {
    direction: rtl;
}

/*Container
*/
div#container {
    width: 950px;
    height: auto;
    margin: 0 auto;
}

/* Branding
*/
div#branding_holder {
    width: 950px;
    height: 100px;
}

h1#branding {
    text-indent: -10000px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 335px;
    height: 90px;
    float: right;
}

div#fq a {
    text-decoration: none;
    background: url(../images/fq.png) 0 0 no-repeat;
    width: 100px;
    height: 100px;
    float: left;
    text-indent: -10000px;
    margin: 0 0 0 40px;
}

div#fq a:hover {
    background: url(../images/fq.png) 0 -100px no-repeat;
}

/*Navigation
*/
div#navigation {
    width: 850px;
    height: 75px;
    margin: 0 auto;
}

ul#nav li {
    display: inline;
    direction: ltr;
}

ul#nav li a {
    text-decoration: none;
    text-indent: -10000px;
    float: right;
}

ul#nav li#home a {
    width: 115px;
    height: 75px;
    background: url(../images/navigation.png) no-repeat -735px 0;
}

ul#nav li#home a:hover {
    background: url(../images/navigation.png) no-repeat -735px -75px;
}

ul#nav li#about a {
    width: 145px;
    height: 75px;
    background: url(../images/navigation.png) no-repeat -585px 0;
}

ul#nav li#about a:hover {
    background: url(../images/navigation.png) no-repeat -585px -75px;
}

ul#nav li#projects a {
    width: 165px;
    height: 75px;
    background: url(../images/navigation.png) no-repeat -425px 0;
}

ul#nav li#projects a:hover {
    background: url(../images/navigation.png) no-repeat -425px -75px;
}

ul#nav li#services a {
    width: 150px;
    height: 75px;
    background: url(../images/navigation.png) no-repeat -275px 0;
}

ul#nav li#services a:hover {
    background: url(../images/navigation.png) no-repeat -275px -75px;
}

ul#nav li#weblog a {
    width: 150px;
    height: 75px;
    background: url(../images/navigation.png) no-repeat -125px 0;
}

ul#nav li#weblog a:hover {
    background: url(../images/navigation.png) no-repeat -125px -75px;
}

ul#nav li#contact a {
    width: 125px;
    height: 75px;
    background: url(../images/navigation.png) no-repeat 0 0;
}

ul#nav li#contact a:hover {
    background: url(../images/navigation.png) no-repeat 0 -75px;
}

a.home {
    background: url(../images/navigation.png) no-repeat -735px -75px
        !important;
}

a.about {
    background: url(../images/navigation.png) no-repeat -585px -75px
        !important;
}

a.services {
    background: url(../images/navigation.png) no-repeat -275px -75px
        !important;
}

a.projects {
    background: url(../images/navigation.png) no-repeat -425px -75px
        !important;
}

a.weblog {
    background: url(../images/navigation.png) no-repeat -125px -75px
        !important;
}

a.contact {
    background: url(../images/navigation.png) no-repeat 0 -75px !important;
}

/*Intro
*/
div#intro {
    background-image: url(../images/intro_bg.png);
    width: 950px;
    height: 400px;
    background-repeat: no-repeat;
}

/*Slogan
*/
h3.slogan_desc {
    background-image: url(../images/slogan.png);
    background-repeat: no-repeat;
    text-indent: -10000px;
    width: 850px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

div#main_content {
    width: 900px;
    margin: 0 auto;
}

/*home content
*/
div#main_content {
    direction: rtl;
}

div.content_divs {
    width: 300px;
    height: 525px;
    float: right;
    margin: 0 auto;
}

h3#why_datis {
    text-indent: -10000px;
    width: 270px;
    height: 90px;
    background-image: url(../images/why_datis.png);
    background-repeat: no-repeat;
    direction: ltr;
}

p#why_datis_desc {
    font-family: Tahoma;
    height: 350px;
    margin: 0 0 0 30px;
    font-size: 0.9em;
    color: white;
    padding: 0 15px 0 20px;
    border-left: 1px solid #f7a440;
    line-height: 1.3em;
    width: 270px;
	text-align:justify;
}

h3#services_title {
    text-indent: -10000px;
    width: 270px;
    height: 90px;
    background-image: url(../images/services.png);
    background-repeat: no-repeat;
    direction: ltr;
}

ul#services_list {
    font-family: Tahoma;
    height: 350px;
    margin: 0 20px 0 25px;
    font-size: 0.9em;
    color: white;
    padding: 0 15px 0 5px;
    border-left: 1px solid #f7a440;
    list-style: url(../images/list_icon.png);
    line-height: 1.3em;
    width: 260px;
}

h3#weblog_title {
    text-indent: -10000px;
    width: 270px;
    height: 90px;
    background-image: url(../images/weblog.png);
    background-repeat: no-repeat;
    direction: ltr;
}

div.feedburnerFeedBlock {
    font-family: Tahoma;
    height: 350px;
    margin: 0 20px 0 10px;
    font-size: 0.9em;
    color: white;
    padding: 0 15px 0 20px;
    list-style: url(../images/list_icon.png);
    width: 260px;
}

div.feedburnerFeedBlock ul li span.headline a {
    text-align: center !important;
    text-decoration: none !important;
    color: white !important;
    line-height: 1.3em;
}

div.feedburnerFeedBlock ul li span.headline a:hover {
    color: black !important;
}

div#creditfooter a {
    display: none;
}

a.readmore {
    display: block;
    background-image: url(../images/readmore_btn.png);
    width: 100px;
    height: 33px;
    text-indent: -10000px;
    text-decoration: none;
    margin: 10px auto;
    direction: ltr;
}

/*About
*/
div#about_content {
    width: 800px;
    margin: 0 auto;
    padding: 10px 0;
    direction: rtl;
}

h2#about_title {
    background-image: url(../images/about_title.png);
    width: 350px;
    height: 50px;
    text-indent: -10000px;
    direction: ltr;
}

div#about_content p {
    font-family: Tahoma;
    font-size: 0.9em;
    color: black;
    line-height: 1.3em;
	text-align:justify;
    margin: 10px 0 0 0;
}

div#about_content a {
    text-decoration: none;
    color: #f7941d;
}

h3#skills {
    text-indent: -10000px;
    width: 270px;
    height: 90px;
    background-image: url(../images/skills.png);
    background-repeat: no-repeat;
    direction: ltr;
}

h3#recent_projects_title {
    text-indent: -10000px;
    width: 270px;
    height: 90px;
    background-image: url(../images/recent_projects.png);
    background-repeat: no-repeat;
    direction: ltr;
}

ul#skills_list,ul#recent_projects {
    font-family: Tahoma;
    height: 350px;
    margin: 0 20px 0 25px;
    font-size: 0.9em;
    color: white;
    padding: 0 15px 0 5px;
    border-left: 1px solid #f7a440;
    list-style: url(../images/list_icon.png);
    line-height: 1.3em;
    width: 260px;
}

ul#recent_projects a {
    color: white;
    text-decoration: none;
}

ul#recent_projects a:hover {
    color: black;
}

/*Projects
*/
div#projects_content {
    width: 850px;
    margin: 0 auto;
    padding: 10px 0;
    direction: rtl;
}

h3#projects_list {
    text-indent: -10000px;
    width: 250px;
    height: 80px;
    background-image: url(../images/projects_list.png);
    background-repeat: no-repeat;
    direction: ltr;
}

div.projects_items {
    width: 250px;
    height: auto;
    margin: 10px 16px;
    float: right;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #f7a440;
}

div.projects_items img {
    text-align: center;
}

div.projects_items h4 {
    padding: 5px;
    font-family: "Times New Roman";
    color: white;
    font-size: 1.2em;
    direction: rtl;
}

div.projects_items p {
    padding: 10px 5px;
    font-family: Tahoma;
    font-size: 0.8em;
    color: white;
    height: 160px;
	text-align:justify;
}

div.projects_items p:hover {
    color: black;
}

div.projects_items a img {
    border: 0;
    margin: 0 10px;
}

/*Services
*/
div#services_holder {
    margin: 0 auto;
    width: 870px;
    direction: rtl;
}

div.services_content {
    width: 400px;
    height: 350px;
    float: right;
    margin: 15px;
    border-bottom: 1px solid #f7a440;
}

div.services_content p {
    font-family: Tahoma;
    font-size: 0.9em;
    color: white;
    width: 385px;
    height: 215px;
	text-align:justify;
}

div.services_content p:hover {
    color: black;
}

div.services_content a {
    display: block;
    background-image: url(../images/call_btn.png);
    width: 100px;
    height: 33px;
    text-indent: -10000px;
    text-decoration: none;
    margin: 10px auto;
    direction: ltr;
}

div.services_content a.visit {
    background-image: url(../images/visit_site_btn.png);
}

h3#webdesign {
    background-image: url(../images/webdesign_icon.png);
    width: 300px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

h3#coding {
    background-image: url(../images/coding_icon.png);
    width: 300px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

h3#optimize {
    background-image: url(../images/optimize_icon.png);
    width: 300px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

h3#multimedia {
    background-image: url(../images/multimedia_icon.png);
    width: 300px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

h3#council {
    background-image: url(../images/council_icon.png);
    width: 300px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

h3#training {
    background-image: url(../images/training_icon.png);
    width: 250px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

h3#domain {
    background-image: url(../images/domain_icon.png);
    width: 300px;
    height: 80px;
    text-indent: -10000px;
    direction: ltr;
}

/*Contact
*/
div#contact_intro {
    background-image: url(../images/intro_bg.png);
    width: 950px;
    height: 450px;
    background-repeat: no-repeat;
    direction: rtl;
}

div#contact_content {
    width: 800px;
    margin: 0 auto;
    padding: 10px 0;
}

h2#contact_title {
    background-image: url(../images/contact_title.png);
    width: 350px;
    height: 50px;
    text-indent: -10000px;
    direction: ltr;
}

div#contact_content p {
    font-family: Tahoma;
    font-size: 0.9em;
    color: black;
    line-height: 1.3em;
    margin: 10px 0 0 0;
}

div#contact_content a {
    text-decoration: none;
    color: #f7941d;
}

div#contact_form {
    margin: 20px auto;
    width: 700px;
}

div#form_right {
    width: 320px;
    float: right;
}

div#form_left {
    width: 350px;
    float: left;
}

form#contactform input {
    font-family: Tahoma;
    font-size: 0.9em;
    padding: 5px 0;
    width: 330px;
}

form#contactform textarea {
    width: 350px;
}

form#contactform label {
    padding: 5px 0;
    font-family: Tahoma;
    font-size: 0.9em;
    color: #da7d1a;
}

form#contactform label.error {
    color: red;
    font-style: italic;
    font-weight: bolder;
}

form#contactform input {
    font-family: Tahoma;
    font-size: 0.9em;
    padding: 5px 0;
}

form#contactform input:hover,form#contactform input:active,form#contactform input:focus,form#contactform textarea:hover,form#contactform textarea:active,form#contactform textarea:focus
{
    background-color: #f7c88f;
}

form#contactform textarea {
    font-family: Tahoma;
    font-size: 0.9em;
}

input.email {
    direction: ltr;
}

input.submit {
    float: left;
    padding: 5px;
    margin: 10px 0;
    width: 100%;
}

span.req_field {
    font-size: 0.7em;
    margin: 0 10px;
}

/*404
*/
div#error404_intro {
    background-image: url(../images/intro_bg.png);
    width: 950px;
    height: 450px;
    background-repeat: no-repeat;
    direction: rtl;
    margin: 150px 0;
}

div#error404_content {
    width: 800px;
    margin: 0 auto;
    padding: 10px 0;
}

h2#error404_title {
    background-image: url(../images/404_title.png);
    width: 350px;
    height: 50px;
    text-indent: -10000px;
    direction: ltr;
}

h2#error404_title_en {
    background-image: url(../images/404_title_en.png);
    width: 400px;
    height: 50px;
    text-indent: -10000px;
    float: right;
    direction: ltr;
    margin: 20px 0 0 0;
}

div#error404_content p {
    font-family: Tahoma;
    font-size: 0.9em;
    color: black;
    line-height: 1.3em;
    margin: 10px 0 0 0;
    width: 450px;
    float: right;
    background-color: white;
}

div#error404_content p.en {
    direction: ltr;
}

div#error404_content img {
    float: left;
}

div#error404_content a {
    text-decoration: none;
    color: #f7941d;
}

/*Site Info
*/
div#site_info {
    clear: both;
    width: 100%;
    height: 370px;
    background-color: #da7d1a;
    direction: rtl;
}

div#footer_border {
    width: 100%;
    background-image: url(../images/footer_border.gif);
    background-repeat: repeat-x;
    height: 20px;
}

div#footer_holder {
    width: 900px;
    height: 270px;
    margin: 0 auto;
}

div.footer_divs {
    padding: 15px 10px 0 0;
    width: 200px;
    color: white;
    font-family: Tahoma;
    float: right;
}

div#footer_about_datis {
    margin: 0 0 0 40px;
}

div#footer_services_datis {
    margin: 0 0 0 20px;
}

div.footer_divs p {
    font-size: 0.8em;
    width: 180px;
    line-height: 1.3em;
    padding: 0 0 10px 0;
	text-align:justify;
}

div.footer_divs a {
    text-decoration: none;
    color: #b3d234;
}

div.footer_divs a:hover {
    color: black;
}

div.footer_divs h3 {
    width: 150px;
    height: 40px;
    text-indent: -10000px;
    direction: ltr;
}

div.footer_divs ul li {
    list-style: url(../images/list_icon.png);
    font-size: 0.8em;
    width: 200px;
    line-height: 1.3em;
}

div#footer_nav ul li a {
    color: white;
    font-size: 1em;
    line-height: 1.3em;
    text-decoration: none;
}

div.footer_divs ul li a:hover {
    color: black !important;
}

div#footer_about_datis h3 {
    background-image: url(../images/footer_about_title.png);
}

div#footer_services_datis h3 {
    background-image: url(../images/footer_services_title.png);
}

div#footer_nav h3 {
    background-image: url(../images/footer_nav_title.png);
}

div#footer_contact_datis h3 {
    background-image: url(../images/footer_contact_title.png);
}

div#footer_contact_datis li {
    display: inline;
    direction: ltr;
}

div#footer_contact_datis li a {
    float: right;
    list-style: none;
    text-indent: -10000px;
}

div#footer_contact_datis li a:hover {
    text-decoration: none;
}

li.footer_icons a {
    width: 75px;
    height: 75px;
    margin: 0 5px 0 10px;
    background-repeat: no-repeat;
}

li#footer_email a {
    background-image: url(../images/footer_contact_email.png);
}

li#footer_twitter a {
    background-image: url(../images/footer_contact_twitter.png);
}

li#footer_rss a {
    background-image: url(../images/footer_contact_rss.png);
}

li#footer_ff a {
    background-image: url(../images/footer_contact_ff.png);
}

li#footer_live a {
    background-image: url(../images/footer_contact_live.png);
}

li#footer_yahoo a {
    background-image: url(../images/footer_contact_yahoo.png);
}

li#footer_facebook a {
    background-image: url(../images/footer_contact_facebook.png);
}

li#footer_da a {
    background-image: url(../images/footer_contact_da.png);
}