/* ----------------------------

     Screen version
     
     For computer monitors 
     and projectors.
          
---------------------------- */

/* Fonts */

@font-face {
font-family: 'BlairMdITCTTMedium';
src: url('../fonts/blairmditc_tt_medium-webfont.eot');
src: local('BlairMdITC TT Medium'), url('../fonts/blairmditc_tt_medium-webfont.woff') format('woff'), url('../fonts/blairmditc_tt_medium-webfont.ttf') format('truetype'), url('../fonts/blairmditc_tt_medium-webfont.svg#blair') format('svg');
font-weight: normal;
font-style: normal;
}


/* General tags */

* {
padding: 0px;
margin: 0px;
}
body {
background-color: #e8e6e3;
font-size: 62.5%;
}
h1 {
font: normal 1.6em 'BlairMdITCTTMedium', Verdana, Helvetica, sans-serif;
color: #5D3400;
margin: 0 0 1.6em 0;
}
h2 {
font: normal 1.2em 'BlairMdITCTTMedium', Verdana, Helvetica, sans-serif;
color: #5D3400;
margin: 0 0 1.1em 0;
}
p {
font: normal 1.2em/1.4em  Arial, Helvetica, sans-serif;
color: #333;
margin: 0 0 1.1em 0;
-webkit-text-size-adjust: none; /* For iPhone */
}
p.double_margin {
margin: 0 0 3em 0;
}


/* Layout */

#wrapper {
position: relative;
background-color: #fff;
min-width: 26em;
max-width: 74em;
margin: 2em auto;
-moz-box-shadow: 3px 3px 4px #bbbab7;    
-webkit-box-shadow: 3px 3px 4px #bbbab7;  
box-shadow: 3px 3px 4px #bbbab7;   
/* For IE 8 */   
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbab7')";   
/* For IE 5.5 - 7 */   
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbab7'); 
}
#content {
}
#navigation {
float: left;
width: 16em;
margin: 0 6em 2em 2em;
}
#main_body {
float: left;
max-width: 46em;
margin: 0 2em 2em 2em;
padding: 1.4em 0 0 0;
}
div.clear {
clear: both;
height: 0;
}


/* Logo */

#logo {
position: relative;
width: 220px;
height: 88px;
padding: 2em;
}
#logo h1 {
position: absolute;
font-size: 1em;
top: 2em;
left: 2em;
width: 220px;
height: 88px;
overflow: hidden;
text-indent: -100em;
}


/* Navigation */

#navigation ul {
list-style: none;
}
#navigation li {
list-style: none;
border-bottom: 1px solid #e0e0e0;
padding: 1.4em 2em 1.4em 2em;
font: bold 1.4em  Arial, Helvetica, sans-serif;
}
#navigation a {
color: #817b7b;
text-decoration: none;
}
#navigation a:hover {
color: #5D3400;
}
#navigation a.focus {
color: #333;
}


/* Contact */

div.column1{
width: 16em;
float: left;
margin: 0 2em 0 0;
}
div.column2{
width: 27em;
float: left;
}