* {padding:0; margin:0;}
html, body {height:100%;}
body {background-color:#0d0d0d; /*0d0d0d*/
	  font-family:Arial, Helvetica, sans-serif;}

h1 {font-size:16px; color:#272727; text-align:right; padding-right:31px; margin-top:-6px;}
h1 span {color:#666; font-style:oblique; font-size:14px;}
h2 {font-size:18px; color:#30465e; background:url(images/hdl-bg.gif) repeat-x; width:216px; text-align:right;background-position:0 0px; margin-bottom:10px;}
h2 span {background-color:#FFF;  padding:0 3px;}
h2.photo span {padding:0 0 0 3px;}
h2.video {margin-top:5px;}

a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#000066; text-decoration:none;}

#wrapper {width:999px;
		  min-width:999px;
		  margin:auto;
		  background:url(images/body-tile.jpg) repeat-y;
	      background-position:center;
		  position:relative;
		  }
		  
#header {width:999px;
		 height:112px;
		 background:url(images/header.jpg);}
	
#nav {position:absolute; top:20px; left:105px;}
#nav ul {float:left;}
#nav li {float:left; list-style-type:none;}
	 
#content {background:url(images/content-tile.jpg) repeat-y;
		  width:789px;
		  margin:auto;
		  min-height:500px;
		  position:relative; 
		  }
* html #content {height:500px;}

#textOuter {width:735px; margin:0 auto 10px; background:url(images/bannerMid.gif) repeat-y;}
#text {padding:5px 30px 0px;}
#text p {padding-bottom:10px; color:#EEEEEE; font-size:12px;}

#homeLeft {width:216px; float:left; margin-left:30px; display:inline;}

#imageSlideshowHolder {background:url(images/slideshowDiv.jpg) no-repeat;
			width:495px;
			height:365px;
			float:right;
			margin-right:27px;
			margin-bottom:10px;
			display:inline;
			position:relative;
			*margin-bottom:0px;}
			

.imageInGallery{		
width:495px;
height:365px;
background-color:#fff;}

#imageSlideshowHolder img{
position:absolute;
}

#photoLeft {width:163px; float:left; margin-left:25px; display:inline; margin-top:10px;}
#photoLeft h2,#photoMid h2 {width:163px;}
#photoLeft ul,#photoMid ul {font-size:13px; margin-left:0px; text-align:right;}
#photoLeft ul li,#photoMid ul li {padding-bottom:7px; list-style-type:none;}

#photoLeft img {cursor:pointer;}

.concertLeft { padding-right:20px;}
#photoMid {float:left; width:163px; margin-left:25px;}

#concertDiv {
		   width:303px;
		   height:213px;
		   float:right;
		   display:inline;
		   margin:10px 30px 10px 0px;
		   background:url(images/concertDiv.jpg) no-repeat;}
		   
#concertDivLong {
		   width:303px;
		   height:423px;
		   float:right;
		   display:inline;
		   margin:10px 30px 0px 0px;
		   background:url(images/concertDivLong.jpg) no-repeat;}

#photoDiv {margin-right:30px;
		   width:559px;
		   float:right;
		   display:inline;
		   margin-bottom:10px;
		   margin-top:10px;}
#photoImg {background:url(images/photoMid.gif) repeat-y;
		   min-height:360px;
		   text-align:center;}
* html #photoImg {height:360px;}

#photoImg img {margin-left:5px;}

.photoNote {font-size:12px; color:#666; text-align:right; margin-right:30px;}

.back {position:absolute;
	   top:10px;
	   left:20px;
	   font-size:10px;}
.credit {font-size:10px; color:#333; font-style:oblique; text-align:right; line-height:10px; padding:0;}


#photosWide {margin:10px 0 15px; clear:both; padding:0 30px;}
#photosWide h2 {width:auto;}
#photosWide p {padding-bottom:10px;}
.group {width:46%; float:left; min-height:50px; padding:10px; border-bottom:1px solid #ccc; margin-right:15px;}
.group .pics a:hover {opacity:0.87;}
.last {margin-right:0 !important;}

#contactForm {width:500px; margin:auto; margin-top:40px; }
#contactForm label {width:100px; 
				    float:left; 
					text-align:right; 
					margin-right:10px; 
					line-height:30px;
					color:#333;
					font-size:14px;
					font-variant:small-caps;
					font-family:Arial, Helvetica, sans-serif;}
#contactForm input.field {background:url(images/inputField.gif) no-repeat;
					 width:230px;
					 height:21px;
					 padding:5px 10px;
					 color:#FFF;
					 font-size:16px;
					 line-height:20px;
					 border:0px;
					 }
#contactForm textarea {background:url(images/textarea.gif) no-repeat;
					   width:302px;
					   height:145px;
					   padding:5px 10px;
					   border:0px;
					   line-height:20px;
					   font-size:16px;
					   color:#FFF;
					   font-family:Arial, Helvetica, sans-serif;
					   overflow:auto;
					   }
#contactForm p {margin-bottom:15px; clear:both;}
#contactForm #submit {background:url(images/submit.gif) no-repeat;
					width:93px;
					height:27px;
					margin-left:110px;}
					
#thanks {margin:200px auto 0px; width:400px; }
#thanks p {font-size:20px;}

.project {margin:10px 0 15px; clear:both; padding:0 30px;}
.project h2 {width:410px;}
.project p {padding-bottom:10px;}
.projectL {}
p.photoLink {font-size:11px; color:#676666; font-style:italic; text-align:right;}
.titleR {margin-left:320px;}

#footer {background:url(images/footer.jpg) no-repeat;
		width:999px;
		position:relative;
		height:56px;
		margin-left:-2px;}
#footer p {font-size:10px; color:#333; font-style:oblique; text-align:right; line-height:10px;  position:absolute;bottom:51px; right:135px; z-index:10;}	  

#videogallery ul a {width:auto !important; font-family:arial !important; font-size:13px !important; text-align:right !important;}

.block {display:block;}
.imageR {float:right; margin:0 0 5px 10px;}
.imageL {float:left; margin:0 15px 5px 0;}
.imageC {display:block; margin:10px auto;}
a img {border:none;}
.clear {clear:both;}