/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* ---- END RESET CSS ---- */

body {
	margin: 0;
	padding: 0;
	background-color: #eaeaea;  /* Outside the 960 */
}

.galleryHeader {
	margin: 0 auto;
	width: 960px;
	height: 155px;
	background: #eaeaea url('../img/header_sub.png') no-repeat center top;
}

.galleryBreadcrumbs {
	margin: 0 auto;
	width: 960px;
	height: 100px;
}

.homeTab {
	margin: 0 auto;
	position: absolute;
	margin-left: 28px;
	margin-top: 24px;
}

a.homeTab:link, a.homeTab:visited {
	display: block;
	width: 57px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_home.png') 0 0 no-repeat;
}

a.homeTab:hover, a.homeTab:active {
	display: block;
	width: 57px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_home.png') 0 -37px no-repeat;
}

.galleryTab {
	margin: 0 auto;
	position: absolute;
	margin-left: 77px;
	margin-top: 24px;
}

a.galleryTab:link, a.galleryTab:visited {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_galleryroot.png') 0 0 no-repeat;
}

a.galleryTab:hover, a.galleryTab:active {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_galleryroot.png') 0 0 no-repeat;
}

.galleryLabel {
	margin: 0 auto;
	position: absolute;
	margin-left: 780px;
	margin-top: 25px;
}

/* -------------------------- PORTALS ---------------------------- */

.portals {
	margin: 0 auto;
	width: 960px;
	height: 320px;
}

.eventsPortal {
	margin: 0 auto;
	position: absolute;
	margin-left: 100px;
	margin-top: 50px;
}

a.eventsPortal:link, a.eventsPortal:visited {
	display: block;
	width: 188px;
	height: 187px;
	text-indent:-9999px;
	background: url('../img/portal_events.png') 0 0 no-repeat;
}

a.eventsPortal:hover, a.eventsPortal:active {
	display: block;
	width: 188px;
	height: 187px;
	text-indent:-9999px;
	background: url('../img/portal_events.png') 0 0 no-repeat;
	opacity: 0.7;
}

.promosPortal {
	margin: 0 auto;
	position: absolute;
	margin-left: 387px;
	margin-top: 50px;
}

a.promosPortal:link, a.promosPortal:visited {
	display: block;
	width: 188px;
	height: 187px;
	text-indent:-9999px;
	background: url('../img/portal_promotions.png') 0 0 no-repeat;
}

a.promosPortal:hover, a.promosPortal:active {
	display: block;
	width: 188px;
	height: 187px;
	text-indent:-9999px;
	background: url('../img/portal_promotions.png') 0 0 no-repeat;
	opacity: 0.7;
}

.creationsPortal {
	margin: 0 auto;
	position: absolute;
	margin-left: 672px;
	margin-top: 50px;
}

a.creationsPortal:link, a.creationsPortal:visited {
	display: block;
	width: 188px;
	height: 187px;
	text-indent:-9999px;
	background: url('../img/portal_creations.png') 0 0 no-repeat;
}

a.creationsPortal:hover, a.creationsPortal:active {
	display: block;
	width: 188px;
	height: 187px;
	text-indent:-9999px;
	background: url('../img/portal_creations.png') 0 0 no-repeat;
	opacity: 0.7;
}

.chooseCopy {
	position: absolute;
	color: #828282;
	font: 200 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 328px;
	letter-spacing: 1px;
	width: 320px;
}

.eventsThumbLabel {
	position: absolute;
	color: #2c2c2c;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 170px;
	margin-top: 250px;
}

.promosThumbLabel {
	position: absolute;
	color: #2c2c2c;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 445px;
	margin-top: 250px;
}

.creationsThumbLabel {
	position: absolute;
	color: #2c2c2c;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 735px;
	margin-top: 250px;
}

.galleryFooter {
	margin: 0 auto;
	width: 960px;
	height: 200px;
	background-color: #cecece;
	opacity: 1;
}

.contactEmail {
	margin: 0 auto;
	position: absolute;
	font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #909090;
	margin-left: 40px;
	margin-top: 48px;
}

.contactPhone {
	margin: 0 auto;
	position: absolute;
	font: 100 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #909090;
	margin-left: 40px;
	margin-top: 78px;
	letter-spacing: 1px;
}

/* -------------------------- GALLERY SUB PAGES --------------------------- */


/* -------------------------- EVENTS --------------------------- */
.events_Gallery {
	margin: 0 auto;
	width: 960px;
	height: 1440px;
}

.galleryTab_Sub {
	margin: 0 auto;
	position: absolute;
	margin-left: 77px;
	margin-top: 24px;
}

a.galleryTab_Sub:link, a.galleryTab_Sub:visited {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_gallerysub.png') 0 0 no-repeat;
}

a.galleryTab_Sub:hover, a.galleryTab_Sub:active {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_gallerysub.png') 0 -38px no-repeat;
}

.eventsTab {
	margin: 0 auto;
	position: absolute;
	margin-left: 173px;
	margin-top: 24px;
}

a.eventsTab:link, a.eventsTab:visited {
	display: block;
	width: 117px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_events.png') 0 0 no-repeat;
}

a.eventsTab:hover, a.eventsTab:active {
	display: block;
	width: 117px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_events.png') 0 0 no-repeat;
}

.events_Desc {
	margin: 0 auto;
	width: 960px;
	height: 80px;
}

.events_Desc_Copy {
	margin: 0 auto;
	width: 850px;
	font: 200 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
}

.promos_Desc {
	margin: 0 auto;
	width: 960px;
	height: 80px;
}

.promos_Desc_Copy {
	margin: 0 auto;
	width: 850px;
	font: 200 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	letter-spacing: 1px;
}

.creations_Desc {
	margin: 0 auto;
	width: 960px;
	height: 80px;
}

.creations_Desc_Copy {
	margin: 0 auto;
	width: 850px;
	font: 200 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	letter-spacing: 1px;
}


/* -------------------------- PROMOTIONS --------------------------- */

.promotions_Gallery {
	margin: 0 auto;
	width: 960px;
	height: 820px;
}

.galleryLabel_Promotions {
	margin: 0 auto;
	position: absolute;
	margin-left: 676px;
	margin-top: 25px;
}

.galleryTab_Sub {
	margin: 0 auto;
	position: absolute;
	margin-left: 77px;
	margin-top: 24px;
}

a.galleryTab_Sub:link, a.galleryTab_Sub:visited {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_gallerysub.png') 0 0 no-repeat;
}

a.galleryTab_Sub:hover, a.galleryTab_Sub:active {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_gallerysub.png') 0 -38px no-repeat;
}

.promotionsTab {
	margin: 0 auto;
	position: absolute;
	margin-left: 173px;
	margin-top: 24px;
}

a.promotionsTab:link, a.promotionsTab:visited {
	display: block;
	width: 117px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_promotions.png') 0 0 no-repeat;
}

a.promotionsTab:hover, a.promotionsTab:active {
	display: block;
	width: 117px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_promotions.png') 0 0 no-repeat;
}

/* -------------------------- CREATIONS --------------------------- */

.creations_Gallery {
	margin: 0 auto;
	width: 960px;
	height: 1020px;
}

.galleryLabel_Creations {
	margin: 0 auto;
	position: absolute;
	margin-left: 730px;
	margin-top: 25px;
}

.galleryTab_Sub {
	margin: 0 auto;
	position: absolute;
	margin-left: 77px;
	margin-top: 24px;
}

a.galleryTab_Sub:link, a.galleryTab_Sub:visited {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_gallerysub.png') 0 0 no-repeat;
}

a.galleryTab_Sub:hover, a.galleryTab_Sub:active {
	display: block;
	width: 104px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_gallerysub.png') 0 -38px no-repeat;
}

.creationsTab {
	margin: 0 auto;
	position: absolute;
	margin-left: 173px;
	margin-top: 24px;
}

a.creationsTab:link, a.creationsTab:visited {
	display: block;
	width: 117px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_creations.png') 0 0 no-repeat;
}

a.creationsTab:hover, a.creationsTab:active {
	display: block;
	width: 117px;
	height: 36px;
	text-indent:-9999px;
	background: url('../img/bcsprite_creations.png') 0 0 no-repeat;
}


/* -------------------- GLOBAL THUMBNAIL STYLES --------------------- */

.viewContainer {
	position: absolute;
	cursor:pointer;
	margin-left: 53px;
	margin-top: 0px;
	width: 960px;
}

.viewContainer ul {
	list-style-type: none;
}

div.img
  {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border:0px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  margin-top: 0px;
  margin-left: 0px;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  
div.img img
  {
  display:inline;
  margin:0px;
  border:0px;
  }
  
div.img a:hover img
  {
  	opacity:0.7;
  	filter:alpha(opacity=70); /* For IE8 and earlier */
  }
  
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }