body
{
  text-align: center;
  background-color: #464646;
  font-family: Arial;  
}

a
{
  color: black;
  text-decoration: none;
}

a:hover
{
  color: black;
}


#under{
	width:321px;
	height:36px;
	background: url(/images/Under%20Construction.gif) no-repeat center top;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
}

div#container
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 50em;
  text-align: left;
  top: 15px;
}

#whiteBackground
{
  margin-left: auto;
  margin-right: auto;
  height: 699px;
  width: 750px;
  background-color: white;
}

#whiteContainer
{
  margin-left: 23px;
}

#background
{
  width: 704px;
  height: 602px;
  background-color: black;
  position: relative;
  z-index: 100;
  top: 25px;
}

#artwork
{
  width: 704px;
  height: 602px;
  background-color: white;
  position: relative;
}

#submitSockit
{
  position: absolute;
  left: 330px;
  top: 297px;
}

form#submissionForm
{
  position: absolute;
  left: 410px;
  top: 450px;
  width: 230px;
  margin: 0 auto;
  border: 0;
}

img#labels
{
  position: absolute;
  left: 335px;
  top: 457px;
}

fieldset
{
  border: 0;
}

#submissionBackground
{
  top: 5px;
  width: 704px;
  height: 583px;
  background-color: black;
  position: relative;
}


img#contact
{
position: absolute;
top: 36px;
right: 407px;
/* this is a comment */
}

img#about
{
position: absolute;
top: 36px;
right:407px;
}

#subtext
{
  position: absolute;
  top: 36px;
}

#BoldHype
{
position: absolute;
}

#submissionMenu
{
position: relative;
top: 24px;
left: 5px;
}

img#contest-info
{
 position: absolute;
 top: 0px;
 left: -3px;
}

img#enter
{
 position: absolute;
 top: 28px;
 left: -3px;
}

img#download
{
  position: absolute;
 top: 15px;
 left: -3px;
}

#downloadLink a:link
{
  display: block;
  width: 317;
  top: 101;
}

img#home
{
  position: absolute;
  top: 681px;
}

img#sockit-contest
{
  position: absolute;
  top: 676px;
  left: 110px;
}

#footer
{
position: relative;
top: 39px;
}

#leftArrow
{
  position: absolute;
  top: 608px;
  left: 91px;
}

#rightArrow
{
  position: absolute;
  top: 608px;
  left: 619px;
}

#thumbScroll
{
  position: absolute;
  top: 588px;
  
  left: 111px;
}

#speaker
{
position: relative;
top: 31px;
left: 649px;
width: 50px;
}

#copyright
{
  color: gray;
}

img
{
border: 0;
}


/* Contact Images */

img#contact1
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 704px;
  height: 245px;
}
img#contact2
{
  position: absolute;
  top: 245px;
  
}

img#contact3
{
  position: absolute;
  top: 245px;
  left: 442px;
}

img#contact4
{
  position: absolute;
  top: 245px;
  left: 668px; 
}

img#contact5
{
  position: absolute;
  left: 442px;
  top: 304px;
}
img#contact6
{
  position: absolute;
  left: 442px;
  top: 371px;
}

img#contact7
{
  position: absolute;
  left: 469px;
  top: 371px;
}

img#contact7 a:hover
{
  background: url('images/bold-hype.jpg');
}
img#contact8
{
  position: absolute;
  left: 469px;
  top: 397px;
  
}

img#contact9
{
  position: absolute;
  left: 469px;
  top: 425px;
  
}

img#gallery-opening-1
{
  position: absolute;
}

img#gallery-opening-2
{
  position: absolute;
  top: 539px;
}

img#gallery-opening-3
{
  position: absolute;
  top: 539px;
  left: 226px;
}

#artFrame
{
  position: absolute;
  top: 300px;
}

div#galleryDropdown
{
  display: none;
  height: 150px;
  width: 155px;
  
  position: absolute;  
  top: 23px;

  background-color: #FA630A;
  z-index: 501;
}

div#shopDropdown
{
  display: none;
  position: absolute;
  top: 23px;
  left: 154px;
  z-index: 500;
  height: 150px;
  width: 155px;
  background-color: #FA630A;
}

div#dots
{
  position: relative;
  top: 22px;
}

/* Start Drop Down Menu CSS */

#cssdropdown #shopli
{
  position: absolute;
  top: -2px;
  left: 152px;
}

#cssdropdown, #cssdropdown ul
{
  padding: 0;
  margin: 0;
  list-style: none;
}

#cssdropdown li
{
  float: left;
  position: relative;
  top: -2px;
}

.mainitems
{
  border: none;
  height: 50px;
}

.mainitems a
{
  /* margin-left: 6px; */
  margin-right: 8px;
  height: 25px;
  text-decoration: none;
}

.subuls li a
{
  text-decoration: none;
}

.subuls li a:hover
{
  color: black;
}

.subuls li#past
{
  background-image: url('../images/past.jpg');
}

.subuls li#past:hover
{
  background-image: url('../images/past-black.jpg');
}

.subuls li#current
{
  background-image: url('../images/current.jpg');
}

.subuls li#current:hover
{
  background-image: url('../images/current-black.jpg');
}

.subuls li#future
{
  background-image: url('../images/future.jpg');
}

.subuls li#future:hover
{
  background-image: url('../images/future-black.jpg');
}

.subuls li#inventory
{
  background-image: url('../images/inventory.jpg');
}

.subuls li#inventory:hover
{
  background-image: url('../images/inventory-black.jpg');
}

#cssdropdown li>ul {/* to override top and left in browsers other than IE, which will position ot the top right of the containing li, rather than the bottom left */
  top: 25px;
  left: auto;
}

#cssdropdown li:hover ul, li.over ul { /*lists nested under hovered list items */
  display: block;
}
/* End Drop Down Menu CSS */

#size
{
  position: relative;
  top: -3px;
  left: 550px;
}