/* @override http://staging.audion.me/css/gallery.css */

.gNav{
	
}

.galleryPage{
	height: 100%;
	overflow: hidden;
}

.galleryBG{
	overflow: hidden;
}


.galleryTitle{
	color: #00ff9c;
}

.rightText{
	text-align: right;
}

.galleryButtons a{
	background: #151515;
	display: inline-block;
	width: 20px;
	text-align: center;
	color: #00ff9c;
}

.galleryButtons a:hover{
	background: #fff;
	color: #000;
}

div.galleryButtons{
	margin-bottom: 8px;
}


/* NAV HIGHLIGHTING */


#g01 .galleryButtons .gPage1{
	background: #57f893;
	color: #000;
}


#g02 .galleryButtons .gPage2{
	background: #57f893;
	color: #000;
}

#g03 .galleryButtons .gPage3{
	background: #57f893;
	color: #000;
}

#g04 .galleryButtons .gPage4{
	background: #57f893;
	color: #000;
}

#g05 .galleryButtons .gPage5{
	background: #57f893;
	color: #000;
}

#g06 .galleryButtons .gPage6{
	background: #57f893;
	color: #000;
}

#g07 .galleryButtons .gPage7{
	background: #57f893;
	color: #000;
}

#g08 .galleryButtons .gPage8{
	background: #57f893;
	color: #000;
}

#g09 .galleryButtons .gPage9{
	background: #57f893;
	color: #000;
}

#g10 .galleryButtons .gPage10{
	background: #57f893;
	color: #000;
}

#g11 .galleryButtons .gPage11{
	background: #57f893;
	color: #000;
}

#g12 .galleryButtons .gPage12{
	background: #57f893;
	color: #000;
}



/* BACK GROUND IMAGES */



#g01{
	background: url(../gDetroit/detroit01.jpg) repeat 22% 33%;
}
#g01o{
	background: url(../g/bc_282px.png) repeat -83% 22%;
	height: 2500px;
}


#g02{
	background: url(../gDetroit/detroit02.jpg) repeat 22% 33%;
}
#g02o{
	background: url(../g/bc_600px.png) repeat -83% 22%;
	height: 2500px;
}


#g03{
	background: url(../gDetroit/detroit03.jpg) repeat 22% 33%;
}
#g03o{
	background: url(../g/bc_190px.png) repeat -23% 52%;
	height: 2500px;
}


#g04{
	background: url(../gDetroit/detroit04.jpg) repeat 22% 33%;
}
#g04o{
	background: url(../g/bc_200px.png) repeat -83% 22%;
	height: 2500px;
}


#g05{
	background: url(../gDetroit/detroit05.jpg) repeat 22% 33%;
}
#g05o{
	background: url(../g/bc_300px.png) repeat -83% 22%;
	height: 2500px;
}


#g06{
	background: url(../gDetroit/detroit06.jpg) repeat 22% 33%;
}
#g06o{
	background: url(../g/bc_520px.png) repeat -83% 22%;
	height: 2500px;
}


#g07{
	background: url(../gDetroit/detroit07.jpg) repeat 22% 33%;
}
#g07o{
	background: url(../g/bc_250px.png) repeat -83% 22%;
	height: 2500px;
}


#g08{
	background: url(../gDetroit/detroit08.jpg) repeat 22% 33%;
}
#g08o{
	background: url(../g/bc_400px-v2.png) repeat -83% 22%;
	height: 2500px;
}

#g09{
	background: url(../gDetroit/detroit09.jpg) repeat 22% 33%;
	}
#g09o{
	background: url(../g/bc_90px.png) repeat -83% 22%;
	height: 2500px;
}

#g10{
	background: url(../gDetroit/detroit10.jpg) repeat 22% 33%;
}
#g10o{
	background: url(../g/bc_120px.png) repeat -83% 22%;
	height: 2500px;
}

#g11{
	background: url(../gDetroit/detroit11.jpg) repeat 22% 33%;
}
#g11o{
	background: url(../g/bc_282px.png) repeat -83% 22%;
	height: 2500px;
}

#g12{
	background: url(../gDetroit/detroit12.jpg) repeat 22% 33%;
}
#g12o{
	background: url(../g/bc_500px.png) repeat -83% 22%;
	height: 2500px;
}



/* NAV HIGHLIGHTING */


#g01bcn .galleryButtons .gPage1{
	background: #57f893;
	color: #000;
}


#g02bcn .galleryButtons .gPage2{
	background: #57f893;
	color: #000;
}

#g03bcn .galleryButtons .gPage3{
	background: #57f893;
	color: #000;
}

#g04bcn .galleryButtons .gPage4{
	background: #57f893;
	color: #000;
}

#g05bcn .galleryButtons .gPage5{
	background: #57f893;
	color: #000;
}

#g06bcn .galleryButtons .gPage6{
	background: #57f893;
	color: #000;
}

#g07bcn .galleryButtons .gPage7{
	background: #57f893;
	color: #000;
}

#g08bcn .galleryButtons .gPage8{
	background: #57f893;
	color: #000;
}

#g09bcn .galleryButtons .gPage9{
	background: #57f893;
	color: #000;
}

#g10bcn .galleryButtons .gPage10{
	background: #57f893;
	color: #000;
}


/* BACK GROUND IMAGES */



#g01bcn{
	background: url(../gBarcelona/bcn01.jpg) repeat 22% 33%;
}
#g01obcn{
	background: url(../g/bc_282px.png) repeat -83% 22%;
	height: 2500px;
}


#g02bcn{
	background: url(../gBarcelona/bcn02.jpg) repeat 22% 33%;
}
#g02obcn{
	background: url(../g/bc_600px.png) repeat -83% 22%;
	height: 2500px;
}


#g03bcn{
	background: url(../gBarcelona/bcn03.jpg) repeat 22% 33%;
}
#g03obcn{
	background: url(../g/bc_190px.png) repeat -23% 52%;
	height: 2500px;
}


#g04bcn{
	background: url(../gBarcelona/bcn04.jpg) repeat 22% 33%;
}
#g04obcn{
	background: url(../g/bc_200px.png) repeat -83% 22%;
	height: 2500px;
}


#g05bcn{
	background: url(../gBarcelona/bcn05.jpg) repeat 22% 33%;
}
#g05obcn{
	background: url(../g/bc_300px.png) repeat -83% 22%;
	height: 2500px;
}


#g06bcn{
	background: url(../gBarcelona/bcn06.jpg) repeat 22% 33%;
}
#g06obcn{
	background: url(../g/bc_520px.png) repeat -83% 22%;
	height: 2500px;
}


#g07bcn{
	background: url(../gBarcelona/bcn07.jpg) repeat 22% 33%;
}
#g07obcn{
	background: url(../g/bc_250px.png) repeat -83% 22%;
	height: 2500px;
}


#g08bcn{
	background: url(../gBarcelona/bcn08.jpg) repeat 22% 33%;
}
#g08obcn{
	background: url(../g/bc_400px-v2.png) repeat -83% 22%;
	height: 2500px;
}

#g09bcn{
	background: url(../gBarcelona/bcn09.jpg) repeat 22% 33%;
	}
#g09obcn{
	background: url(../g/bc_90px.png) repeat -83% 22%;
	height: 2500px;
}

#g10bcn{
	background: url(../gBarcelona/bcn10.jpg) repeat 22% 33%;
}
#g10obcn{
	background: url(../g/bc_120px.png) repeat -83% 22%;
	height: 2500px;
}




/* BERLIN */


#g01b .galleryButtons .gPage1{
	background: #57f893;
	color: #000;
}


#g02b .galleryButtons .gPage2{
	background: #57f893;
	color: #000;
}

#g03b .galleryButtons .gPage3{
	background: #57f893;
	color: #000;
}

#g04b .galleryButtons .gPage4{
	background: #57f893;
	color: #000;
}

#g05b .galleryButtons .gPage5{
	background: #57f893;
	color: #000;
}

#g06b .galleryButtons .gPage6{
	background: #57f893;
	color: #000;
}

#g07b .galleryButtons .gPage7{
	background: #57f893;
	color: #000;
}

#g08b .galleryButtons .gPage8{
	background: #57f893;
	color: #000;
}

#g09b .galleryButtons .gPage9{
	background: #57f893;
	color: #000;
}

#g10b .galleryButtons .gPage10{
	background: #57f893;
	color: #000;
}

#g11b .galleryButtons .gPage11{
	background: #57f893;
	color: #000;
}


/* BACK GROUND IMAGES */



#g01b{
	background: url(../gBerlin/berlin01.jpg) repeat 22% 33%;
}
#g01ob{
	background: url(../g/bc_282px.png) repeat -83% 22%;
	height: 2500px;
}


#g02b{
	background: url(../gBerlin/berlin02.jpg) repeat 22% 33%;
}
#g02ob{
	background: url(../g/bc_600px.png) repeat -83% 22%;
	height: 2500px;
}


#g03b{
	background: url(../gBerlin/berlin03.jpg) repeat 22% 33%;
}
#g03ob{
	background: url(../g/bc_190px.png) repeat -23% 52%;
	height: 2500px;
}


#g04b{
	background: url(../gBerlin/berlin04.jpg) repeat 22% 33%;
}
#g04ob{
	background: url(../g/bc_200px.png) repeat -83% 22%;
	height: 2500px;
}


#g05b{
	background: url(../gBerlin/berlin05.jpg) repeat 22% 33%;
}
#g05ob{
	background: url(../g/bc_300px.png) repeat -83% 22%;
	height: 2500px;
}


#g06b{
	background: url(../gBerlin/berlin06.jpg) repeat 22% 33%;
}
#g06ob{
	background: url(../g/bc_520px.png) repeat -83% 22%;
	height: 2500px;
}


#g07b{
	background: url(../gBerlin/berlin07.jpg) repeat 22% 33%;
}
#g07ob{
	background: url(../g/bc_250px.png) repeat -83% 22%;
	height: 2500px;
}


#g08b{
	background: url(../gBerlin/berlin08.jpg) repeat 22% 33%;
}
#g08ob{
	background: url(../g/bc_400px-v2.png) repeat -83% 22%;
	height: 2500px;
}

#g09b{
	background: url(../gBerlin/berlin09.jpg) repeat 22% 33%;
	}
#g09ob{
	background: url(../g/bc_90px.png) repeat -83% 22%;
	height: 2500px;
}

#g10b{
	background: url(../gBerlin/berlin10.jpg) repeat 22% 33%;
}
#g10ob{
	background: url(../g/bc_120px.png) repeat -83% 22%;
	height: 2500px;
}

#g11b{
	background: url(../gBerlin/berlin11.jpg) repeat 22% 33%;
}
#g11ob{
	background: url(../g/bc_120px.png) repeat -83% 22%;
	height: 2500px;
}