@import "portfolio_styles.css";
@import "mobile_styles.css";

body { margin: 0;
       padding: 0;
       background-image:url('images/bg.jpg');
       background-position: top center;
       background-repeat: no-repeat;
       font: 13px helvetica, arial, verdana;
       color: #51504b;
       line-height: 18px;
       }
       
@font-face {
    font-family: DeliciousRoman;
    src: url(Delicious-Roman.otf);
    font-weight:400;
}

@font-face {
    font-family: DeliciousBold;
    src: url(Delicious-Bold.otf);
    font-weight:400;
}


a, a:active, a:visited {

font: 13px helvetica, arial, verdana;
color: #8aa239;
text-decoration: underline;
}

a:hover { text-decoration: none; }


.navigation a, .navigation a:active, .navigation a:visited {

font:bold 11px helvetica, arial, verdana;
color: #8aa239;
text-decoration: underline;
}

.navigation a:hover { text-decoration: none; }

.entry ul{
	list-style-type: disc;
	list-style-image: url(images/greendot.png);
	list-style-position: inside;
	padding: 0 0 0 15px;
	margin: 20px 0 20px 0;
	font: 13px helvetica, arial;
	}

.entry p {font: 13px helvetica, arial, verdana;
       color: #51504b;
       line-height: 18px;}
       
.entry p strong {font: deliciousbold, arial;}

.entry h1 {font: 22px deliciousroman, helvetica, arial;
	   }
	   
.entry h2 {font: 18px deliciousroman, helvetica, arial;
	   }
	   
.entry h3 {font: 15px deliciousroman, helvetica, arial;
	   }
	   
	   
#content_whole_repeat_portfolio ul{
	list-style-type: disc;
	list-style-image: url(images/greendot.png);
	list-style-position: inside;
	padding: 0 0 0 15px;
	margin: 20px 0 20px 0;
	font: 12px helvetica, arial;
	color: #51504b;
	}
	
#content_whole_repeat_portfolio li{
	margin: 8px 0 0 0;
	}

#content_whole_repeat_portfolio p {font: 13px helvetica, arial, verdana;
       color: #51504b;
       line-height: 18px;}
       
#content_whole_repeat_portfolio p strong {font: deliciousbold, arial;}

#content_whole_repeat_portfolio h1 {font: 26px deliciousroman, helvetica, arial;
				    margin: 0 0 8px 0;}
	   
#content_whole_repeat_portfolio h2 {font: 23px deliciousbold, helvetica, arial;
	   }
	   
#content_whole_repeat_portfolio h3 {font: 17px deliciousbold, helvetica, arial;
	   }


h1 {font: bold 15px;
    color: #51504b;
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;

    }

h2 {font-size: 22px;
    color: #51504b;
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;

    }
    
#green {font-size: 20px;
    	  color: #4a5d17;
    	  margin: 0;
    	 }
a.green, a.green:active, a.green:visited {
text-decoration: none;}
    
h3 {font-weight: bold;
    font-size: 18px;
    color: #51504b;
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;

    }
   
   
#content_half_repeat ul, #content_third_repeat ul {
	list-style-type: disc;
	list-style-image: url(images/greendot.png);
	list-style-position: inside;
	padding: 0 0 0 15px;
	margin: 20px 0 20px 0;
	}
	
#content_whole_repeat li, #content_half_repeat li, #content_third_repeat li {margin: 15px 0 0 0; }





.listy {
	list-style-type: disc;
	list-style-image: url(images/greendot.png);
	list-style-position: inside;
	padding: 0 0 0 15px;
	margin: 20px 0 20px 0;
	}



	

	
a.navlink, a.navlink:active, a.navlink:visited {
display: block;
height: 32px;
width: 125px;
float: left;
background-image: url('images/nav_repeat.png');
background-repeat: repeat-x;
background-position: top;
text-align: center;
padding: 4px 0 0 0;
color: #fff;
text-decoration: none;
font:bold 13px helvetica, verdana, arial;
}
a.navlink:hover {background-position: top;}
	
	
a.arrow, a.arrow:active, a.arrow:visited {

background-image: url('images/arrow.png');
background-repeat: no-repeat;
background-position: left center;
font: 13px helvetica, arial, verdana;
color: #8aa239;
text-decoration: underline;
display: block;
padding: 0 0 0 17px;

}

a.arrow:hover { text-decoration: none; }

a.arrowportfolio, a.arrowportfolio:active, a.arrowportfolio:visited {

background-image: url('images/arrow.png');
background-repeat: no-repeat;
background-position: left center;
font: 13px helvetica, arial, verdana;
color: #8aa239;
text-decoration: underline;
clear: both;
display: block;
float: right;
padding: 0 0 0 17px;

}

a.arrowportfolio:hover { text-decoration: none; }


       

.container { width: 960px;
             margin: 0 auto;
             padding: 0 0 15px 0;
           }
             
 .bottombg { width: 100%;
             background-image: url('images/bottombg.png');
             background-position: center bottom;
             background-repeat: no-repeat;
            }
            
 .footer { width: 100%;
 	   height: 210px;
 	   margin: 0;
           background-image: url('images/footer_repeat.png');
           
            }
            
.footercontainer {width: 930px;
		  margin: 0 auto;
		  padding: 20px 15px 20px 0;
		  
		  }
		  
.copyright {font: 10px arial;
	    color: #c8c8c6;
	    width:255px;
	    float: left;
	    display: block;
	    }
	    
.footernav {
  width: 630px;
  float: left;
  display: block;
  margin: 0 0 0 15px;
}


.footernav_list {margin:0 0 0 8px;
                 padding: 0;}





.footernav_list li {width: 120px;
		    float: left;
	            display: block;
	            }
	            
.footernav_list_home li {width: 80px;
		    float: left;
	            display: block;
	            }
	    
.footernav_list li li {margin: 6px 0 0 0;}
	    
.footernav_list li a, .footernav_list_home a {font: bold 12px arial;
		      color: #daeb95;
		      text-decoration: none;
		      }
		      
.footernav_list li ul li a {font: 12px arial;
		      color: #c7c6c5;
		      text-decoration: none;
		      }
		      
.footernav_list li a:hover, .footernav_list_home:hover {text-decoration: underline;}
		      
.footernav_list li ul li a:hover {text-decoration: underline;}
	    
.footernav_list li ul {width: 100px;
			display: block;
			margin: 0 0 0 4px;
			padding: 0;
		    }


.header {width: 960px;
 	 height: 105px;
 	 display: block;
 	 margin: 10px auto 15px auto;
 	 padding: 0;
 	 background-image: url(images/logo.png);
 	 background-position: top left;
 	 background-repeat: no-repeat;
        }

#content {width:500px;
	  float: left;
	  display: block;
	  margin: 24px 100px 0 0;
	  padding: 0;
	  }
	  
#content_margin {width:500px;
	  float: left;
	  display: block;
	  margin: 24px 25px 0 0;
	  padding: 0;
	  }
	  
	  
#content h2 a {font-family: DeliciousBold, Helvetica, Arial, sans-serif;
               font-size: 24px;
	       color: #51504b;
	       text-decoration: none;
	  }
	  
#sidebar a {font: 13px helvetica, arial, verdana;
            color: #7a8a0d;
	    text-decoration: none;
	  }

#sidebar a:hover {text-decoration: underline;
	  }
	  
#sidebar {width:210px;
  	  float: left;
  	  display: block;
  	  margin:15px 0 0 0;
  	  padding: 0;
  	  
	  }
	  
	  
#sidebar ul { list-style: none outside none;
	      margin: 0;
	      padding: 0;
	      
	  }
	  
#sidebar li { margin: 6px 0 0 0;
	      padding: 0;
	      
	  }

#sidebar h2 { margin: 25px 0 11px 0;
	      padding: 0;
	      font-size: 18px;
	      font-family: DeliciousRoman, Helvetica, Arial, sans-serif;

	      
	  }



#sidebar ul ul { 
	      list-style: disc inside url("images/greendot.png");
	      margin: 0;
	      padding: 0;
	      
	  }


#metacontainer {
	clear:both;
	disply: block;
	background-color: #ecf9fc;
	width: 450px;
	padding: 15px 25px;
	margin: 10px 0 60px 0;
		
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;

		}
		
#interviewcontainer {
	disply: block;
	background-color: #eef7d5;
	width: 490px;
	padding: 15px 25px;
	margin: 25px 0 30px 0;
		
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;

		}

.content_whole { width:960px;
		 display: block;
		 }
		 
#content h2 {margin: 0 0 5px 0;}

.entry {margin: 16px 0 15px 0;}


#content_whole_cap {

 background-image: url('images/content_whole_cap.png');
 background-position: top center;
 background-repeat: no-repeat;
 display: block;
 margin: 0;
 padding: 0;
 width: 960px;
 height: 17px;
  
 }
 
 #content_whole_repeat {
 
  background-image: url('images/content_whole_repeat.png');
  background-repeat: repeat-y;
  display: block;
  margin: 0;
  padding: 25px 55px 25px 55px;
  width: 850px;
  line-height: 22px;

   
 }
 
 
  #content_whole_repeat_portfolio {
  
   background-image: url('images/content_whole_repeat.png');
   background-repeat: repeat-y;
   display: block;
   margin: 0;
   padding: 25px 110px 25px 110px;
   width: 740px;
   line-height: 22px;
    
 }
 
 #content_whole_bottom {
 
  background-image: url('images/content_whole_bottom.png');
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 17px;
  clear: both;
   
 }
 
 
 
  
 .content_half { width:480px;
 		 display: block;
 		 float: left;
 		 margin:0;
 		 padding: 0;
 		 }
 
 
 #content_half_cap {
 
  background-image: url('images/content_half_cap.png');
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0;
  width: 480px;
  height: 17px;
   
  }
  
   #content_half_cap_banner {
   
    background-image: url('images/content_half_cap_banner.png');
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 24px 0 0 0;
    width: 480px;
    height: 53px;
    text-align: center;
     
  }
  
  #content_half_repeat {
  
   background-image: url('images/content_half_repeat.png');
   background-repeat: repeat-y;
   display: block;
   margin: 0;
   padding: 10px 50px 30px 50px;
   width: 380px;
   line-height: 22px;
       
  }
  
  #content_half_bottom {
  
   background-image: url('images/content_half_bottom.png');
   background-position: top center;
   background-repeat: no-repeat;
   display: block;
   margin: 0;
   padding: 0;
   width: 480px;
   height: 17px;
    
 }
 
 
  .content_half { width:480px;
  		 display: block;
  		 float: left;
  		 }
  
  
  
  
  .content_half_nobg {
  
   display: block;
   margin: 0;
   padding: 0 35px 20px 35px;
   width: 409px;
   float: left;
   line-height: 18px;
    
   }
 
 
 
 
  .content_third { width:320px;
  		 display: block;
  		 float: left;
  		 position:relative;
  		 }
  
  
  #content_third_cap {
  
   background-image: url('images/content_third_cap.png');
   background-position: top center;
   background-repeat: no-repeat;
   display: block;
   margin: 0;
   padding: 25px 0 0 0;
   width: 320px;
   height: 52px;
   text-align: center;
    
   }
   
   #content_third_repeat {
   
    background-image: url('images/content_third_repeat.png');
    background-repeat: repeat-y;
    display: block;
    margin: 0;
    padding: 20px 35px 3em 35px;
    width: 250px;
    min-height: 264px;
     
   }
   
   #content_third_bottom {
   
    background-image: url('images/content_third_bottom.png');
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    width: 320px;
    height: 17px;
     
 }

 .content_third_bottom_link {
 	width:100%; 
 	text-align:center;
 	position: absolute;
 	left: 0px;
 	bottom: 45px;
 }
 
 
 
 .homepageslider { width: 960px;
 		    height:254px;
 		    display: block;
 		    margin: 8px 0;
 		  }
#slider a{
	display:block;
}

#slider {
  position:relative;
  width: 941px;
  height:254px;
  display: block;
  margin: 8px 0;
  
}
#slider {
  margin-left: 10px !important;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
 		  
#bigtype {font-size: 14px;}
#smalltype {font-size: 11px;color: #6b6a64;}


.planningkitright { width: 400px; float: left;}
.planningkitleft { width: 400px; float: left; margin: 0 50px 0 0;}
.planningkitright input {width:260px}

.planningkitright_inside { width: 332px; float: left; margin: 35px 0 20px 0;}
.planningkitleft_inside { width: 370px; float: left; margin:35px 38px 20px 0;}
.planningkitleft_embedded_page { width: 320px; float: left; margin:10px 38px 20px 0;}

.planningkitleft_embedded_page input { width:260px }

input  {    height: 27px;
	    border: 1px solid #c2cacc;
	    margin: 0 0 15px 0;
	    padding: 0 6px;
	    color: #6a6a6a;
            font-size: 16px;
	}
	
#sidebar input  {    height: 19px;
		     width: 132px;
	    	     border: 1px solid #c2cacc;
	             margin: 0 5px 27px 0;
	    	     padding: 0 6px;
	    	     color: #6a6a6a;
	    	     float: left;
                     font-size:16px;
	        }
	        
input#searchsubmit  {    
	height: 20px;
	width: 51px;
	display: block;
	float: left;
	background: url(images/searchbutton.png);
	text-indent: -9999px;
	border:0;
	background-position: top left;
	        }

input#searchsubmit:hover {cursor: pointer;
			  background-position: bottom left;
			  }




 
a.submitbutton {width: 82px;
	       height: 30px;
	       display: block;
	       float: right;
	       margin: 0 65px 0 0;
	       background-image: url(images/sumbitform.png);
	       background-position: top;
	       background-repeat: no-repeat;
	       }
	       
a.submitbutton:hover {background-position: bottom;}

a.gobutton {width: 42px;
	       height: 26px;
	       display: block;
	       float: left;
	       margin: 23px 0 0 8px;
	       background-image: url(images/gobutton.png);
	       background-position: top;
	       background-repeat: no-repeat;
	       }
	       
a.gobutton:hover {background-position: bottom;}


.greybar {
  display: block; 
  height: 440px; 
  width: 1px; 
  background-color: #e8e8e8; 
  margin: 35px 0 0 0; 
  float: left;
}		


.lcp_catlist {list-style: none inside none !important;
              margin: 0;
              line-height: 22px;
              padding: 0;
              clear: both;
              
	      }
	      

.lcp_catlist li span {font: 20px helvetica, arial, verdana;
		      color: #51504b;
		      }
		      

.lcp_catlist a {font: 13px helvetica, arial, verdana;
		text-decoration: none;
		}
		
.lcp_catlist img {border: none !important;
		  }
		  
.lcp_catlist h2 {margin: 0 0 8px 0;}
.lcp_catlist p {margin-top: 0;}

img.alignright {float: right; margin: 0 0 0 35px !important; border: 0;}
img.alignleft {float: left; margin: 0 35px 0 0 !important; border: 0;}



.profilecolumn {width: 140px;
		display: block;
		float: left;
		margin: 15px 30px 15px 0;
		}
		
.profilecolumn img {margin: 6px 0 8px 0;}




.post {clear: both;}


small {font-size: 11px;}

.commentlink {width: 105px;
	      height:21px;
	      margin:0;
	      padding: 0 0 0 19px;
	      float: left;
	      diplay: block;
	      background-image:url(images/comment.png);
	      background-repeat: no-repeat;
	      background-position: top left;
	      }
	      
.commentlink a  {text-decoration:none;
		 font-weight: bold;  }
		 
.commentlink a:hover  {text-decoration:underline;}


#sidebar_form {width: 220px;
               display: block;
               margin: 25px 0 25px 0;
               padding: 0;
               }
               
#sidebar_form input {width: 205px;
	       height: 24px;
               display: block;
               margin: 0 0 8px 0;
               padding: 0;
               }
               
#sidebar_form h2 {margin: 3px 0 6px 0;
                  font-size: 24px;}
               
#sidebar_form_cap {
		width: 215px;
		height: 49px;
		background-image: url(images/sidebarform_cap.png);
		background-repeat: no-repeat;
               	display: block;
               	margin: 0;
               	padding: 20px 20px 0 20px;
               	text-align: center;
               }
               
#sidebar_form_repeat {
		width: 200px;
		background-image: url(images/sidebarform_repeat.png);
		background-repeat: repeat-y;
               	display: block;
               	margin: 0;
               	padding: 10px 30px 10px 25px;
               }
               
#sidebar_form_bottom {
		width: 260px;
		height: 25px;
		background-image: url(images/sidebarform_bottom.png);
		background-repeat: repeat-y;
               	display: block;
               	margin: 0;
               	padding: 0;
               }
	      


.navcontain {float: right;
             height: 25px;
             display: block;}

.thenav    {list-style: none inside none;
            margin:0;
            padding: 0;
            display: block;
                     }
                     
.thenav ul, .thenav ul ul    {list-style: none inside none;}
                     
                     
.thenav li {float: left;}

.thenav li .home_btn {
  -moz-border-radius-topleft:  4px;     
  -webkit-border-top-left-radius: 4px;   
  border-top-left-radius: 4px; 
  -moz-border-radius-bottomleft:  4px;     
  -webkit-border-bottom-left-radius: 4px;   
  border-bottom-left-radius: 4px;        
}
.thenav li.page-item-11 a {
  -moz-border-radius-topright:  4px;     
  -webkit-border-top-right-radius: 4px;   
  border-top-right-radius: 4px; 
  -moz-border-radius-bottomright:  4px;     
  -webkit-border-bottom-right-radius: 4px;   
  border-bottom-right-radius: 4px;
}

.thenav li a, .thenav li li a {
  width: 110px;
  height: 20px;
  display: block;
/*  background-image: url('images/nav_repeat.png');*/
  background-position: top;
  text-align: center;
  padding: 5px 0 0 0;
  border-right: 1px solid #90978b;
  border-left: 1px solid #595e55;
  font: 14px deliciousroman;
  color: #fff;
  text-decoration: none;

  border-right: 1px solid #90978B;
  border-left: 1px solid #595E55;
  background-color: #8e8e8e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e', endColorstr='#565c51'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#565c51));
  background: -moz-linear-gradient(top,  #8e8e8e,  #565c51); 
}
.header .thenav li.current_page_item a, .header .thenav li a:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a6155', endColorstr='#3a4036'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#5a6155), to(#3a4036)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #5a6155,  #3a4036); /* for firefox 3.6+ */
}
	      
.thenav li a:hover, li.current_page_item a {background-position: bottom;}
	      
	      
.thenav li li a {width: 110px;
	      height: 20px;
	      background-image: none;
	      background-color: #000;
	      text-align: center;
	      padding: 5px 0 0 0;
	      border-right: 1px solid #90978b;
	      border-left: 1px solid #595e55;
	      font: 14px deliciousroman;
	      color: #fff;
	      text-decoration: none;
	      display: none;
	      
	    }
	    
.thenav li a:hover .thenav li li a {display: block;}


	    


.navcap_left {width: 5px;
	      height: 25px;
	      display: block;
	      float:left;
	      background-image: url('images/navcap_left.png');
	      }
	      
.navcap_right {width: 5px;
	      height: 25px;
	      display: block;
	      float:left;
	      background-image: url('images/navcap_right.png');
	      margin: 0 0 0 -1px;
	      }
	      
.subnav_leftcap {width: 13px;
	      	      height: 29px;
	      	      display: block;
	      	      float:left;
	      	      background-image: url('images/subnav_leftcap.png');
	      	      }
	      	      
.subnav_rightcap {width: 14px;
	      	      height: 29px;
	      	      display: block;
	      	      float:left;
	      	      background-image: url('images/subnav_rightcap.png');
	      }
	      
	      
#nav2{
        display: block;
        font-size:1.1em;
        height:20px;
        margin:0;
        padding: 0;
        float: left;
}

#nav2, #nav2 ul {
	line-height: 1;
	list-style: none;
}

#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
	text-decoration: none;
	      height: 20px;
	      
	      background-image: url('images/nav_repeat.png');
	      background-position: top;
	      text-align: center;
	      padding: 5px 0 0 0;
	      border-right: 1px solid #90978b;
	      border-left: 1px solid #595e55;
	      font: 14px deliciousroman;
	      color: #fff;
}

#nav2 li {
	float: left;
	list-style:none;
}

#nav2 a,#nav2 a:visited {
	display:block;
	padding:4px 0 0 0;
	height: 21px;
	width:120px;
	}

#nav2 a:hover, #nav2 a:active {
	color:#fff;
	text-decoration:none
}	

#nav2 li ul {
	height: auto;
	left: -999em;
	position: absolute;
	width: 900px;
	z-index:999;
}




#nav2 li li {
	width: auto;
}

#nav2 li li a,#nav2 li li a:visited {
        height: 18px;
	font-weight:normal;
	font-size:12px;
	color: #fff;
	background-color:#8d9389;
	margin: 8px 0 0 0;
	font-family: helvetica, arial;
	background-image: none;
}

#nav2 li li a:hover,#nav2 li li a:active {
	        height: 18px;
		font-weight:normal;
		font-size:12px;
		color: #fff;
		background-color:#6e726b;
		margin: 8px 0 0 0;
		font-family: helvetica, arial;
	background-image: none;
	border:0;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: 30px;
}
.biocontainer {width: 100%;
	       margin-bottom: 30px;}

.biopicture {  float:left;
	       height: 100%;
	       margin-top: 5px;
	       margin-right: 25px;
	       margin-bottom: 25px;
	       }
.featured_project {
 display: block;
}
.home_video {
  display: none;
}