/**
 * @author Web&Vision
 * @copyright Copyright (C) 2005 - 2013, Inc. All rights reserved.
 * @license   GNU General Public License version 2 or later; see LICENSE.txt
 * http://webandvision.com.ua
 */
@font-face {
  font-family: 'MyriadProRegular';
  src: url("../fonts/MyriadPro-Regular.eot");
  src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
    url("../fonts/MyriadPro-Regular.otf") format("opentype"),
    url("../fonts/MyriadPro-Regular.woff") format("woff");
} 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  height: 100%;
}
body {
  font: 12px/18px MyriadProRegular;
  width: 100%;
  height: 100%;
  background-color: #faf2df;
}
a {
  outline: none;
  text-decoration: none; 
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0 0 7px;
  text-align: justify;
  line-height: 1.2em;
  font-size: 14px;
}
img {
  border: none;
}
input {
  vertical-align: middle;
}
h1,h2,h3{
  text-align:left;
  color: #8c8c8c;
}

/* Wrapper
-----------------------------------------------------------------------------*/
#dp_wrapper {
  width: 1000px;
  margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/* Header
-----------------------------------------------------------------------------*/
#dp_header{
  height:65px;
}
/* Languages
-----------------------------------------------------------------------------*/
a.dp_lang{
  display: block;
  width: 30px; 
  height: 65px;
  background:  url(../images/lang.png) no-repeat;
  float:left;
}
#dp_engl {
  background-position: 0 12px;
  margin-right: 5px
}
#dp_engl:hover {
  background-position: -60px 8px;
}
#dp_arab {
  background-position:  -30px 12px;
}
#dp_arab:hover {
  background-position:  -95px 8px;
}

/* Top menu
-----------------------------------------------------------------------------*/
#dp_topmenu {
  float:right;
}
#dp_topmenu li{
  display: block;
  float:left;
}
a.dp_topmenu1 {
  display: block;
  width: 93px; 
  height: 65px;
  float:left;
  color: #808080;
  text-transform: uppercase;
  line-height: 65px;
  font-weight: 600;
  margin: 0 15px 0 0; 
}
#dp_home, #dp_jobs{
  width: 50px;
}
#dp_jobs{
  margin-right: 0; 
}
#dp_contact, #dp_about{
  width: 80px;
}
a.dp_topmenu1:hover {
  background: url(../images/but3.png) 0 0 no-repeat;
  color: white;
  font-weight: normal;
}
#dp_home:hover, #dp_jobs:hover{
  background: url(../images/but1.png) 0 0 no-repeat;
}
#dp_contact:hover, #dp_about:hover{
  background: url(../images/but2.png) 0 0 no-repeat;
}
/* Middle
-----------------------------------------------------------------------------*/
#dp_content {
  padding: 0 0 60px;
}
#dp_container {
  width: 100%;
  float: left;
  overflow: hidden;
}
#dp_content1 {
  padding: 0 0 0 333px;
  margin-left:-1px;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#dp_sideLeft {
  float: left;
  width: 333px;
  margin-left: -100%;
  position: relative;
  background: #f09e15; /* old browsers */
  background: -moz-linear-gradient(top, #f09e15, #f2d604); /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background: -webkit-gradient(linear, left top, left bottom, 
              color-stop(0%,#f09e15), color-stop(100%,#f2d604));
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-linear-gradient(top, #f09e15, #f2d604);
  background: -o-linear-gradient(top, #f09e15, #f2d604); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f09e15, #f2d604); /* IE10 */
  background: linear-gradient(top, #f09e15, #f2d604); /* CSS3 */ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09e15', endColorstr='#f2d604',GradientType=0 ); /* IE6-9 */
  clear: right;
}

/* Logo
-----------------------------------------------------------------------------*/
#dp_logo {
  height: 204px;
  margin: 20px 86px 0px;
  clear: both;
}
/* Rightmenu
-----------------------------------------------------------------------------*/
#dp_rightmenu{
  position: relative;
  height: 116px;
  margin-left: 30px;
  bottom: 0px;
}

#dp_rightmenu a{
  display: block;
  width: 220px;
  height: 40px;
  bottom: 0px;
  padding-left: 50px;
  line-height: 38px;
  text-align: left;
  color: white;
  background: url(../images/rightmenu.png) no-repeat;
}
#dp_rightmenu a:hover{
  color: black;
}
#dp_news a{
  background-position: 0 3px;
  border-bottom: 1px dotted white;
}
#dp_news a:hover{
  background-position: 0 -138px;
}
#dp_map a{
  background-position: 0 -48px;
  border-bottom: 1px dotted white;
}
#dp_map a:hover{
  background-position: 0 -180px;
}
#dp_write a{
  background-position: 0 -94px;
}
#dp_write a:hover{
  background-position: 0 -226px;
}

/* Centre
-----------------------------------------------------------------------------*/
#dp_content2 {
  padding-top: 350px;
}
.cols-2{
  background: url(../images/line.png) 50% 0 repeat-y;
}
#dp_content2 a{
  font-weight: bold;
  font-size: 14px;
  color: #8c8c8c;
}
.readmore a{
  display:block;
  width: 93px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: normal !important;
  color: white !important;
  background: url(../images/readmore.png) no-repeat;
}

/* Footer
-----------------------------------------------------------------------------*/
#dp_footer {
  width: 1000px;
  margin: -60px auto 0;
  height: 60px;
  background: #e4dece;
  position: relative;
}
a.dp_footico{
  display: block;
  width: 38px;
  height: 60px;
  background: url(../images/footer.png) no-repeat;
  float:right;
}
#dp_email{
  background-position: 0 0;
}
#dp_phone{
  background-position: -50px 0;
  margin: 0 0 0 50px;
}
#dp_skype{
  background-position: -90px 0;
  margin: 0  80px 0 50px;
}
#dp_email:hover{
  background-position: 0 -55px;
}
#dp_phone:hover{
  background-position: -62px -55px;
  margin: 0 0 0 50px;
}
#dp_skype:hover{
  background-position: -107px -55px;
  margin: 0  80px 0 50px;
}