﻿@charset "UTF-8";
/* CSS Document */

/*sheepdog green: c1d72e */
@font-face {
	font-family: 'WalkwayBoldRegular';
	src: url('Walkway_Bold.eot');
	src: local('Walkway Bold Regular'), local('WalkwayBold'), url('Walkway_Bold.woff') format('woff'), url('Walkway_Bold.ttf') format('truetype'), url('Walkway_Bold.svg#WalkwayBold') format('svg');
}

html{margin:0; padding:0;}
body{margin:0; padding:0; background:url(../images/sd_bg.png) no-repeat top left; font-family:WalkwayBoldRegular, Arial; font-size:12px; color:#717074; letter-spacing:1px; line-height:1.6em; }
p{font-size:12px; color: #333; letter-spacing:1px; line-height:1.6em;}
a{border-bottom:1px dotted #565658; color:#39393b; text-decoration:none; cursor:pointer;}
a:focus{border:none; outline:none;}
img a, a img{border-bottom:none;}

h1{}
h1 img {float:left; margin:0 10px 0 0;}
/* layout */
#bars{width:100&; height:215px; background:url(../images/bars.png) no-repeat top left;}

#top_shadow{width:100%; height:11px; background:url(../images/top_shadow.png) repeat-x top left;position:absolute; left:0px; top:0px; z-index:2;}
#left_shadow{position:absolute; left:0px; top:0px; height:100%; background:url(../images/left_shadow.png) repeat-y top left; width:11px;} 
#right_shadow{position:absolute; right:0px; top:0px; height:100%; background:url(../images/right_shadow.png) repeat-y top right; width:11px;} 

#left_main{ width:560px; height:100%; position:absolute; top:0; left:0; background:url(../images/middle_shadow.png) repeat-y top right; }
#left_inner {width:420px; margin-left:75px; margin-top: 40px; font-family:WalkwayBoldRegular, Arial; font-size:12px; color:#565658;  line-height:1.6em; text-align:left;}
#left_nav{ width:470px; height:30px; margin-left:0px;}

#right_main{ width:550px; padding-left:20px; height:421px; position:absolute; left: 541px; top: 119px; background:url(../images/right_bg.png) no-repeat bottom left; }

#contact{ width:226px; height:134px; position:absolute; right:0px; top:461px; background:url(../images/contact_bg.png) no-repeat top left; font-size:11px; color:#333; text-align:right; }
#contact_inner{ position:absolute; left: 18px; top: 30px; letter-spacing:1px; }



#content{ position:relative; margin:0; padding:0;}

#home, #about, #contactus, #leadership {margin:0; padding:0; position:relative; }
#leadership #laura, #leadership #james, #leadership #leslie, #leadership #nancy {position:relative;  margin-top:25px;}
.clear {clear: both;}
.button {float: left;padding: 0 8px 0 8px;margin-right:10px;}

/*#home {display: block;padding: 0px;}


#about, #web, #philosophy, #full_service, #leadership, #contactus, #james {;padding: 0px;}
#about1, #about2{width:420px; height:500px; margin-left:75px; font-family:WalkwayBoldRegular, Arial; font-size:12px; color:#565658;  line-height:1.6em; text-align:left; overflow:hidden;}


#home-button {opacity: 1;border-bottom: 3px solid #c1d72e; cursor:pointer;}
 
#about-button, #leadership-button, #philosophy-button, #full_service-button, #leadership-button, #contactus-button, #james-button {opacity: 0.5;border-bottom: 0px solid #c1d72e; cursor:pointer;}
*/

#portfolio_nav{}
#portfolio_nav img{float:left; margin-right:5px;}
#portfolio_nav img a{border:none;}
#portfolio_nav img a:hover {border:3px dotted #c1d72e;}
.portfolio_description{position: relative; background:url(../images/gray_bg.png) no-repeat bottom left; color:#fff; width:auto; padding:5px 10px 10px 10px; letter-spacing:1px; }
.portfolio_description h3 {color:#fff; font-size:12px; font-weight:bold; margin-top:0px;}
.portfolio_description p {font-size:10px; color:#fff;}
.portfolio_description p a{color:#fff; border-bottom: 1px dotted #333;}
/* lightbox styling */
.photo a {border:none;}
.photo a img {margin-right:0px;}
