/* CSS for Sobrero */

body 
  {
  font-size: 80%;
	padding: 0;
	margin: 0;
	font-family: 'tahoma', 'helvetica', sans-serif;
	font-weight: 100;
  background-color : #A9AA9D;
  color : #000000;
  }

#header 
  {
  background: #000000 url(images/column.png) right top no-repeat; 
  height: 180px;
  margin: 0;
  color: #c4c2b7;
  padding: 0 0 0 60px; 
  }
  
div#languagebar
  {
	position: absolute;
	left: 60px;
	top: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
  }

#languagebar a, #languagebar a:hover
  {
  float: left;
  background-position: left top;
  background-repeat: no-repeat;
  height:30px;
  width:86px;
  font-variant: small-caps;
  line-height: 2em;
  padding: 0 0 0 40px;
  margin: 0;
  color: #C4C2B7;
  text-decoration: none;}
  
#languagebar a#english
  {
  background-image: url(images/ukbutton.png)
  }
  
#languagebar a#english:hover
  {
  background-position: left bottom;
  }
  
#languagebar a#italian
  {
  background-image: url(images/italybutton.png)
  }
  
#languagebar a#italian:hover
  {
  background-position: left bottom;
  }

#languagebar a#french
  {
  background-image: url(images/francebutton.png)
  }
  
#languagebar a#french:hover
  {
  background-position: left bottom;
  }
  
#languagebar a#german
  {
  background-image: url(images/germanbutton.png)
  }
  
#languagebar a#german:hover
  {
  background-position: left bottom;
  }

h1
  {
  margin: 0;
  padding: 70px 0 0 0;
  font-size: 2.3em;   
  }
  
h2
  {
  font: normal normal normal 1.5em/1em 'georgia' 'times', serif; 
  padding: 0;
  margin-top: 0.2em;
  }
  
/* navigation ----------*/

#navbar
  { 
  border-top: 3px solid #D40000;
  border-bottom: 3px solid #D40000;
  padding-left: 55px;
  background-color: #BEBFB4;
  } 
   
#navbar ul
  {
	list-style-type: none;
	margin: 0;
	padding: 8px 0 8px 0;
	font-variant: small-caps;
	white-space: nowrap;
  }
  
#navbar ul li
  {
  display: inline;
  margin: 0 1em 0 0;
  padding: 0;
  }
  
#navbar a 
  {
  padding: 5px;
  color: #000000;
  text-decoration: none;
  }
  
#navbar a:hover 
  {
  background: #D1B9B7;
  }

body.home a.home
  {border-top: 3px solid #D40000; border-bottom: 3px solid #D40000; background: #D2ABAA !important;}
body.about a.about
  {border-top: 3px solid #D40000; border-bottom: 3px solid #D40000; background: #D2ABAA !important;}
body.services a.services
  {border-top: 3px solid #D40000; border-bottom: 3px solid #D40000; background: #D2ABAA !important;}
body.contact a.contact
  {border-top: 3px solid #D40000; border-bottom: 3px solid #D40000; background: #D2ABAA !important;}
body.links a.links
  {border-top: 3px solid #D40000; border-bottom: 3px solid #D40000; background: #D2ABAA !important;}


#content
  {
  margin: 30px 480px 0 60px;
  font-size: 1.2em;
  line-height: 250%;
  }
  
#content p,ul 
  {
  margin-bottom: 2em;
  }
  
#side_column
  {
  float: right;
  width: 440px;
  }
  
#side_column_content
  {
  margin: 0px 30px 30px 10px;
  padding: 10px;
  }
  
.card
  {
  background-image: url("images/paper.jpg");
  border-top: 1px solid #838281;
  border-right: 1px solid #838281;
  border-bottom: 5px solid #838281;
  border-left: 5px solid #838281;
  margin: 15px 15px 30px 15px;
  }
  
.card ul
  {
  line-height: 250%;
  }
  
#side_column_content address
  {
	padding: 15px;
	font-style: normal;
  }
  
#side_column_content h4
  {
	margin: 0;
	padding: 5px 115px 5px 15px;
	background: #D2ABAA;
	min-height: 35px;
	border-bottom: 1px dotted #838281;
  }
  
.about #side_column_content h4
  {
  padding-right: 5px;
  }
h4#translation
  {
  background: #D2ABAA url(images/twoflags.png) right 5px no-repeat;
  }
  
h4#translation2
  {
  background: #D2ABAA url(images/twoflags2.png) right 5px no-repeat;
  }

h4#interpreting
  {
  background: #D2ABAA url(images/threeflags.png) right 5px no-repeat;
  }

h4#caption
  {
  text-align: center;
  line-height: 3em;
  }
  
  
#footer
  {
  clear: both;
  padding: 10px 0 10px 60px;
  background-color: black;
  color: #C4C2B7;
  }


/* test area */

a:link, a:visited
  {
  color: #000000;
  }
a:hover
  {
  color: #D40000;
  }
  
.card img
  {
  width: 100%;
  }