/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: #fff;
	color: #282828;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/background.gif);
}

#container {
	background-image: url(../images/container_bg.jpg);
	width: 740px;
	margin: 0 auto;
	text-align: left;
}

#container p{
	font-size: 1.2em;
	line-height: 1.4em;

}

a {

	color: #66af3e;
	font-size: 1.1em;
}



a img{ border: none;}



/* ------------------------------
	TOP NAVIGATION
------------------------------ */
#topnav-container {
	background-image: url(../images/nav_paper_bg.jpg);
	width: 740px;
	margin: 0 auto;
	padding: 0;
height: 115px;
}

#logo {
float: left;
text-indent: -5000px;
	width: 240px; height: 115px;
	background: url(../images/logo.gif) no-repeat left bottom;
}

#topnav ul {
	display:inline;
	overflow: hidden;
}

#topnav li {
float: left;
text-indent: -5000px;
list-style: none;
}

#topnav li a {
	display: block;
height: 115px;
	padding-top: 115px; height: 0px !important; 
	height /**/: 115px; overflow: hidden;
}

#n-home {
	width: 97px;
}

#n-portfolio {
	width: 138px;
}

#n-about {
	width: 161px;
}

#n-contact {
	width: 104px;
}

#n-home a {
	background: url(../images/nav/home.gif) no-repeat left top;
}

#n-portfolio a {
	background: url(../images/nav/portfolio.gif) no-repeat left top;
}

#n-about a {
	background: url(../images/nav/about.gif) no-repeat left top;
}

#n-contact a {
	background: url(../images/nav/contact.gif) no-repeat left top;
}

#topnav li a:hover {
	background-position: left -115px;
}

#topnav a:active, #topnav a.selected {
	background-position: left -115px;
	}



/* ------------------------------
	LEFT COLUMN
------------------------------ */
#left-col {
float: left;
width: 235px;
text-align: left;
font-size: .9em;
color: #8c8e8d;
}

#left-col strong {
	color: #666;
}

#left-col p {
margin: 0;
padding: 5px 5px 0 5px;
}

.left-col-image {
 display: block; 
}

#feature {
	margin: 0;
	width: 232px;
	height: 183px;
	padding: 183px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/: 183px;
	background-image: url(../images/home/feature_organictrust.jpg);
	background-repeat: no-repeat;
}

#feature a {
height: 183px;
padding: 183px 0 0 232px;
height: 0px !important; 
	height /**/: 183px;
}

	
	
/* ------------------------------
	MAIN COLUMN
------------------------------ */
#main-col {
float: left;
margin: -8px 0 0 0;
padding: 0;
width: 500px;
}

#main-col h1 {
margin: 0;
	padding: 5px;
	color: #666;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	
}

#main-col p {
	padding: 5px 5px 0 5px;
	margin: 0;
}

.mindswide {
	color: #999;
	text-align: right;
	padding: 0 20px 0 0;
	font-size: 1em;
}

.mindswide a {
	color: #999;
	text-decoration: none;
	font-size: 1em;
}

.mindswide a:hover {
	color: #666;
	text-decoration: underline;
}

.spacer {
	clear: both;
}

/* ------------------------------
	FOOTER
------------------------------ */
#footer
	{
	clear:both;
	height: 40px;
	padding-top: 40px; height: 0px !important; 
	height /**/: 40px; overflow: hidden;
	background: url(../images/footer.jpg) no-repeat top center;

	}

	
/* ------------------------------
	PORTFOLIO
------------------------------ */

#portfolio_item
{
	width: 450px;
	margin: 0 auto;
	text-align: center;
}

#portfolio_item_thm {
float: left;
width: 230px;
padding: 0;
margin: 0;
text-align: left;
}

#portfolio_item_thm ul {
	display:inline;
	overflow: hidden;
}

#portfolio_item_thm li {
float: left;
text-indent: -5000px;
list-style: none;
}

#portfolio_item_thm li a {
	display: block;
height: 15px;
	padding-top: 15px; height: 0px !important; 
	height /**/: 15px; overflow: hidden;
}

#thm_1 a {
	background: url(../images/buttons/thm_1.gif) no-repeat left top; width:20px;
}

#thm_2 a {
	background: url(../images/buttons/thm_2.gif) no-repeat left top; width: 20px;
}

#thm_3 a {
	background: url(../images/buttons/thm_3.gif) no-repeat left top; width: 20px;
}

#portfolio_item_thm li a:hover {
	background-position: left -15px;
}

#portfolio_item_thm a:active, #portfolio_item_thm a.selected {
	background-position: left -15px;
	}

#portfolio_item_vs {
float: left;
text-indent: -5000px;
	width: 70px; height: 15px;
}

#portfolio_item_vs a {
display: block;
height: 15px;
padding-top: 15px; height: 0px !important; 
height /**/: 15px; overflow: hidden;
background: url(../images/buttons/view_site.gif) no-repeat left top;
}

#portfolio_item_vs a:hover {
	background-position: left -15px;
}

#portfolio_item_lv {
float: left;
text-indent: -5000px;
	width: 150px; height: 15px;
}

#portfolio_item_lv a {
display: block;
height: 15px;
padding-top: 15px; height: 0px !important; 
height /**/: 15px; overflow: hidden;
background: url(../images/buttons/large_view.gif) no-repeat left top;
}

#portfolio_item_lv a:hover {
	background-position: left -15px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	
#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
	
/* ------------------------------
	PORTFOLIO NAVIGATION
------------------------------ */


#websites {
	margin: 0;
	width: 235px;
	height: 41px;
	padding: 41px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/: 41px;
}

#websites a {
	height: 41px;
	padding: 41px 0 0 235px; 
	background: url(../images/nav/websites.jpg) no-repeat left top;
	height: 0px !important; 
	height /**/: 41px;
}

#websites a:hover {
	background-position: left -41px;
}

#print {
	margin: 0;
	width: 235px;
	height: 44px;
	padding: 44px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/: 41px;
}

#print a {
	height: 44px;
	padding: 44px 0 0 235px; 
	background: url(../images/nav/print.jpg) no-repeat left top;
	height: 0px !important; 
	height /**/: 44px;
}

#print a:hover {
	background-position: left -44px;
}

#photography {
	margin: 0;
	width: 235px;
	height: 46px;
	padding: 46px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/: 41px;
}

#photography a {
	height: 46px;
	padding: 46px 0 0 235px; 
	background: url(../images/nav/photography.jpg) no-repeat left top;
	height: 0px !important; 
	height /**/: 46px;
}

#photography a:hover {
	background-position: left -46px;
}

#other {
	margin: 0;
	width: 235px;
	height: 50px;
	padding: 50px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/: 50px;
}

#other a {
	height: 50px;
	padding: 50px 0 0 235px; 
	background: url(../images/nav/other.jpg) no-repeat left top;
	height: 0px !important; 
	height /**/: 50px;
}

#other a:hover {
	background-position: left -50px;
}

/* ------------------------------
	HOME PORTFOLIO THUMBNAILS
------------------------------ */
	
	
ul.homethumbGallery{
  list-style:none;
  padding:0; margin:0;}
  
ul.homethumbGallery li{
  float:left;
  border:1px solid #ccc;
  padding:3px;
  margin: 6px;
  }
ul.homethumbGallery a img{
  border:1px solid #000;
  }
	
/* ------------------------------
	PORTFOLIO THUMBNAILS
------------------------------ */
	
	
ul.thumbGallery{
  list-style:none;
  padding:0; margin:0;}
  
ul.thumbGallery li{
  float:left;
  border:1px solid #ccc;
  padding:1px;
  margin: 2px;
  }
ul.thumbGallery a img{
  border:1px solid black;
  }





.seperator {
clear: both;
	background: url(../images/left_seperator.gif) no-repeat center center;
margin: 15px 0;
	padding: 5px 0 10px; 0;
	height: 30px;
}

/* ------------------------------
	CONTACT PAGE
------------------------------ */

#contact {
	margin: 0;
	background: url(../images/contact/form_bg.jpg) no-repeat;
	width: 493px;
	height: 270px;
}

.formfield {
	border: 3px double #cbc5a1;
	background: #f1ecd8;
	margin: 0 0 10px 0;
	color: #da9179;
	}
	
.contactsubmit {
	border: 3px double #cbc5a1;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	background-color: #f1ecd8;
}

.contact_name {position: absolute; padding:85px 0 0 10px; width: 180px; color: #666;}

.contact_email {position: absolute; padding:135px 0 0 10px; width: 180px; color: #666;}

.contact_phone {position: absolute; padding: 180px 0 0 10px; width: 180px; color: #666;}

.contact_comment {position: absolute; padding: 85px 0 0 240px; width: 240px; color: #666;}

.contact_newsletter {position: absolute; padding: 230px 0 0 10px; width: 170px; color: #666;}

.contact_submit {position: absolute; padding: 235px 0 0 320px; width: 170px; color: #666;}

.contact_thanks {position: absolute; padding: 125px 0 0 170px; width: 220px; color: #666;}

input:focus, select:focus, textarea:focus {
background: #FFF;
color:#333;
}


		#orchard_text{
			margin:0px 0px 0px 50px;
			padding: 0px 10px;
			height:100%;
			width:330px;
			z-index: 3;
			background: url(../images/text_bg.png) repeat-y left top;
			position:absolute;
		}
		

		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(../images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}