/*
RESET
=============================*/

html {
background-color: #514d44;
height: 100%;
margin-bottom: 1px;
}


body {
font-size: 12px;
line-height: 18px;
height:100%;
margin-bottom: 1px;

}

body { behavior:url("csshover.htc"); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}
iframe {
  border:none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#container {
	width:752px;
	text-align:left;
  position:relative;
  left:44px;
	font-family: 'Century Gothic';
	background-color: #252525;
	margin-top: 58px;
	float:left;

}

#content {
  	background-color: #252525;
}

#header {
  position:relative;
}

#headerDescription {
  display:none;
}
#headerDescription b {
  font-weight: bold;
  display:block;
}

div#header:hover #headerDescription {
  display:block;
  z-index:300;
  position:absolute;
  top:0;
  left:0;
  width:300px;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 12px;
}

#wrapper2 {
  width:850px;
  background: transparent url("includes/images/top.gif") no-repeat top left;
  float:left;
}

#wrapper {
  	background: transparent url("includes/images/middle.gif") repeat-y top left;
  	width: 850px;
  	margin:auto;
    text-align: left;
    float:left;

}

#ctd {
  width: 850px;
  text-align:left;
  margin:auto;
}
#main-content {
	width: 597px;
	padding: 8px 0 8px 8px;
	
	float:left;
	color: #fff;
}

#content {
	float:left;
	width:100%;

}

#header {
	height: 183px;
	}
	
#map_img {
  float:right;
}

#map {
  float:left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

#nav {
	float:left;
	width: 130px;

	padding-right: 15px;
	background-color: #1B3959;
	text-align:right;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	}
	
#nav ul {
  padding-bottom:0;
}

#nav ul li.prim {
	background:transparent url("images/menu-tile-top.gif") no-repeat top left;
	padding-top: 15px;
	border-top: 1px solid #fff;
	}

#gallery .selected {
  background: transparent url("images/selected.gif") no-repeat bottom left;
  
}
	
	
	
#nav ul li a {
  color: #fff;
  text-decoration:none;
  font-weight: normal;
}

#nav ul li a:hover {
  text-decoration: underline;
}

#header {
float:left;
width:100%;
}

table td {
  padding:3px;
  font-size:12px;
}

/*
GALLERY
=======================================================================*/
#img_container {
  float:left;
  width: 410px;
}

#img_container img {
  width: 400px;
  padding:0;
  margin:0;
  border: 5px solid #1F1F1F;
}
#img_container form#buy img {width:160px;}

#gallery ul, #gallery {
  float:left;
}

#footer {
  clear:left;
  width:850px;
  background: #504C45 url("includes/images/bottom.gif") no-repeat -5px bottom;

  height: 160px;
  position:relative;
  bottom: 101px;
  margin:auto;
  margin-bottom:-160px;
  z-index:1;


}



#container {
  z-index:2;
}

#gallery {
  width: 185px;
  float:right;
	padding-top: 2px;
}
#gallery ul li {
  float:left;
  margin:2px;
  padding:0;
}

#gallery ul li img {
width: 2.9em;
border: 3px solid #1F1F1F;
}

#gallery ul li img:hover {
  border: 3px solid #454545;
}

#main-content h2 {
  padding-top:0;
  text-decoration:underline;
}

#description h2 {
line-height: 18px;
margin-bottom: 0px;
}

#description h2, #description p {
  padding-left: 5px;
}

#description p {
  padding-top: 5px;

}

#music {
  margin-right: 5px;
}

#mix table td{
  vertical-align:top;
  padding: 6px 0;
}

#mix p {
  padding-right: 15px;
}

.content_image {
float:right;
padding:10px 0pt 10px 10px;

}

.artist {
  font-style: italic;
}

.desc {
  background-color:#1F1F1F;
  padding:6px;
}

#description {
  background-color: #1f1f1f;
}

.img img {
  border: 5px solid #1F1F1F;
}

.bold {
font-weight:bold;
}

#members li p {
padding-bottom: 0;
}

i {
font-variant: italic;
}


/*
TYPOGRAPHY
=======================================================================*/
h1,h2,h3,h4,h5,h6 {
/*font-family: 'Time New Roman';*/
/*clear:both;*/
}

h1 {
font-size: 60px;
line-height: 70px;
text-indent:-3px;
display:none;
}

h2 {
font-size: 18px;
line-height: 36px;
padding-top: 20px;
}

h3 {
font-size: 18px;
line-height: 26px;
padding-top: 20px;  
}

h4 {
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
}

p, ul {
padding:0 0 10px 0;
}

ul li {
padding: 0 0 5px 0;
}

a {
color:#8ed5ea;
/*color: #4a79ff;*/
cursor: pointer;
}

p, ul {
font-family: Arial;
font-size: 12px;
}

#main-content p {
padding-right: 10px;
}

#main-content .contact-column {
width:350px;
float:left;
}


p, ul {
  opacity:.9;
}

#mixture-people img {

border: 1px solid blue;

}

.slot {
  float:left;
  width:100%;
  padding:0;
  margin:0;
  padding-bottom: 20px;
}

.buy img {
  width: 70px;
}

.buy td {
  vertical-align:top;
  padding-top: 8px;
}

.img_slot {
  float:left;
  width: 250px;
  text-align:center;
  padding-bottom: 30px;
  margin-right: 15px;
}

#description #buy img {
  width: 70px !important;
}

.gallery #buy {
  display:none;
}
#gallery h3 {
  clear:left;
  padding-top: 0px;
}

#members_cart table {
  color: white;
  margin-top: 25px;
  padding-right: 15px;
  padding-left: 10px;
}

#members_cart table td {

  vertical-align: middle;
  padding-top: 15px;
}

.sup {
  font-size: 11px;
  vertical-align: top;
}

#members_scroll {
  background: transparent url("images/scroll.jpg") no-repeat top left;
  color: black;
  padding-left: 50px;
  padding-top: 110px;
  height: 650px;
}

#members_scroll a:link, #members_scroll a:visited, #members_scroll a:hover, #members_scroll a:active {
  color:#1B3959!important;
}

#members_scroll #members {
  width: 400px;
}
ul.dance li {float:left;width:280px;padding:0px 0px 15px 2px;}
ul.dance li span {font-size: 11px;}
ul.arts li {float:left;width:185px;margin:0px 10px 0px 0px;}