/* Modified Slimbox v2.05 - ALLWEBCO VERSION v1.0wg */



/* OUTER OVERLAY BACKGROUND COLOR */

#lbOverlay {
	background-color: #C0C0C0;
	}



/* LYTEBOX BACKGROUND COLOR */

#lbCenter, #lbBottomContainer {
	background-color: #5C6A78;
	}



/* LOADING OPTIONS */

.lbLoading {
	background-image: url("loading-dark.gif");
	background-position: center center;
	background-repeat: no-repeat;
	}



/* BORDER AROUND IMAGE */

/* IF YOU EXCEED 9px EDIT THE "var winWidth" IN THE lytebox2.js */

#lbImage {
	border: 6px solid #5C6A78;
	}



/* TEXT & CAPTIONS */

#lbCaption {
	color: #FFFFFF;
	font-family: arial, geneva, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	margin: 5px 10px 2px 10px;
	}

#lbBottom {
	text-align: left;
	}

#lbNumber {
	color: #CCCCCC;
	font-family: arial, geneva, sans-serif;
	font-size: 12px;
	margin: 0px 10px 5px 10px;
	}



/* NEXT AND PREVIOUS BUTTON CODE */

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0px; background: transparent url("lytebox-prev-gray.png") no-repeat 0 50%;
}

#lbPrevLink:hover {
	left: 0px; background: transparent url("lytebox-prev-gray.png") no-repeat 0 50%;
}

#lbNextLink {
	right: 0px; background: transparent url("lytebox-next-gray.png") no-repeat 100% 50%;
}

#lbNextLink:hover {
	right: 0px; background: transparent url("lytebox-next-gray.png") no-repeat 100% 50%;
}



/* CLOSE BUTTON */

#lbCloseLink {
	display: block;
	float: right;
	width: 31px;
	height: 31px;
	background: transparent url("close-white.png") no-repeat center;
	margin: 4px 9px 7px 5px;
	outline: none;
	}



/* WATERMARK */

#lbWatermark {
	position: absolute;
	left: 0;
	top: 25%;
	width: 100%;
	height: 100%;
	background: transparent url("watermark-desktop.png") no-repeat center center;
	}



/***************
Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
***************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{


#lbCaption { font-size: 13px; margin-bottom: 0px; }

#lbNumber { font-size: 10px; }

#lbWatermark { background: transparent url("watermark-mobile.png") no-repeat center center; }


	}
/***************
END Media Queries
***************/