/*====Coffee Centre Layout====*/
body.centre {background:#59370E url(../images/bg_centre.png) repeat-x;}
.centre #outter-wrap {position:relative;}
.centre #header {height:148px;background:url(../images/header_geeks.jpg) no-repeat 679px bottom;position:static;}
.centre #header .logo {top:6px;}
.centre #topNav li a {background-image:url(../images/topNav_centre.png);color:#fff;}
.centre #topNav li.backLava, .centre #topNav li.backLava .leftLava {background-image:url(../images/nav-hover_centre.png)}
.centre #topNav li ul {background:#C88E73 url(../images/nav-bg_centre.png) repeat-x !important;}
.centre #topNav li ul li a {border-color:#FCC0A2;}
.centre #banner {position:static;z-index:0;text-indent:-9999px;background:url(../images/banner_centre.jpg) no-repeat;height:182px;width:963px;}
.centre #content {background:#FFEDD7 url(../images/content_centre.png) repeat-x;padding:0 25px 0;overflow:hidden;height:100%;}
.centre #text {float:left;width:424px;padding:0 25px 0 0;}
.centre #text .address {padding:51px 0 0 133px;}
.centre #sidebar {float:left;width:451px;padding-top:28px;}
.centre #coupon {
	background:url(../images/bg_promo-coupon.png) no-repeat 0 -28px;
	width:327px;
	height:238px;
	padding:0 0 0 150px;
}
.centre #coupon p {width:250px;}
.centre #coupon .button {
	background:url(../images/button_getitnow.png) no-repeat;
	text-indent:-9999px;
	display:block;
	width:158px;
	height:33px;
	margin:13px 0 0;
}
.centre .address h2 {margin-top:0;}
.centre #cup-overlay {position:absolute;right:-90px;bottom:50px;background:url(../images/cup-overlay.png) no-repeat;width:263px;height:278px;}
.centre #footer {background:url(../images/footer_centre.png) no-repeat center top;padding-top:75px;margin:-1px 0 20px;}
.centre #footer, .centre #footer a:link, .centre #footer a:visited {color:#A6855E;font-weight:100;}
.centre #footer a:hover {color:#fff;text-decoration:none;}

/*====Coffee Centre Gallery====*/
.centre .gallery {
	width:417px;
	height:561px;
	background:url(../images/centre_gallery.png) no-repeat;
	padding:60px 12px 0;
}
.centre .gallery img {
	display:block;
	float:left;
	width:127px;
	height:88px;
	margin:5px;
	display:inline;
}
.centre .gallery a img {border:solid 1px #9D9D9D;}
.centre .gallery a:hover img {border:solid 2px #FF5200;margin:4px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}