body {
	padding: 0;
	margin: 0;
	text-align:center;
	background-color: #000000;	
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;	
	}
	
a, a:link, a:visited, a:active, a:hover {
	color: #00cc00;
	text-decoration: underline;

}

a:active
{
outline: none !important;
}

	
h1 {
	font-size: 20px;
	font-weight: normal;
}

h2 {
	color: #00cc00;
	font-weight: bold;
	font-size: 13px;
}
	
#wrapper {
	width: 980px;
	height: 560px;
	top: 50%;
	left: 50%;
	background-color: #000000;
	position: absolute;
	margin-left: -490px;
	margin-top: -280px;
	text-align:left;
}

* html #wrapper {
	height: 600px;
	margin-top: expression((  ( ignoreMe = document.documentElement.clientHeight > 605 ? -300 : (document.documentElement.clientHeight/2)-((document.documentElement.clientHeight/2)*2) ) ) + 'px');
}

*+html #wrapper {
	height: 600px;
	margin-top: expression((  ( ignoreMe = document.documentElement.clientHeight > 605 ? -300 : (document.documentElement.clientHeight/2)-((document.documentElement.clientHeight/2)*2) ) ) + 'px');
}

#homeWrapper {
	width: 888px;
	height: 258px;
	top: 50%;
	left: 50%;
	background-color: #000000;
	position: absolute;
	margin-left: -444px;
	margin-top: -129px;
	text-align:left;
	}
	
p {
	padding:0 0 12px 0;
	margin: 0;
	font-size: 12px;
}

.green {
	color: #00cc00;
}

td {
	padding: 0px;
	font-size: 12px;
	}
	
#left {
	/*float: left;*/
	position:absolute;
	top: 0;
	left: 0;
	width: 228px;
	
}
#right {
	/*float: left;*/
	position:absolute;
	top: 0;
	left: 228px;
	width: 762px;
}

#rightAbout {
	/*float: left;*/
	position:absolute;
	top: 0;
	left: 248px;
	width: 742px;
}

#navInside {
	margin: 10px 0 10px 0;
	padding: 4px;
	background: url(../images/mini-nav-crops.gif) no-repeat;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#navHome {
	position: absolute;
	top: 0px;
	left: 280px;
	background: url(../images/home-nav-crops.gif) no-repeat;
	padding: 4px;
}

.copyright, #credit p {
	font-size: 9px;
	padding-top: 8px;
	color: #666666;
}

#credit p {
	padding-top: 16px;
}

#credit {
	text-align: right;
	}
	
#credit a, #credit a:link, #credit a:visited, #credit a:hover, #credit a:active {
	text-decoration: none;
	color: #666666;
}

#credit a.whiteLink, #credit a.whiteLink:link, #credit a.whiteLink:visited {
	color: #ffffff;
	text-decoration: none;
}

#credit a.whiteLink:active, #credit a.whiteLink:hover {
	color: #00c000;
	text-decoration: underline;
}

/* TESTIMONIALS */

.attribute {
	font-size: 10px;

}



/* PORTFOLIO */

#portfolioChooser {
	color: white;
	font-size: 12px;
	padding: 4px;
	text-align: center;
}

#portfolioChooser a, a.link, #portfolioChooser a.visited {
	text-decoration: underline;
	color: white;
}

#portfolioChooser a.hover, #portfolioChooser a.active {
	text-decoration: none;
	color: white;
}


#caption, #copyright {
	left: -500px;
	opacity:0;
	filter:alpha(opacity=0);
	padding: 4px;
	color: white;
	float: left;
	position: relative;
	/*margin-left: 18px;*/
	margin-top: 14px;
	width: 248px;
	height: 30px;
	background-image: url(../images/caption-bg.gif);
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 240px;
	height: 22px;
	}
	
#otherImages {
	float: left;
}
	
#copyright {
	background: none;
}
	
#caption p {
	font-size: 11px;
	padding: 4px;
}

#thumbnails {
	padding: 5px 5px 0px 5px;
	background-image: url(../images/crops.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	overflow:hidden;
	height: 297px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height: 292px;
}
#thumbnailsFooter {
	float: left;
	height:5px;
	width: 228px;
	background-image: url(../images/cropsbottom.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

#thumbnails img {
	padding: 4px;
	border: 1px dotted black;
	}

#gallery {
	float: left;
	padding: 4px 0 0 24px;
}

#galleryNoPad {
	float: left;
	padding: 0;
}

#crop-top-left, #crop-top-right, #crop-bottom-left, #crop-bottom-right {
	height: 4px;
	width: 4px;
	opacity:0;
	filter:alpha(opacity=0);
	position: absolute;
	z-index: 10;
}

#crop-top-left {
	top: 0px;
	left: 248px;
}

#crop-top-right {
	top: 0px;
}

#crop-bottom-left {
	left: 248px;
}

#scrollcontainer {
	width: 228px;
	/*height: 855px;*/
}

#scrollcontent {
	float:left; 
	width:228px; 
	height:295px; 
	overflow:hidden; 
	display:block; 
}

#thumbnailsNav, #thumbnailsNavProduction {
	padding: 20px 0 0 2px;
	width:228px; 
	text-align: center;
	font-size: 9px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 226px;
}

#thumbnailsNavProduction {
	text-align: left;
}

#thumbnailsNav img {
	border: 0;
	padding-right: 4px;
	padding-left: 4px;
	}
	
#thumbnailsNavProduction img {
	padding: 0 4px 4px 0;
	border: 0;
	}
	
#thumbnailsNavProduction a, #thumbnailsNavProduction a:link, #thumbnailsNavProduction a:visited, #thumbnailsNavProduction a:hover, #thumbnailsNavProduction a:active {
	color: white;
	text-decoration: none;
	}
	
.productionLink {
	width: 50%;
	float: left;
	padding: 0 0 4px 0;
	margin: 0;
}

.floatClearer {
	clear:both;
	height:1px;
	font-size:1px;
	line-height: 1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

.pageWrapper {

	height: 292px;
	}

/* CLIENT AREA */

.formElement {
	width: 200px;
	font-size: 11px;
	}
	
.formButton {
	font-size: 12px;
}


/* ALL INSIDE PAGES */

#insideLeft {
	position: absolute;
	top: 0;
	left: 20px;
	width: 258px;
}



#insideRight {
	position: absolute;
	top: 0;
	left: 298px;
	width: 444px;
}

#insideRightInner {
	padding: 0 0 0 16px;
}



#innerCopyright {
	text-align: center;
}

#portfolioChooser a, #portfolioChooser a:link, #portfolioChooser a:visited, #portfolioChooser a:active, #portfolioChooser a:hover, #thumbnails a, #thumbnails a:link, #thumbnails a:visited, #thumbnails a:active, #thumbnails a:hover, #thumbnailsNav a, #thumbnailsNav a:link, #thumbnailsNav a:visited, #thumbnailsNav a:active, #thumbnailsNav a:hover {
	color: black;
	text-decoration: none;

}

#portfolioChooser a:active, #portfolioChooser a:hover, #thumbnails a:active, #thumbnails a:hover, #thumbnailsNav a:active, #thumbnailsNav a:hover
{
outline: none !important;
}