* {
	margin:0;
	padding:0;
	}

body {
min-width:1000px;
margin:0;
padding:0;
background:#010101 url(/images/bg-body.jpg) center center no-repeat;
font-family: helvetica, arial;
font-size:90%;
}


/* ----- WRAPPER ----- */


#wrapper {
	margin:5px auto;
	width:1000px;
	min-height:560px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:560px; /* for IE5.x and IE6 */
	position: relative;
}

#home #wrapper {background-image:url(/images/bg-home.jpg);
				background-repeat:no-repeat;}
				
#about #wrapper {background-image:url(/images/bg-about.jpg);
				background-repeat:no-repeat;}
				
#events #wrapper {background-image:url(/images/bg-events.jpg);
				background-repeat:no-repeat;}
#event-resources #wrapper {background-image:url(/images/bg-event-resources.jpg);
				background-repeat:no-repeat;}
				
#artists #wrapper {background-image:url(/images/bg-artists.jpg);
				background-repeat:no-repeat;}
				
#repeat-client #wrapper {background-image:url(/images/bg-repeat-clients.jpg);
				background-repeat:no-repeat;}

#testimonials #wrapper {background-image:url(/images/bg-testimonials.jpg);
				background-repeat:no-repeat;}
				
#contact #wrapper {background-image:url(/images/bg-contact.jpg);
				background-repeat:no-repeat;}


/* ----- HEADER ----- */



#header {
	width:1000px;
	/*min-height:50px; /* for modern browsers */
	/*height:auto !important; /* for modern browsers */
	/*height:50pxpx; /* for IE5.x and IE6 */
	position: relative;
	color:#fff;
	}

	#header form{
	margin:0;
	padding:0;
	}
	
	#header input {
	margin:0;
	font-size:9pt;
	
	border:solid 1px #fff;
	background-color:#000;
	color:#fff;
	}
	
	#header input:focus {
	border:solid 1px #eee;
	background-color:#111;
	color:#eee;
	}
	
	
/* ----- NAVIGATION ----- */

.trans { 
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/transparent.png', sizingMethod='image/scale/crop'); } 


#navigation {
	padding-top:20px;
	padding-left:35px;
	padding-bottom:10px;
	
	z-index:2;
	text-align:center;
	}
	
	#navigation img, #navigation a {
	border:none;
	z-index:2;
	}
	
/* Suckerfish Menu
==========================================*/

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

/* Now we need to transform the first-level list into a horizontal menu bar. There are a number of methods to do this, discussed in detail elsewhere. We could display the list-items inline (display: inline), but for this example, we are going to float them to the left. */

#navigation li {
  display: inline;
  float:left;
  position: relative;
  /* width: .3em; */
  
  }

/* The position has been set to relative because we want the position of the second-level, nested lists to be relative to the first-level list items and the width has been set to space it out a bit. The dropdown menu is coming together. 

The next step is to tackle the second-level lists that will be the dropdowns themselves: */


#navigation li > ul {
  display: none;
  position: absolute; 
  /*top: 1em; */
  /*left: 0; */
  margin-top:26px;
  border: 3px solid #f7e2ba;
  background-color: #000;
  padding:.5em;
  z-index:10;
  
   }

/* This positions the second-level lists absolutely (pulling them out of the flow of HTML into a world all of their own) and sets their initial state to not be displayed. If you substitute display: none with display: block, you will see the need for the top and left properties in Internet Explorer, because without them, IE will align the second-level lists to the top right of their relative parent rather than the bottom left. Unfortunately, this IE fix will mess things up in browsers like Opera, so add the following CSS to reset the top and left properties on all but IE browsers: */

#navigation li > ul {
	top: 1em;
	left: 0px;
	width:200px;
	}


/* And now, making the sucker work. To make a second-level list appear when its parent list item is “rolled over,” we simply need to add the following: */

#navigation li:hover > ul, #navigation li.over > ul{ display: block; }



#navigation li > ul > li > a {
	font-weight:normal;
	font-family:sans-serif;
	text-transform: uppercase;
	color:#f7e2ba;
	line-height:1.3em;
	font-size:.7em;
	width:200px;
        text-align:left;
	display:block;
	text-decoration:none;
	padding:5px 2px 5px 2px;
	border-bottom:1px dotted #f7e2ba;
	}
	#navigation li > ul > li > a:link, #navigation li > ul > li > a:visited {
	background-color: #000;
	color: #fff;
	
	
}
#navigation li > ul > li > a:hover, #navigation li > ul > li > a:active {
	background-color: #af491f;
	color: #fff;
	
	
}

#navigation li > ul > li.over > a {
	font-weight:normal;
	color:#fff;
	line-height:1.3em;
	
	width:200px;
	text-align:left;
	text-decoration:none;
	padding:2px;
	}
	#navigation li > ul > li.over > a:link, #navigation li > ul > li.over > a:visited {
	background-color: #af491f;
	color: #fff;
	
	
}
#navigation li > ul > li.over > a:hover, #navigation li > ul > li.over > a:active {
	background-color: #af491f;
	color: #fff;
	
	
}


#header {
	width:1000px;
	margin:0 auto;
	}


#btm_menu {
		}
	
	.btm_menu {
	background-color:#000;
	border-top:2px solid #111;
	border-right:2px solid #111;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	text-align:center;
	padding:3px 0 3px 0;
	
	font-family:helvetica, arial;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	}
	
	.btm_menu:hover {
	cursor:pointer;
	background-color:#222;
	
	text-align:center;
	padding:3px 0 3px 0;
	
	font-family:helvetica, arial;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	}
	
	.btm_menu:hover a, .btm_menu:hover a:link, .btm_menu:hover a:visited {
	font-family:helvetica, arial;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	}
	
	.btm_menu a, .btm_menu a:link, .btm_menu a:visited {
	font-family:helvetica, arial;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none
	}
	
	.btm_menu a:active, .btm_menu a:hover {
	font-family:helvetica, arial;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	}
	
	
	
	
	
	


/* ----- MAIN CONTENT ----- */



#content-wrapper {
	width:1000px;
	margin-top:0;
	min-height:500px; /* for modern browsers */
	height:500px !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	text-align:left;
	z-index:1;
	
}


#content {
	top:10px;
	left:36px;
	width:450px;
	position: relative;
	z-index:1;
	}

	#content p {
	text-align:justify;
	margin-right:1em;
	font-size:80%;
	}
	
	#content .scroller {
	overflow:auto;
	width:450px;
	top: 10px;
	position: relative;
	height:380px;
	z-index:1;
	}
	

	#content .scroller_extra {
	overflow:auto;
	width:450px;
	top: 10px;
	position: relative;
	height:400px;
	z-index:1;
	}
	
		#content .scroller_extra p{
		margin-bottom:1em;
		}
		
		#content .scroller_extra img{
		margin-right:.5em;
		margin-bottom:.5em;
		}
	
	
	
	#content a:link, #content a:visited{
	color:#af491f;
	cursor:pointer;
	}
	
	#content a:hover,#content a:active {
	color:#bf7220;
	cursor:pointer;
	}
	
	#content a.button { font-family: serif;}
	
	#content a.button,#content a.button:link, #content a.button:visited {
	color:#efe1c4;
	font-size:75%;
	background-color:#222;
	border:1px solid #222;
	padding:2px;
	text-decoration:none;
	line-height:2em;
	}
	
	#content a.button:hover, #content a.button:active {
	color:#fff;
	background-color:#af491f;
	border:1px solid #222;
	}
	
	#content ul{
	margin-top:.5em;
	list-style-type:square;
	padding-left:1em;
	}
	
	 #content li {
	font-size:85%;
	line-height:1.5em;
	padding-bottom:.3em;
	
	}

	
	div.thumbnail {
	margin:5px 5px 10px 5px;
	float:left;
	}
	
	div.thumbnail_inside_half {
	width:205px;
	}
	
	div.thumbnail_inner_div {
	margin:0 1em 0 0;
	float:left;
	}
	
	a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active, a.thumbnail:hover  {
	line-height:.5em;
	border:none;
	background:none;
	}



/* ------- FOTER ---------- */

#footer {
	padding-top:1em;
	font-size:80%;
	color:#ccc;
	text-align:center;
	}
	
	#footer a{
	color:#ccc;
	}




/* ------- TEXT STYLES ---------- */



p {
	line-height:1.4em;
	}

h1 {
	font-size:1.3em;
	color:#222;
	margin:0 1em .5em 0;;
	padding:0 0 0 0;
	text-transform:uppercase;
	border-bottom:1px dotted #222;
	font-family: georgia;
	letter-spacing: 2px;
	}
	
h2 {
	margin-right:1em;
	font-size:1em;
	font-family:serif;
	color:#222;
	margin:0;
	padding:0;
	text-transform:capitalize;
	}
	

h3 {
	font-size:1.2em;
	color:#e6cd29;
	margin:0;
	padding:0;
	text-transform:uppercase;
	}
	
	
table.tour {
	font-size:.8em;
	margin-top:10px;
    margin-right:1em;
	}
	
	table.tour td a:link, table.tour td a:hover, table.tour td a:visited, table.tour td a:active 		{color:#000;}

table.tour td {
	font-weight:bold;
	background-color: #dac991;
	font-size:90%;
	padding:.5em;
	}
	
table.tour th {
	background-color: #000;
	color:#fff;
	font-size:90%;
	text-align:left;
	padding:5px;
	font-weight:normal;
	}
	
	
/* table.tour a{
	color:#D31E0B;
	}
*/	
div.spacer {
	height:5px;
	}
	
fieldset {
	background-color:#000;
	border:1px solid #fff;
	color:#fff;
	padding:1em;
	}
	
legend {
	background-color:#000;
	color:#fff;
	}
	
#banners-wrapper {
	position:relative;
	}
	
#banners{
	top:0;
	left:0;
	}
	



/* ----- FOOTER ----- */



#footer {
	width:1000px;
	height:20px;
}

.clear_left {
	clear:left;
	}
	
.clear_right {
	clear:right;
	}
	
.clear_both {
	clear:both;
	}