/*
-----------------------------------------------
Style Sheet

Site: Greg Hebert
Author:   aaryn.com
Version:  2008.9
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* ---------- A note on font-sizing ---------- 
Default font size in IE6, IE7 and FireFox is 16px. 
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/

html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background:url(../images/background.gif) repeat #d0ccc0;
	font-size:.75em; /* 75% of 16px = 12px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
    margin: 0 0 0 0;
	color:#3f2314;
	}

a:link, a:visited {
	color:#30857d;
	text-decoration:none;
	}
	
a:hover, a:active {
	color:#973114;
	text-decoration:none;
	}
	

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:right;
	}


	


.raquo {
	font-size:1.2em;
	color:#fff;
	}

.hr {
	width:100%;
	background:#ccc;
	color:#ccc;
	height:1px;
	overflow:hidden;
	margin:20px 0 20px 0;
	}

/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:852px;
	margin:0 auto;
	line-height:1.7em;
	border:1px solid #000;
	border-top:none;
	background:#fff;
	}

#title {
	background:url(../images/greg_hebert.gif) no-repeat top right;
	width:127px; /*Wider width than actual image to accommodate off-centered placement */
	height:49px;
	margin:12px auto 0 auto;
	}

#top_home_link {
	width:116px;
	height:49px;
	float:right;
	display:block;
	text-indent:-5000px;
	outline:none;
	}

#middle_home_link {
	width:116px;
	height:38px;
	display:block;
	text-indent:-5000px;
	outline:none;
	margin-left:372px;
	}

#bottom_home_link {
	width:116px;
	height:25px;
	float:right;
	display:block;
	text-indent:-5000px;
	outline:none;
	}

#header_top {
	background:url(../images/header_top.jpg) no-repeat;
	width:852px;
	height:38px;
	}

#landscape_architect {
	background:url(../images/landscape_architect.gif) no-repeat top right;
	width:127px; /*Wider width than actual image to accommodate off-centered placement */
	height:25px;
	margin:0 auto;
	}

#content_container {
	width:812px;
	margin:0 20px 20px 20px;
	font-size:.92em;
	}
	
	#content_container_home {
	width:832px;
	margin:10px;
	font-size:.92em;
	}
	
	#content_container img, #content_container a:link img, #content_container a:visited img {
	border:1px solid #000;
	padding:0px;
	}

	#content_container ul {
		margin:0 0 10px 10px;
		}
		
		#content_container ul li {
			/*_position:relative;	 to fix the IE bullet peekaboo pug - need to hide to fix drop-down menu issue in IE 6.0*/
			padding-left: 10px;
			line-height:1.4em;
			list-style: none;
			background: transparent url(../images/bullet.gif) 0px 6px no-repeat;
			margin-bottom:10px;
			}
	

#homepage_photo_header {
	background:url(../images/birds_of_paradise.jpg) no-repeat;
	width:832px;
	height:223px;
	margin:10px;
	}
	
#homepage_photo_header_text {
		float:right;
		width:191px;
		height:199px;
		margin:9px 9px 0px 0px;
		color:#fff;
		font-weight:normal;
		font-size:.92em;
		line-height:1.6em;
		}

#split_column_left {
	width:396px;
	margin-right:40px;
	float:left;
	display:inline;
	}
	
#split_column_right {
	width:376px;
	float:left;
	display:inline;
	}

.address_text {
	font-size:1.0em;
	font-weight:normal;
	color:#3f2314;
	width:195px;
	float:left;
	margin-bottom:12px;
	line-height:1.4em;
	}
	
	.homebottom_text {
	font-size:1.0em;
	font-weight:normal;
	color:#666666;
	float:left;
	margin-bottom:12px;
	line-height:1.6em;
	}
	
	.copyright_text {
	color:#86746b;
	margin-top:6px;
	}


.sub_contact_info_title {
	font-size:1.0em;
	font-weight:normal;
	float:left;
	color:#666;
	margin-bottom:12px;
	width:65px;
	line-height:1.4em;
	}

	.divider-line {
	background-color:#c7c2b6;  
	text-align:center; 
	margin:10px 0 10px 0; 
	font-weight:bold; 
	color:#601f09; 
	padding:2px 0;
	width:812px;
	}
	
	.divider-line2 {
	background-color:#601f09;   
	text-align:center; 
	margin:0px 0 0px 0; 
	font-weight:bold; 
	color:#ffffff; 
	padding:2px 0;
	width:812px;
	}
	
	.divider-line3 {
	background-color:#c7c2b6;  
	text-align:center; 
	margin:0px 0 0px 0; 
	font-weight:bold; 
	color:#333333; 
	padding:2px 0;
	width:812px;
	}

/* Page Headers
 * ------------------------------------------------------------------------- */

#projects_header {
	background:url(../images/projects_header.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:10px;
	float:left;
	}

#projects_header_traditional {
	background:url(../images/projects_header_traditional.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_spanish {
	background:url(../images/projects_header_spanish.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_residential {
	background:url(../images/projects_header_residential.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}
	
#projects_header_rancho {
	background:url(../images/projects_header_ranchoval.gif) no-repeat;
	width:270px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}
	
#projects_header_details {
	background:url(../images/projects_header_details.gif) no-repeat;
	width:270px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_mediterr {
	background:url(../images/projects_header_mediterr.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_historic {
	background:url(../images/projects_header_historic.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_desert {
	background:url(../images/projects_header_desert.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_craftstrad {
	background:url(../images/projects_header_craftstrad.gif) no-repeat;
	width:300px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_craftsman {
	background:url(../images/projects_header_craftsman.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_contemporary {
	background:url(../images/projects_header_contemporar.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}
	

#projects_header_asian {
	background:url(../images/projects_header_asian.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}
	
#projects_header_public {
	background:url(../images/projects_header_public.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#projects_header_gardens {
	background:url(../images/projects_header_gardens.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}
	
#projects_header_commercial {
	background:url(../images/projects_header_commercial.gif) no-repeat;
	width:308px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:2px;
	}

#contact_header{
	background:url(../images/contact_header.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:10px;
	}


#awards_header {
	background:url(../images/awardspubs_header.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:10px;
	}

#about_header {
	background:url(../images/aboutus_header.gif) no-repeat;
	width:250px;
	height:20px;
	text-indent:-5000px;
	margin-bottom:10px;
	}

#blank_thumb {
	background:url(../images/blankthumb.jpg) no-repeat;
	width:175px;
	height:117px;
	text-indent:-5000px;
	}
	



/* Projects Nav
 * ------------------------------------------------------------------------- */
#projects_nav {
	width:400px;
	font-size:.82em;
	float:right;
	text-align:right;
	line-height:1.8em;
	margin: 0 0 5px 0;
	}

	
	ul#projects_nav li {
		margin: 0;
		padding: 0 3px 0 5px;
		display: inline;
		border-left: 1px solid #601f09;
		background:none;
		line-height:1.8em;
		background: none;
		color:#000;
		}
		
		#projects_nav li.address {
			color:#4f3622;
			}
		
		#projects_nav li.first { 
			border: none;
			padding-left:0;
			}
		
		#projects_nav li.last {
			padding-right:0;
			}
	
		#projects_nav a:link, #projects_nav a:visited{
			text-decoration:none;
			}
	
		 #projects_nav a:hover, #projects_nav a:active {
			text-decoration:none;
			}


/* Projects Nav Home
 * ------------------------------------------------------------------------- */
#projects_nav_home {
	width:300px;
	font-size:.82em;
	float:right;
	text-align:right;
	margin: 0 0 5px 0;
	}

	
	ul#projects_nav_home li {
		margin: 0;
		padding: 0 3px 0 5px;
		display: inline;
		border-left: 1px solid #666666;
		background:none;
		line-height:1.8em;
		background: none;
		color:#000;
		}
		
		#projects_nav_home li.address {
			color:#4f3622;
			}
		
		#projects_nav_home li.first { 
			border: none;
			padding-left:0;
			}
		
		#projects_nav_home li.last {
			padding-right:0;
			}
	
		#projects_nav_home a:link, #projects_nav a:visited{
			text-decoration:none;
			}
	
		 #projects_nav_home a:hover, #projects_nav a:active {
			text-decoration:none;
			}



	

/* Footer
 * ------------------------------------------------------------------------- */
#footer {
	margin:0px auto;
	width:852px;
	text-align:center;
	font-size:.82em;
	}
	
	#footer p {
			margin: 0 0 12px 0;
			padding: 0;
			}

	#footer ul {
			margin: 0 0 5px 0;
			padding: 0;
			}
	
	#footer li {
		margin: 0;
		padding: 0 5px 0 7px;
		display: inline;
		border-left: 1px solid #153258;
		line-height:1.4em;
		background: none;
		color:#000;
		}
		
		#footer li.address {
			color:#4f3622;
			}
		
		#footer li.first { 
			border: none;
			padding-left:0;
			}
		
		#footer li.last {
			padding-right:0;
			}
	
		#footer a:link, #footer a:visited{
			text-decoration:none;
			}
	
		 #footer a:hover, #footer a:active {
			text-decoration:none;
			}



/* form
 * ------------------------------------------------------------------------- */




	form label	{ 
		font-size:.83em;
		}

	form br { 
	line-height:0; /* defaults vertical spacing between fields */
	clear:left;
	}  



input, textarea, select { 

	background-color:#fff; 

	border:1px solid #000;

	color:#000;

	width:145px; /* 5 pixles smaller than form width !important */

	height:18px;

	vertical-align: middle;

	margin-bottom:4px; /* sets vertical spacing between fields */

	padding-top:1px; /* vertically position text in input/textarea field */

	padding-left:4px; /* horizontally position text in input/textarea field */

	font-family:Arial, Helvetica, sans-serif; 

	font-size:1em;

	float:left;

	}



select { 

	width:150px; /* same width as form !important */

	padding:0;

	}



textarea { 

	height:70px; 

	overflow:auto; 

	}



input.submit { 

	width:60px; 

	cursor:pointer; 

	padding:0; 

	}

	




/* ----- Main Contact Form ----- */

#contact-main { 
	padding:0px 0 10px 0; 
	float:left;
	width:376px;
	font-family:Arial, Helvetica, sans-serif; 
	}
	
#contact-main label { 
	width:65px; 

	float:left;
	text-align:right; 
	margin-right:10px;
	font-size:1em;
	font-weight:normal;
	}
	
	#contact-main label.error {
		color:#f00;
		width:200px;
		margin-left:73px;
		text-align:left;

		}
	
#contact-main input, #contact-main textarea, #contact-main select { 
	width:170px;
	float:left;
	margin-bottom:10px;

	}
	
#contact-main select {
	width:175px;
	}
	
#contact-main textarea { 
	height:100px;
	width:293px;
	}

#contact-main input.submit-contact-main { 
	margin:0 0 0 75px;
	padding:0;
	border:none;
	width:62px;
	height:23px;
	cursor:pointer;  
	}






/* Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:852px; 
	height:30px; 
	margin:0;
	padding:0; 

	
	}

#nav span { display: none; }

#nav li, #nav a { height:30px; display:block; outline:none; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 106px; left: 0px;}
#nav-02 { width: 134px; left: 1px; }
#nav-03 { width: 130px; left: 2px; }
#nav-04 { width: 117px; left: 2px; }
#nav-05 { width: 205px; left: 3px; }
#nav-06 { width: 157px; left: 4px; }


/*-------------- (-79px) X position of button / (-21px) height of image from above ------------- */
#nav-01 a:hover, #home #nav-01 { background:url("../images/nav.gif") -0px -30px no-repeat; }
#nav-02 a:hover, #projects #nav-02 { background:url("../images/nav.gif") -107px -30px no-repeat; }
#nav-03 a:hover, #about #nav-03  { background:url("../images/nav.gif") -242px -30px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -372px -30px no-repeat; }
#nav-05 a:hover, #awards #nav-05 { background:url("../images/nav.gif") -490px -30px no-repeat; }
#nav-06 a:hover, #contact #nav-06 { background:url("../images/nav.gif") -696px -30px no-repeat; }





/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	
	}

#nav li ul li { 
	height:24px; 				/* Height of each drop down nav item */
	border:1px solid #fff;
	border-top:none;
	background-color:#cfe6de; /* Put background here! Not in the ul!!*/
	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	font-size:.92em;
	}	

#nav li ul li a {
	width:100%;
	height:24px;				/* Height of each drop down nav item, should match above */
	line-height:24px;			/* Height of each drop down nav item again, should match above */
	
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color:#222;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left:0; }

/* Hover styles for drop down items */
#nav-02 ul a:hover { 
	background-image:none;
	background-color:#a2d4cf;
	color:#222;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li { width:180px; }	




#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("../images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 0px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("../images/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 2000px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

























/* Lytebox
 * ------------------------------------------------------------------------- */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/lytebox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/lytebox/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/lytebox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/lytebox/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/lytebox/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/lytebox/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/lytebox/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/lytebox/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/lytebox/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/lytebox/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/lytebox/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../images/lytebox/close_red.png) no-repeat; }
	#lbClose.green { background: url(../images/lytebox/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../images/lytebox/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../images/lytebox/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../images/lytebox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../images/lytebox/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../images/lytebox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../images/lytebox/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../images/lytebox/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../images/lytebox/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../images/lytebox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../images/lytebox/pause_gold.png) no-repeat; }