/* Psy Motion
    Stylesheet by Mihai Petre - DotWeb Software Systems */

/* Reset default browsers' stylesheet */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
  {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/* /Reset default browsers' stylesheet */

body {
  background: #E2E18D;
}

br.clear {
  clear: both;
  height: 0px;
  line-height: 0;
}

a {
  outline: none;
}

/* Header */

#header-bg {
  height: 85px;
  background: #0A1F31 url(../images/header-bg.png) repeat-y left;
  _overflow: hidden;
}

#header {
  width: 990px;
  margin: 0 auto;
}

#header h1 {
  float: left; display: inline;
  margin-left: 10px;
  position: relative;
  bottom: -23px;
}

#header h1 a {
  display: block;
  width: 199px; height: 77px;
  text-indent: -10000px;
  background: url(../images/psy-logo.png) no-repeat top;
}

#header h2 {
  float: left;
  width: 603px; height: 22px;
  margin-top: 35px; margin-left: 45px;
  text-indent: -10000px;
  background: url(../images/psy-description.png);
}

#header #gb {
  float: right;
  display: block;
  width: 35px; height: 22px;
  margin-top: 5px;
  margin-right: 5px;
  text-indent: -10000px;
  background: url(../images/uk-flag.gif) no-repeat;
}

#header #es {
  display: block;
  float: right;
  width: 35px; height: 22px;
  margin-top: 5px;
  margin-right: 10px;
  text-indent: -10000px;
  background: url(../images/es-flag.gif) no-repeat;
}

#header ul {
  float: right; clear: both;
  font-family: Tahoma;
  font-size: 12px;
  position: relative;
  bottom: -8px;
}

#header ul li {
  float: left;
  margin-right: 5px;
}

#header ul li a {
  display: block;
  color: #fff;
  text-transform: lowercase;
  text-decoration: none;
  cursor: pointer;
}
#header ul li a:hover {
  background: url(../images/menu-tab-bg.gif) repeat-x;
}

#header ul li a .left-corner {
  float: left;
  width: 5px; height: 25px;
  background: url(../images/menu-tab-left.gif);
}
#header ul li a .tab-bg {
  float: left;
  height: 20px;
  padding: 5px 8px 0;
  background: url(../images/menu-tab-bg.gif) repeat-x;
}
#header ul li a .right-corner {
  float: left;
  width: 5px; height: 25px;
  background: url(../images/menu-tab-right.gif);
}

#header ul li a:hover .left-corner {
  background: url(../images/menu-tab-left-hover.gif);
}
#header ul li a:hover .tab-bg {
  background: url(../images/menu-tab-bg-hover.gif);
}
#header ul li a:hover .right-corner {
  background: url(../images/menu-tab-right-hover.gif);
}
/* /Header */


/* Top */

#top-bg {
  height: 376px;
  background: url(../images/top-bg.png) repeat-x;
}

#top {
  width: 990px;
  margin: 0 auto;
  font-family: Tahoma;
  font-size: 13px;
}

#motto {
  float: right; clear: right;
  width: 242px; height: 124px;
  margin-top: 50px; margin-right: 10px;
  background: url(../images/motto-bg.png);
  color: #105f95;
  text-indent: -10000px;
  font-family: Georgia;
  font-style: italic;
  font-size: 11px;
}

#top ul {
  list-style: url(../images/list-arrow.png);
}

#top ul li {
  margin-bottom: 15px;
  width: 175px;
  margin-left: 15px;
  padding-left: 5px;
}

#top ul li a {
  color: #fff;
  text-decoration: none;
}
#top ul li a:hover {
  text-decoration: underline;
}

#top h3 {
  margin-top: -20px;
  text-indent: -10000px;
}

#general {
  float: left;
  width: 200px; height: 142px;
  padding-top: 120px; padding-left: 34px;
  margin-top: 50px; margin-right: 5px;
  background: url(../images/neuro.png) no-repeat left;
}
#general:hover {
  background: url(../images/neuro.png) no-repeat right;
}

#pro {
  float: left;
  width: 200px; height: 142px;
  padding-top: 120px; padding-left: 34px;
  margin-top: 50px; margin-right: 5px;
  background: url(../images/circui.png) no-repeat left;
}
#pro:hover {
  background: url(../images/circui.png) no-repeat right;
}

#corporate {
  float: left;
  width: 200px; height: 142px;
  padding-top: 120px; padding-left: 34px;
  margin-top: 50px;
  background: url(../images/quee.png) no-repeat left;
}
#corporate:hover {
  background: url(../images/quee.png) no-repeat right;
}
/* /Top */


/* Main */

#main-bg {
  border-top: 2px solid #fff;
  background: #E2E18D url(../images/main-bg.png) repeat-x bottom;
}

#main-bg.no-bg {
  background-image: none;
  background-color: #E2E18D;
}

#main {
  width: 990px;
  margin: 0 auto;
  font-family: 'Trebuchet MS';
  font-size: 12px;
  color: #4f4f4f;
}

#main h4, #main h5, #main h6 {
  padding: 15px 5px 15px;
  font-family: Georgia;
  font-style: italic;
  color: #005274;
}

#main h4 {
  font-size: 18px;
}

#main #news h5 {
  padding: 5px;
  font-size: 17px;
}

#main p {
  margin: 5px 50px 10px 5px;
}

#main a {
  color: #f1640e;
}
#main a:hover {
  text-decoration: none;
}

#content {
  float: left;
  width: 700px;
}

#news {
  float: right;
  width: 241px;
  padding: 15px;
  background: url(../images/news-bg.gif) no-repeat top;
  position: relative;
  top: -111px;
  z-index: 100;
}

#news h4 {
  padding-top: 0;
}

#news .news-box {
  width: 241px;
  margin: 10px 0 25px;
  padding-bottom: 10px;
  overflow: auto;
}

#news a.more {
  float: right;
}

#news p {
  clear: both;
  margin-left: 0; margin-right: 0;
  margin-bottom: 3px;
}
/* /Main */


/* Footer */

#footer-bg {
  height: 71px;
  background: url(../images/footer.gif) repeat-x;
}

#footer {
  width: 990px;
  margin: 0 auto;
  font-family: Tahoma;
  font-size: 11px;
  color: #fff;
  position: relative;
}

#footer #dotweb {
  float: right;
  height: 17px;
  margin-top: 30px;
  padding-right: 75px; padding-top: 3px;
  background: url(../images/dotweb-logo.gif) no-repeat right top;
  color: #fff;
  text-decoration: none;
  opacity: 0.5;
}

#footer #btm-nav {
  padding-top: 30px;
}

#footer #btm-nav a {
  color: #fff;
  text-decoration: none;
}
#footer #btm-nav a:hover {
  text-decoration: underline;
}

#footer #trafic {
  position: absolute;
  top: 20px;
  left: 450px;
}

/* /Footer */

/* Contact - form */

#personal li {
  margin-bottom: 10px;
}

#personal li label {
  display: inline-block;
  width: 75px;
}

#personal li input, textarea {
  font-family: Verdana;
  font-size: 12px;
}

#personal li .button {
  padding: 3px 5px;
  border: 1px outset #D4D5FE;
  color: #fff;
  background: #0094DC;
  cursor: pointer;
}

/* /Contact - form */