html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	background:url(img/bg.jpg) no-repeat #000 center top;
	text-align:center;
	font-family:verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.45em;
	color:#999;
}

body#splash {
	background:url(img/bgsplash.jpg) no-repeat #000 center top;
	text-align:center;
	font-family:verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.45em;
	color:#999;
}

#sitewrap {
	background:url(img/bgcontent.jpg) no-repeat #000 top;
	margin:0 auto;
	width:931px;
	text-align:left;
}

/* header box */
#header {
	width:931px;
	height:381px;
	float:left;
}
/* header box bg dependent on body id*/
body#events #header, body#selectedevent #header {
	background:url(img/bghome.jpg);
}
body#about #header {
	background:url(img/bgabout.jpg);
}
body#gallery #header {
	background:url(img/bggallery.jpg);
}
body#crewgallery1 #header {
	background:url(img/bgcrewgallery1.jpg);
}
body#crewgallery2 #header {
	background:url(img/bgcrewgallery2.jpg);
}
body#fotos #header {
	background:url(img/bgfotos.jpg);
}
body#artwork #header {
	background:url(img/bgartwork.jpg);
}
body#contact #header {
	background:url(img/bgcontact.jpg);
}
body#links #header {
	background:url(img/bglinks.jpg);
}


#logo {
	margin:0 0 0 40px;
	width:191px;
	height:250px;
	display:inline;
	float:left;
}

/* menu */
#menu {
	background:url(img/bgmenu.gif) left no-repeat;
	margin:36px 0 0 0;
	padding:0 0 0 28px;
	width:625px;
	list-style:none;
	float:right;
	display:inline;
}
/* menu height and left margin for each li */
#menu li{
	margin:0 8px 0 0;
	padding:0;
	height:33px;
	float:left;
	display: inline; /* this fixes the double margin bug in IE */
}
/* specify height for <a> */
#menu a {
	display:block;
	height:33px;
}
/* menu btn BGs */
#menu #btnevents {
	background:url(img/btnevents.gif) top;
	width:70px;
	height:33px;
}
#menu #btnabout {
	background:url(img/btnabout.gif) top;
	width:62px;
	height:33px;
}
#menu #btngallery {
	background:url(img/btngallery.gif) top;
	width:76px;
	height:33px;
}
#menu #btncrewgallery {
	background:url(img/btncrewgallery.gif) top;
	width:124px;
	height:33px;
}
#menu #btnfotos {
	background:url(img/btnfotos.gif) top;
	width:61px;
	height:33px;
}
#menu #btnartwork {
	background:url(img/btnartwork.gif) top;
	width:85px;
	height:33px;
}
#menu #btncontact {
	background:url(img/btncontact.gif) top;
	width:85px;
	height:33px;
}
#menu #btnlinks {
	background:url(img/btnlinks.gif) top;
	width:53px;
	height:33px;
}
/* menu btn hovers & active states*/
#menu #btnevents:hover, body#events #btnevents, body#selectedevent #btnevents{
	background:url(img/btnevents.gif) bottom;
	width:70px;
	height:33px;
}
#menu #btnabout:hover, body#about #btnabout{
	background:url(img/btnabout.gif) bottom;
	width:62px;
	height:33px;
}
#menu #btngallery:hover, body#gallery #btngallery{
	background:url(img/btngallery.gif) bottom;
	width:76px;
	height:33px;
}
#menu #btncrewgallery:hover, body#crewgallery1 #btncrewgallery, body#crewgallery2 #btncrewgallery{
	background:url(img/btncrewgallery.gif) bottom;
	width:124px;
	height:33px;
}
#menu #btnfotos:hover, body#fotos #btnfotos{
	background:url(img/btnfotos.gif) bottom;
	width:61px;
	height:33px;
}
#menu #btnartwork:hover, body#artwork #btnartwork{
	background:url(img/btnartwork.gif) bottom;
	width:85px;
	height:33px;
}
#menu #btncontact:hover, body#contact #btncontact{
	background:url(img/btncontact.gif) bottom;
	width:85px;
	height:33px;
}
#menu #btnlinks:hover, body#links #btnlinks{
	background:url(img/btnlinks.gif) bottom;
	width:53px;
	height:33px;
}







/* drop down menu styles */
#menu li ul {
	position: absolute;
	display: none;
	float:none;
	background:#000;
	border:1px solid #333;
	width:124px;
	padding:2px 0 2px 0;
	margin:0;	
	z-index:99;
	top: 68px;
	visibility:visible;
	}

#menu li ul li {
	position: relative;
	float:left;
	width:124px;
	border-top:1px solid #222;
	padding:0;
	height:25px;
	
	}


/* Fix IE. Hide from IE Mac \*/
* html #menu li { float: left; height: 1%; }
* html #menu li a { height: 1%; }
/* End */

	

#menu li ul li a {
	height:17px;
	color: #fff;
	background:#000;
	padding: 4px 5px 0 12px;
	font-weight:normal;
} 
#menu li ul li a:hover { 
	height:17px;
	color: #ff0000;
	background:#000;
	padding: 4px 5px 0 12px;
	font-weight:normal;
	text-decoration:none;
}
		
/*#menu ul li:hover ul, #menu ul li.over ul { display: block; }*/ /* No longer in use, uses dropdown.js */







/* content box */
#content {
	padding:44px 20px 250px 40px;
	float:left;
	width:871px;
}
/* content box headers dependent on body id*/
body#events #content {
	background:url(img/headerevent.jpg) no-repeat;
}
body#selectedevent #content {
	background:url(img/headereventselected.jpg) no-repeat;
}
body#about #content {
	background:url(img/headerabout.jpg) no-repeat;
}
body#gallery #content {
	background:url(img/headergallery.jpg) no-repeat;
}
body#crewgallery1 #content {
	background:url(img/headercrewgallery1.jpg) no-repeat;
}
body#crewgallery2 #content {
	background:url(img/headercrewgallery2.jpg) no-repeat;
}
body#fotos #content {
	background:url(img/headerfotos.jpg) no-repeat;
}
body#artwork #content {
	background:url(img/headerartwork.jpg) no-repeat;
}
body#contact #content {
	background:url(img/headercontact.jpg) no-repeat;
}
body#links #content {
	background:url(img/headerlinks.jpg) no-repeat;
}

#content img {
	background:#000;
	padding:3px;
	border:1px solid #333;
}	
#content #newevents img {
	background:#000;
	padding:3px;
	border:1px solid #333;
	margin:5px 10px 10px 0;
}	

/* events page */
#newevents, #selectedeventbox {
	width:410px;
	float:left;
	display:inline;
	margin:0 0 0 4px;
	color:#ccc;
}
#pastevents {
	float:right;
	width:405px;
	margin:0 0 0 40px;
	display:inline;
	color:#ccc;
}
#content #pastevents img {
	margin:0 4px 0 0;
}
#content #selectedeventbox img{
	margin:0 4px 6px 0;
}
.eventtitle {
	width:300px;
	float:left;
	margin:5px 0 2px 2px;
}
.viewall {
	width:100px;
	text-align:right;
	float:right;
	margin:5px 0 0 0;
}
.fourimgholder {
	width:100%;
	float:left;
}

.hmpg_fourimg {
	background:#000;
	padding:3px;
	border:1px solid #333;
}

/* gallery page */
#content #gallery {
	margin:0 0 20px 0;
}
#content #gallery img{
	margin:20px 20px 0 20px;
}

.pagination {
	text-align:right;
	width:100%;
	color:#FFFFFF;
	margin:0 0 5px 0;
}

/*contact page */
#contactleft {
	width:260px;
	float:left;
	display:inline;
}
#contactright {
	float:right;
	width:550px;
	margin:0 0 0 30px;
	display:inline;
}

.clearFloat {
	clear: left;
	display: block;
}

#footer {
	background:#000;
	text-align:center;
	width:931px;
	padding:50px 0 20px 0;
	font-size:9px;
	color:#666;
	float:left;
}

/* standard link styles */
a:link {
	color: #fff;
	text-decoration:none;
}
a:visited {
	color: #fff;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}
/* H styling */
h1 {
	font-size:18px;
	color:#fff;
	margin:10px 0 20px 0;
}
h2 {
	font-size:12px;
	color:#fff;
	margin:0 0 5px 0;
	
}
.red {
	color:#ff0000;
}

#contactform input, #contactform textarea{
	border:1px solid #333;
	background:#111;
	color:#ccc;
	width:180px;
	padding:3px;
	margin:0 0 3px 4px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	}