﻿.btmLeftGal {
	width: 80px;
	float: left;
}
.btmSpacerGal {
	width: 55px;
	float: left;
}

.galleryMid {
	width: 1000px;
	height: 450px;
	font-size:0px
}
.galleryTopContainer {
	width: 800px;
	height: 340px;
	font-size: 0px;
	background-color: #000000;
	float: left;
	display: inline;
	margin-left: 20px;
}

.galleryTopContainerInside {
	width: 798px;
	height: 338px;
	font-size:0px;
	background-color: #DADADA;
	float: left;
	display: inline;
	margin-left: 1px;
	margin-top: 1px;
}

.galleryTopGfx {
	width: 796px;
	height: 336px;
	font-size: 0px;
	background-color: #000000;
	float: left;
	display: inline;
	margin-left: 1px;
	margin-top: 1px;
}
.galleryTopGfxNB {
	width: 798px;
	height: 338px;
	font-size: 0px;
	background-color: #000000;
	float: left;
}
.gfxWindowLoaderx{
	background-image: url(../img/contactLoader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 55px;
	width: 54px;
	display: inline;
	margin-top: 140px;
	margin-left: 371px;
}
.gfxWindowLoader{
	background-image: url(../img/loadingw.gif);
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	width: 100px;
	display: inline;
	margin-top: 130px;
	margin-left: 361px;
}
.galleryLoader {
	height: 100px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	margin-top: 150px;
}

.galleryRightContainer {
	width: 150px;
	height: 340px;
	font-size:0px;
	float: left;
	display: inline;
	margin-left: 10px;
}
.galleryRightContainerTop {
	width: 150px;
	height: 50px;
	font-size:0px;
	float: left;
}
.galleryRightContainerBottom {
	width: 150px;
	height: 290px;
	font-size:0px;
	float: left;
	background-color: #000;
}
.galleryRightContainerInside {
	width: 148px;
	height: 288px;
	font-size:0px;
	float: left;
	margin-left:1px;
	margin-top:1px;
	display:inline;
	background-color: #FFF;
}

.galleryBottomContainer {
	width: 960px;
	height: 100px;
	font-size: 0px;
	background-color: #000000;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-Top: 10px;
}
.galleryBottomContainerInside {
	width: 958px;
	height: 98px;
	font-size:0px;
	background-color: #FFF;
	float: left;
	display: inline;
	margin-left: 1px;
	margin-Top: 1px;
}
.galleryBottomContainerNB {
	width: 958px;
	height: 98px;
	font-size: 0px;
	background-color: #000000;
}
.mnuWindowLoader{
	background-image: url(../img/contactLoader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 55px;
	width: 54px;
	display: inline;
	margin-top: 31px;
	margin-left: 400px;
}
.galleryItemSpacer{
	width:1px;
	height:98px;
	padding:0px;
	background-color:#000;
}



/* GALLERY SLIDER START */
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 98px;
  width: 958px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 98px;
	/* Max width here, for users without Javascript */
  width: 10000px;
	/* Remove default margin */
  margin: 0;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.sc_menu li {
	display: block;
	float: left;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-color: #000;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
/*.sc_menu a:hover span {
  display: block;
}*/
.sc_menu img {
	border: 0px none #fff;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}
/* GALLERY SLIDER END */






/* MENU SLIDER START */
div.ms_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 288px;
  width: 148px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.ms_menu {
	display: block;
	height: 1000px;
	/* Max width here, for users without Javascript */
  width: 148px;
	/* Remove default margin */
  margin: 0;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.ms_menu li {
	display: block;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	padding-bottom: 0px;
}
.ms_menu a {
  display: block;
  text-decoration: none;
}
.ms_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.ms_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
/*.sc_menu a:hover span {
  display: block;
}*/
.ms_menu img {
	border: 0px none #fff;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
}
.ms_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}
/* MENU SLIDER END */