html{
  margin: 0px;  padding: 0px;
}
body{
  margin: 0px;  padding: 0px;
  background: black;
  text-align: center;
  /*overflow-y: scroll;*/
}
p, h2, h3, h6{
  margin: 5px 20px;
  text-align: justify;
}
a {
  color: white;
}
h2{
  margin-left: 10px;
  color: #cccccc;
  font-size: 10pt;
  text-decoration: underline;
}
h3{
  color: #CC0000;
  font-size: 10pt;
}

input, select{
  font-family: Verdana;
  font-size: 8pt;
}

#content{
  position: relative; top: 0px; width: 1024px; height: 680px;
  margin: auto;
  color: white;
}

#header{
  position: relative;
  width: 950px; height: 190px;
  margin: 20px auto 0px;
  background: url(images/headerBg.jpg);
}

.mnu {
  position: absolute; top: 165px; right: 25px;
}

.mnu a{
  margin: 5px;
  color: white;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}
.mnu a:hover{
  color: #666666;
}
#pageTx {
  float: left;
  width: 450px;
  margin: 50px 20px 0px 70px;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt
}
.imgR {
  float: right;
  margin: 50px 70px 0px 20px;
}

#cartCount{
  position: absolute;
  top: 2px; right: 2px;
  height: 20px; width: 120px;
  color: white;
  font-family: "Myriad Pro", Tahoma, Arial, sans-serif;
  font-size: 12pt;
  cursor: pointer;
}

#progressBar{
  position: absolute; top: 200px; left: 310px; height: 15px; width: 220;
  background: #444444; border:1px solid #cccccc;
  font-size: 10pt;
  z-index: 90;
}
#progressBarInside {
  position: relative; top: 0px; left: 0px;
  overflow: hidden;
}

#gallery{
  position: relative; height: 460px; width: 850px; margin: auto;
  color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;
}

.clients, .thumbs{
  position: absolute; left: 0px; top: 0px; width: 850px; height: 450px;
  overflow: hidden;
}

.clients>div, .thumbs>div{
  position: absolute;
  margin: 20px;
  text-align: center;
  cursor: pointer;
  overflow: visible;
  z-index: 50;
}
.clients>div{
  width: 180px; height: 180px;
  background: url(images/ClientBd.jpg) no-repeat;
}

.thumbs>div{
  width: 80px; height: 80px;
  background: url(images/ThumbsBd.jpg);
}

.clients>div>div{
  position: relative;
  width: 178px; height: 178px;
  margin: 1px;
  text-align: center;
  /*border: 1px solid white;*/
  overflow: hidden;
  
}

.thumbs>div>div {
  position: relative; width: 78px; height: 78px;
  margin: 1px;
  text-align: center;
  /*border: 1px solid white;*/
  overflow: hidden;
}

.clients>div>div>div{
  position: relative; left: -310px; top: -310px;
  width: 800px; height: 800px;
  margin: 0px;
  text-align: center;
  font-size: 0px;
}

.thumbs>div>div>div{
  position: relative; left: -60px; top: -60px;
  width: 200px; height: 200px;
  margin: 0px;
  text-align: center;
  font-size: 0px;
}

.clients img, .thumbs img{
  position: relative;
  vertical-align: middle;
}

.clients span, .thumbs span{
  display: inline-block;
  height: 50%;
}

#passBox{
  background: black;
  border: 1px solid #CCCCCC;
  position: relative; top: 20px;
  width: 400px; height: 200px;
  margin: auto;
  padding: 20px;
  z-index: 95;
}

#passBox img{
  float: right;
  margin: 0px 8px 5px 50px;
}
#passBox p{
  font: 8pt Verdana;
  margin: 20px 10px 10px;
}

.loading {
  position: absolute; top: 150px; left: 400px;
}

#PhotoView {
  position: absolute; top: 2px; left: 87px; height: 650px; width: 850px;
  font-family: Verdana; font-size: 8pt;
  background: white; z-index: 60;
}

#PhotoView span {
  display: inline-block;
  height: 50%;
}

#photoFrame {
  position: absolute; top: 5px; left: 24px; height: 602px; width: 802px;
  z-index: 70;
}

#mainPic{
  vertical-align: middle;
  border: 1px solid #999999;
  z-index: 75;
}

#imgName {
  position: absolute; bottom: 7px; left: 5px; height: 15px; width: 220px;
  color: black; border: solid grey 1px;
}

#viewControls{
  position: absolute; bottom: 5px; right: 5px;
  
}

#picPrev{
  position: absolute; top: 5px; left: 0px;
  height: 600px; width: 425px;
  text-align: left;
  background: url(images/txBg.gif) no-repeat;
  z-index: 90;
}

#picNext{
  position: absolute; top: 5px; right: 0px;
  height: 600px; width: 425px;
  text-align: right;
  background: url(images/txBg.gif) no-repeat;
  z-index: 90;
}

#picName{
  width: 200px;
}

#pageButtons {
  position: absolute; bottom: 5px; left: 0px; width: 850px;
  text-align: center;
}
#pageButtons span{
  position: relative; width: 20px;
  display: inline-block;
  background: #666666; border: 1px solid #cccccc;
  cursor: pointer;
  margin: 0px 5px;
}

#basket, #orderDetails {
  position: absolute; top: 2px; left: 87px; height: 650px; width: 850px;
  padding: 20px;
  background: black; border: solid white 1px;
  font-family: Verdana; font-size: 8pt;
  z-index: 98;
}

#footer {
  position: absolute; bottom: 0px; left: 37px;
  height: 30px; width: 950px;
  background: url(images/footerBG.jpg) no-repeat;
}
#footer p{
  margin-top: 8px;
  text-align: center;
  color: #999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}