body {
  background-color: #000;
  font-size: 62.5%;
}
#index {
  padding: 2em 0 0 0;
}
#photoPopup {
	margin: 0;
	padding: 0;
}

#wrapper{
  width: 75em;
  margin: 0 auto;  
}
#photoPopup #wrapper, #videoPopup #wrapper{
	width: 70em;
}

/******** Main Navagation Bars *******
*************************************/
 #container1 ul, #container2 ul {
  display:table;  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  white-space:nowrap;

  }
#container1 ul li, #container2 ul li {
  display:table-cell;
  }
#container1 ul a, #container2 ul a {
  width:auto;
  display:block;
  color: #b2daf4;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  text-decoration:none;
  letter-spacing: .2em;
  padding: 0 1em;

  font-weight: bold;
  }
#photoGallery #container2 ul, #videoGallery #container2 ul, #sub #container2 ul{
  margin-top: 3.35em;
}  
#container1 ul {
  font-size: 1.5em;
  font-variant: small-caps;  
}


#container2 ul {
  font-size: 2em;
  font-variant: small-caps;
	}
#photoPopup #container2 ul {
	font-size: 1.2em;
}
#container1 ul a:hover, #container2 ul a:hover  {
  color:#fff; 
}
#container1, #container2 {
  text-align: center; 
}
#photoGallery #container2, #videoGallery #container2 , #photoPopup #container2, #sub #container2{
  width:55em;
  margin: 0 auto;

  float: left;
}
#photoPopup  #container2 {
	margin: .5em;
  text-align: center;
}


del.ieBox { text-decoration:none;}

/************* Footer**************
**********************************/
#footer {
  clear: both;
  color: #6e6c6c;
  text-align: center;
  margin-top: 3em;
}

/********** Common Styles**********
**********************************/
#logo {
  width: 19.5em;
  height: 11.5em;
  float: left;
	border: none;
	}
#photoPopup  #logo {
	width: 11.4em;
	height: 7.4em;
  margin: .5em;
}
#videoPopup #logo {

	margin: .5em;
	float: none;
}
.clear {
  clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
/*******************************************************************************
************************************ Content ***********************************
*******************************************************************************/

/************* Index **************
***********************************/
#content {
  /*width: 174.6em;
  height: 49.6em;*/
  border: .2em solid white;
  margin: 1em auto;
  clear: both;
}
#index #content {
	width: 48em;
	height: 32em;
	background-color: #000;
}

#index #content #main {
	width:48em;
	height:32em;
}
#index embed, #index object {
  /*width: 74.6em;
  height: 49.6em;*/
	width: 48em;
	height: 27em;
	background-color: #000;
}

#navBar h1{
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: #fff;
  margin: .5em 0;
  padding: 0;
  text-align: center;
  line-height: .8em;
  font-variant: small-caps;
  letter-spacing: .2em;
}

#navBar ul{
	display: block;
	text-align: center;
}

#navBar li{
	display: inline;
}

#navBar li a {
  padding: 0 1em;
  letter-spacing: .2em;
  line-height: 1.9em;  
  font-size: 1.2em;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-variant: small-caps; 
  text-decoration:none; 
  color: #b2daf4;
  background-image: url('../images/blank.gif');
  background-repeat: no-repeat;
  background-position: center left; 
  font-weight: bold;
}

#navBar li a:hover{
  background-image: url('../images/arrow.gif');
}

/********** Photo Gallery *********
**********************************/
#photoGallery #content, #videoGallery #content, #sub #content {
  height: 45.8em;
  margin: 0 0 1em 0;
}

#sub #content {
	height: 42em;
}
#photoGallery #left, #videoGallery #left, #sub #left {
  width: 34em;
  float: left;
  margin: 3.5em 0;
  padding: 0;
}

#photoGallery #left h1, #videoGallery #left h1, #sub #left h1 {
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: #fff;
  margin: 0 0 .5em 2.6em;
  padding: 0;
  line-height: .8em;
  font-variant: small-caps;
  letter-spacing: .2em;
}
#sub #left p {
  font-size: 1.2em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: red;
  margin: 1em 3em .5em 3.2em;
  padding: 0;
  line-height: 1.2em;
  letter-spacing: .2em;  
}
#photoGallery #left ul, #videoGallery #left ul, #sub #left ul {
  margin: 0;
  padding: 0;  
}
#photoGallery #left li, #videoGallery #left li, #sub #left li{
  margin: 0 0;
  padding: 0;
}
#photoGallery #left ul a, #videoGallery #left ul a, #sub #left ul a {
  display: block;
  margin: 0 0 0 2.2em;
  padding: 0 0 0 1em;
  width: 20em;
  letter-spacing: .2em;
  line-height: 1.9em;  
  font-size: 1.2em;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-variant: small-caps; 
  text-decoration:none; 
  color: #b2daf4;
  background-image: url('../images/blank.gif');
  background-repeat: no-repeat;
  background-position: center left; 
  font-weight: bold;
}
#photoGallery #left ul a:hover, #videoGallery #left ul a:hover, #sub #left ul a:hover{
  background-image: url('../images/arrow.gif');
}
#photoGallery #left p, #videoGallery #left p {
  font-size: 1.1em;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  color: #fff;
  line-height: 1.8em;
  text-align: left;
  margin: 1.8em 3.6em 0 3.6em;
  padding: 1.8em 0 0 0;
  border-top: .1em solid #fff;
}
#videoGallery #left p {


}
#videoGallery #left div {
  margin: 0 0 0 3.9em;
}
#videoGallery #left img {
  display: block;
  width: 9em;
  height: 3.3em;
  float: left;
  margin: 0 2em 0 0;
  border: none;
  
} 
#photoGallery #right,#videoGallery #right,#photoGallery #rightVideo {
  width: 40.5em;
  float: left;
  margin: 3.5em 0 0 0;
}
#photoGallery #right img {
  width: 6em;
  height: 6em;
  float: left;
  margin: 0 2em 2em 0;
  padding: 0;
  border: none;
}
#videoGallery #right .movieBox, #photoGallery #rightVideo .movieBox {
  width: 38.6em;
  height: 10.4em;
  margin: 0 2em 3.3em 0;
}
#videoGallery #right img, #photoGallery #rightVideo img {
width : 13.9em;
height: 10.4em;
margin: 0 2.7em 0 0;
float: left;
border: none;
}
 #photoGallery #rightVideo  a.link {
  color: #fff;
  margin: 0 2em 1em 0;
  padding: 0;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 1.1em;
  line-height: 2em;
}

#videoGallery #right h1, #photoGallery  #rightVideo h1 {
  color: #fff;
  margin: 0 0 1em 0;
  padding: 0;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-weight: bold; 
  font-size: 1.3em;
}
#photoGallery #rightVideo h1 {
	clear: both;
}
#videoGallery #right p {
  color: #fff;
  margin: 0 2em 1em 0;
  padding: 0;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 1.1em;
  line-height: 2em;
}
#right h2 {
  color: #b2daf4;
  font-size: 1em;
  margin: 0;
  padding: 0;
  letter-spacing: .2em;  
}
#right h2 a {
  color: #b2daf4;
  text-decoration: none;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-variant: small-caps;   
}
#sub #left {
	height: 30em;
}
#sub #right p {
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  color: #fff;
  line-height: 1.7em;
  text-align: justify;
  margin: 1.8em 3.6em 0 3.6em;
}	
#sub #left img {
	display: block;
	width: 25em;
	height: 16.7em;
}	
#sub #left div {
	width: 25em;
	margin: 2em 3.7em;
	padding: .5em;
	background-color: #fff;
}
#sub #right h1 {
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: #fff;
  margin: 2.7em 0 1em 0;
  padding: 0;
  line-height: .8em;
  font-variant: small-caps;
  letter-spacing: .2em;
}
#sub #left h2 {
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: #fff;
  margin: 2em 0 0 2.5em;
  padding: 0;
  line-height: .8em;
}
#sub #right a.link {
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: #fff;
  margin: 0 0 .5em 2.6em;
  padding: 0;
  line-height: 1.5em;
  font-variant: small-caps;
  letter-spacing: .2em;
	text-decoration: none;
}
#sub #right a.link:hover {
  color: #b2daf4;
}
/***************************************
********* Photo Popup ******************/
#photoPopup  #left, #videoPopup #left{
  width: 25em;
  float: left;
  margin: 3.5em 0;
  padding: 0;
}
#videoPopup #left {
	margin: 0;
}
#photoPopup #left h1, #videoPopup #left h1 {
  font-size: 1.5em;
  font-family: Verdana, Verdana, Geneva, sans-serif;  
  color: #fff;
  margin: 0 0 .5em 2.6em;
  padding: 0;
  line-height: .8em;
  font-variant: small-caps;
  letter-spacing: .2em;
}
#photoPopup  #left p, #videoPopup #left p {
  font-size: 1.1em;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  color: #fff;
  line-height: 1.8em;
  text-align: left;
  margin: 1.8em 3.6em 0 3.6em;
  padding: 1.8em 0 0 0;
}
#photoPopup #right, #videoPopup #right {
  font-size: 1em;
	width: 40em;
	height: 35em;
  float: left;
  margin: -2em 0 0 0;
}
#videoPopup #right {
	margin: 0;
}
#videoPopup embed, #videoPopup object {
	margin: 0 auto;
	padding: 0;
}


#photoPopup #right #matte, #videoPopup #right #matte {
	margin: 0 auto;
}
#videoPopup #right #matte {
	width:32em;
	height:24em;
	margin: 2em auto 0 auto;
	padding: .1em;
	background-color: #fff;
}
#photoPopup #right img{
 margin: 0 auto;
 padding: 0;
}
#popupControl{
	clear: both;
	color: #fff;
}
#popupControl div, #videoPopup #left div{
	float: left;
	margin: 0 2em;
}
#closeWindow{
	width: 11em;
}
#backgrounds {
	width: 16.9em;
}
#photoControl {
	width: 17.5em;
}
#slideshow {
	width: 7.5em
}
#popupControl div a, #videoPopup #left div a{
	display: block;
	width: 2em;
	margin: 0 auto;
	height: 1.2em;
	padding: 0;
	border: .1em solid white;
	text-decoration: none;
	color: #fff;
  font-family: Verdana, Verdana, Geneva, sans-serif;
	text-align: center;
	}
#popupControl div a.arrow{
	letter-spacing: -.2em;
	margin: 0 3em;
	}
#popupControl h1, #videoPopup #left div h1{
	margin: 0 auto;
	padding: 0;
  letter-spacing: .2em;
  line-height: 1.9em;  
  font-size: 1em;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-variant: small-caps; 
  text-decoration:none; 
  color: #b2daf4;
  font-weight: bold;
	clear: left;
	text-align: center;
	}
#backgrounds div {
	width: 1.4em;
	height: 1.4em;
	float: left;
	margin: 0 .1em 0 0;
}
#shade0 {
background-color: #fff;
}
#shade1 {
background-color: #e5e5e5;
}
#shade2 {
background-color: #cccccc;
}
#shade3 {
background-color: #b3b3b3;
}
#shade4 {
background-color: #999999;
}
#shade5 {
background-color: #808080;
}
#shade6 {
background-color: #666666;
}
#shade7 {
background-color: #4d4d4d;
}
#shade8 {
background-color: #333333;
}
#shade9 {
background-color: #1a1a1a;
}
#backgrounds   #shade10 {
width: 1em;
height: 1em;
border: .2em solid #1a1a1a;
background-color: #000;
}


/****************************************
********* Admin ************************/
#login {
  display: block;
  float: left;
  margin-top: 4.5em;
}
#right img#displayImageLandscape {
	width: 40em;
	height: 26.7em;
}
#right img#displayImagePortrait {
	width: 26.7em;
	height: 40em;
}
/* Bens Contact Class */
#sub label, #sub input {
	display: block;
	width: 20em;
	float: left;
	margin-bottom: 5px;
  text-align: left;
	}
#sub label {
	color: #fff;
  font-family: Verdana, Verdana, Geneva, sans-serif;
}
#sub input.submit {
	text-align: center;
	width: 12.5em;
}

#sub br {

}

#sub div.error {
	color: red;
	font-family: Verdana, Verdana, Geneva, sans-serif;
}

#sub div.success {
	color: #fff;
font-family: Verdana, Verdana, Geneva, sans-serif;
}
#sub textarea.comments{
	width: 28em;
	height: 12.5em;
}
#photoGallery label {
	color: #fff;
	font-family: Verdana, Verdana, Geneva sans-serif;
	font-weight: bold;
}
#photoGallery input, #photoGallery label
{
	float: left;
	clear: both;
	display: block;
	width: 20em;
	float: left;
	margin: 0em 0em .5em 1em;
  text-align: left;
}
#photoGallery textarea {
	margin: 0 0 .5em 1em;
}
#photoGallery   input#save, #photoGallery input#delete {
	width: auto;
}