/*-------------
 Shared Styles
-------------*/

hr{
border:none;

border-top: 1px solid #ccc;
color: #fff;
background-color: #fff;
height: 1px;



  
}
	#scrolltotop {
position: fixed; 
top: 300px; 
left: 30px;
cursor: pointer; 
z-index: 1000;
}

#scrolltotop2 {
position:relative; 
cursor: pointer; 
z-index: 1000;
}

#scrolltotop3 {
position:relative; 
cursor: pointer; 
z-index: 1000;
}

#scrolltotop4 {
position:relative; 
cursor: pointer; 
z-index: 1000;
}
#scrolltotop5 {
position:relative; 
cursor: pointer; 
z-index: 1000;
}

	.caps {
	  text-transform: uppercase;
	  font-size: 2em;
	  letter-spacing: 2px;
	}
	
	.box {
	 padding: 3px 0 20px;
	}
	  .box .inner {
	    padding-top: 20px;
	  } 
    .box h2 {
     font-family: verdana, Helvetica, Calibri, Arial, sans-serif;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.36em;
      letter-spacing: 1px;
      margin-bottom: 18px;
    }
    
/*------
 Header
------*/
#header{
margin-top:0px;
padding-top:50px;
 }
  #header h1 {
    font-size: 4.7em;
    font-family: "Century Schoolbook", Century, Georgia, serif;
    margin: 60px 0 20px;
  }
  #header h2 {
    margin-bottom: 4px;
    font-size: 1.69em;
    font-weight: 100;
    margin-bottom: 5px;
  }
  
  
  
#footer{
background-color:#555;
color:#FFFFFF;
padding-left:10px;
padding-top:5px;
padding-bottom:20px;

height:50px;
}  
  
#footer a{
	color:#fff;
	text-decoration:none;
}

#footer a:hover{
	color:#fff;
	text-decoration:underline;
}  
/*-------
 Content
-------*/

  #nav {
    position: absolute;
    top: 50px;
    left: 60px;
    width: 125px;
  }
  #nav ul {
    font-family: verdana, Helvetica, Calibri, Arial, sans-serif;
    font-weight: 600;
    font-size: 1.18em;
    text-transform: uppercase;
  }
    #nav li {
      margin-bottom: .9em;
    }
    #nav a:hover {
      color: #999;
      text-decoration: none;
    }

  #about {
    font-size: 1.18em;
  }
    #about p {
      line-height: 1.85;
      text-indent: 2em;
    }
      #about p:first-of-type {
        text-indent: 0;
      }
      

      
  #portfolio .inner {
    margin-top:10px;
	border-top: 1px solid #b4bcbd;
    padding: -1px 0 10px;
	}
    .panel{
	font-size:13px;
	line-height:1.15em;
	}
	
	
	.panel h1{
	font-size:18px;
	font-weight:bold;
	line-height:1.1em;
	padding-top:15px;
	padding-bottom:5px;
	}
	
	.panel h2{
	font-size:14px;
	font-weight:bold;
	line-height:1.1em;
	padding-top:15px;
	padding-bottom:5px;
	}
	
	.panel .ankernavi{
	float:right; 

	}
	
	.panel .ankernavi a{
	text-decoration:none;

	}
	
	.panel .ankernavi a:hover{
	text-decoration:none;

	}
		 
	.panel .ankernavi ul li{
	font-size:8px;
	list-style:none;

	}
	
	.panel .ankernavi ul li a{
	font-size:8px;
	text-decoration:underline;
	 float:left; 
	}
	
	.panel .ankernavi ul li a:hover{
	font-size:8px;
	text-decoration:none;
	
	}
	
	.panel ul {
		padding-top:10px;
		padding-bottom:5px;
	}
	.panel ul li{
		/*list-style:square;
		*/
		background: url("../img/hacken.png") top left no-repeat;
		line-height:20px;
		padding-left:20px;
		margin-left:5px;
	}
	
	
	.panel a {
 	 text-decoration:underline;
    }
	.panel a:hover {
 	 text-decoration:none;
    }
      #portfolio li {
  
    	
      }
      #portfolio li a {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: verdana, Helvetica, Calibri, Arial, sans-serif;
        font-size: 1.36em;
        display: block;
        float: left;
        padding: 15px 0 18px;
        margin: -1px 3em 0 0;
	 }
        #portfolio a.current {
          color: #999;
          background: url(../img/picker.png) no-repeat top center;
        }
    #portfolio img {
     /* border: 1px solid #999;
    */
	}
    

          
/*-----------
 Coda Slider
-----------*/
	
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	.coda-slider, .coda-slider .panel { width: 730px } 
	
	.coda-slider p.loading { padding: 20px; text-align: center }
	
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative; }
	.coda-slider .panel-description {
	   width: 480px;
	   float: left;
	   line-height: 1.63em;
	   padding-bottom: 18px;
	}
	.coda-slider .panel-links {
  	 width: 160px;
  	 float: right;
	   line-height: 1.63em;
	   padding-bottom: 18px;
	   font-family: verdana, Helvetica, Calibri, Arial, sans-serif;
	   font-weight: 600;
	   
	}