html, body {
      width:100%;
      margin:0;
      padding:0;
      font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
      font-size:0.85em;
      color:#333;
}

body {
      background:url('img/background.bmp') #e1dc97 repeat-x 0 0;

}

#container {
      position:absolute;
      background:url('img/bg_hills.jpg') no-repeat left 230px ;
}

#content {
      width:550px;
      margin:0 auto;
      padding:0px 310px 20px 310px;
}

#company_details {
      position:absolute;
      top:348px;
      left:75px;
      color:#baa902;
      font-size:0.95em;
}
#company_details a {
      color:#baa902;
      text-decoration:none;
}

#company_details a:hover {
      text-decoration:underline;
}

/* Main Menu */

div.leftpart {
      width:265px;
      float:left;
}
div.leftpart h2, div.rightpart h2 {
      height:18px;
      margin:59px 0 0 0;
      font-size:1em;
      color:#baa902;
      font-weight:bold;
}
div.rightpart {
      width:265px;
      float:right;
}


/*** Top menu  ***/
#top-menu {
	margin:36px 0 0 0;
	padding:0;
}
ul.menu {
      font-size:;
      margin:0 0 170px 0;
      padding:0;
}

ul.menu li {
      display:block;
      width:265px;;
      height:17px;
      border-bottom:1px solid #dbdcb2;
      padding-top:1px;
}
ul.menu li a{
      color:#000;
	  text-decoration:none;
}
ul.menu li a:hover{
      color:#baa902;
}

ul.menu li.top {
      border-top:1px solid #dbdcb2;
}

/*** Header ***/

h1#logo {
	  position:absolute;
      left:67px;
      top:10px;
	  width:180px;
      font-size:1em;
      margin:0;
	  padding:0;
      text-indent:-9999px;
}
h1#logo a {
	  display:block;
	  width:180px;
      background:url('img/bi_animlogo.gif') no-repeat 0 0;
      height:205px;
	  padding:0;
	  border:0;
	  margin:0;
	  text-decoration:none;
	  overflow:hidden;
}

h3 {
      color:#baa902;
      font-size:1.1em;
      border-bottom:1px solid #baa902;
      margin:0px 0 18px 0;
      padding-bottom:5px;;
      clear:left;
      font-size:1.1em;
}

/*** Intro ***/
#intro {
      padding:6px 0 30px 0;
}
#intro div.leftpart {
	margin:0;
}

/*** Paragraph ***/

p {
      margin:0;
}

/*** separator ***/

hr {
      margin:10px 0 0 0;
      height: 1px;
      border:0;
      color: #666;
      background-color: #000;
}

hr.copyright {
      margin-top:70px;
      color:#baa902;
      background-color: #baa902;
}

hr.news {
      margin:18px 0;
      color:#baa902;
      background-color: #baa902;
      width:15px;
}

/*** News ***/

.news_date {
     font-weight:bold;
     font-size:100%;
     margin:0;
     color:#baa902;
}

p.news_date {
     margin-top:10px;
     font-weight:normal;
     font-size:0.85em;
}
#home-news a {
	 color:#000;
	 text-decoration:none;
}
#home-news a:hover {
	 color:#baa902;
}

a.newslink {
     margin:0;
     color:#baa902;
     text-decoration:none;
     margin:0.1em 0 0 0;
}
a.newslink:hover {
	 text-decoration:underline;
}

span.copyright {
     font-size:0.8em;
     margin:0;
     color:#baa902;
}
/*** work list **/


ul#gallery {
     list-style-type:none;
     margin:0;
     padding:0;
}
ul#gallery li{
     margin:0;
     float: left;
     width: 170px;
}
.marginleftgallery {
     padding-left:20px;
}
ul#gallery li a {
     display:block;
     width: 170px;
     margin:0 0 30px 0;
     padding:0;
     color:#333;
     text-decoration:none;
     font-size:0.95em;
}

ul#gallery li a img {
     display:block;
     padding-bottom:18px;
     border:none;
     border-bottom:1px solid black;
}
/* main pages */

#page {
      width:550px;
}
#page h3{
      margin:0 0 1.2em 0;
	  font-size:130%;
	  font-weight:normal;
}
#page p{
      margin:0 0 2em 0;
}
.job-thumbs img {
	padding-bottom:16px;
}
.workpic-med-right {
	padding-left:16px;
}
#page a {
	color:#333;
	text-decoration:none;
}
#page a:hover {
	text-decoration:underline;
}

/* Web Design */

div.navigation {
    margin:0 0 20px 0;
}

div.navigation a {
    color:black;
    text-decoration:none;
}

div.navigation a:hover {
    text-decoration:underline;
}

div.navigation a.previous {
    float:left;
}

div.navigation a.next {
    float:right;
}

/* Work */

.workdesc_left, .workdesc_right {
    width:265px;
    height:204px;
    margin:0;
}

.workdesc_left {
    padding:0 10px 20px 0;
    float:left;
}
.workdesc_right {
    padding: 0 0 20px 10px;
    float:right;
}
.workdesc_left p {
    text-align:justify;
    margin-bottom:15px;
}

.workdesc_left a, a.greylink {
    display:block;
    color:#333;
    text-decoration:none;
}

.workdesc_left a:hover, a.greylink {
    text-decoration:underline;
}

/* Logos Brand Identity */

a.greylink {
   display:block;
   color:#333;
   text-decoration:none;
   margin-top:15px;
}
img.main_pic {
   margin-bottom:14px;
}

/*clients*/

ul#clients {
	margin:2em 0;
	list-style-type:none;
}

ul#clients li{
	margin:0 0 1em 0;
}

a.contentlink {
	color:#333;
}

/* IE FIX */
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 
.clearfix {display:inline-block;}
/* hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end hide from IE-mac */