/* BASIC STYLES */

body {
     background-color: #FFFFFF;

     }

* {
     padding:0;
     margin:0;
     border:0;
     text-decoration:none;
     color: #000000; 
     }

strong {
	font-family: "Courir New", Courir, monospace;
    font-weight:bold;
    letter-spacing:0.1em;
    }
     


p, li, a {
     font-weight:normal;
     font-family: "Courir New", Courir, monospace;
     font-size:12px;
     }
     
     
a:focus {
     outline: none;
     }
     
p {
   padding:0 0 8px 0;
   line-height: 1.6em;
   font-size:11px;

   }


h1, h2 {

   font-family: "Courier New", Times, serif;
   font-weight:bold;
   }
   
h2, span.caps {
   font-size:14px;
   padding-top:-3px;
   padding-bottom:3px;
   letter-spacing:0.02em;
   }
   
#TextShell h2 {
   padding-bottom:20px;
   font-size:18px;
   font-weight:normal;
   }



div#OuterShell {
   float:left;
   width:1280px;
   }
   
div#header {
   width:1258px;
   padding: 20px 0 0 24px;
   /*display:none;*/
   }



   
/* ----------- TOP NAVIGATION ----------- */


div.nav {
   float:left;
   width:137px;
   padding-bottom:5px;
   margin-right:20px;
   border-bottom:1px solid #000000;
   }
   
   
div.nav_active {
   float:left;
   width:137px;
   padding-bottom:5px;
   margin-right:20px;
   border-bottom:3px solid #000000;
   font-weight:bold;
   }

div.nav:first-letter, div.nav_active:first-letter {
   text-transform:uppercase;
   }

   
a.topNavInactive, a.topNavInactive:focus, a.topNavInactive:active, a.topNavInactive:visited {
   letter-spacing:0.05em;
   width:142px;
   }

   

div#Navigation {
   float:left;
   padding-bottom:35px;
   clear:left;
   }
   
div#FilterNavigation {
   float:left;
   clear:left;
   padding-bottom:100px;
   }

div#Info {
  padding-top:60px;
}

div#Home {
  padding-top:0px;
}

div#Home img {
  margin:0 20px 20px 0;
  }

   

/* ----------- TOP NAVIGATION ----------- */


#Short_Description ul {
  padding: 0 0 10px 0;

  }
  
#Info ul {
  padding: 10px 0 40px 20px;
  }
  
  
#Short_Description li {

  background-image: url(../img/marker/bulletpoint.png);
  background-repeat:no-repeat;
  list-style-type: none;
  margin:0 0 8px 0;
  padding:0 0 0 15px;
  }
  
#Info li {

  background-image: url(../img/marker/bulletpoint.png);
  background-repeat:no-repeat;
  background-position: center left;

  list-style-type: none;
  margin-top:8px;
  padding:0 0 0 20px;
  }


div#ContentShell {
   margin: 0 0 0 24px;
   }
   
div#Short_Description a:link, div#Short_Description a:focus, div#Short_Description a:visited, div#Info a:link, div#Info a:focus, div#Info a:visited
  {
   font-size:11px;
   color:#000000;
   text-decoration: underline;
   }
   
div#Short_Description a:hover, div#Info a:hover
  {
   font-size:11px;
   text-decoration: none;
   }

   

#Backbutton {

  padding-bottom:15px;
  }

   
a.backbutton:link, a.backbutton:focus, a.backbutton:visited
  {
   color:#000000;
   font-size:11px;
   text-decoration:underline;
   }



.overview_preview {
   float:left;
   padding:0 20px 20px 0;
   }
   
#ProjectList {
   width:1121px;
   }

   
#ImageShell {
   float:left;

   padding-right:20px;
   padding-top:3px;
   padding-bottom:50px;
   }
   
   
#TextShell {
   float:left;
   width:500px;
   }
   
#TextShell h1 {
   padding-bottom:17px;
   }
   
#Short_Description {
   padding: 0 20px 20px 0;
   }
   
#WorkDescription {
   padding: 20px 20px 20px 0;
   }
   
.thumbnails {
   border:1px #000000 solid;
   margin-bottom:14px;
   }
   
#Thumbnail a, #Thumbnail a:visited, #Thumbnail a:focus {
   margin-right:10px;
   margin-bottom:10px;

   }
   
#Thumbnail {
   padding: 40px 0 0 0;
   }