/*



--------------------------------------------------

Global Styles for dingrepair.net

by Aaron Sonnenshine

--------------------------------------------------



*/





* {

	margin: 0;

	padding: 0;

	border: none;

}



body {

	margin: 0 0 20px 0;

	padding: 0;

	text-align:left;

	background: #330000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:x-small;

	voice-family: "\"}\""; voice-family:inherit;

	font-size:small;

} html>body {font-size:small;}



/*



--------------------------------------------------

Basic Declarations

--------------------------------------------------



*/





a:link {

	color: #fff;

	text-decoration: underline;

	}



a:visited {

	color: #fff;

	text-decoration: underline;

	}



a:hover {

	color: #fff;

	text-decoration: none;

	}



a:active {

	color: #fff;

	text-decoration: none;

	}



h1 {

	font-size: 2.2em;
	margin: 0 0 .2em 0;

	}



h2 {

	font-size: 1.2em;
	margin: 0 0 .2em 0;

	}



h3 {

	font-size: 1em;
	margin: 0 0 0 0;

	}



h4 {

	font-size: 1em;

	margin: 0 0 .2em 0;

	}



img {

	border: none;

}



p {

	margin: 0 0 .5em 0;

	font-size:1em;

	line-height: 1.2em;

	color:#333;

	}





ul, ol	{



	}



ul	{

	list-style-type: none;

	}



li	{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;

	}



ol	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}



li	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}



dl {

	margin:0;

	padding:0;

	}

dt {

	margin:0;

	padding:0;

	}

dd {

	margin:0;

	padding:0;

	}

form input, form select, form textarea {

	border:1px solid #ccc;

	background: #eee;

	color:#006699;

}





/*



--------------------------------------------------

Layout DIVs

--------------------------------------------------



*/







#containerWrapper {

	width:1000px;

	text-align:left;

	background: transparent url("../g/bg_container.png") repeat-y top left;

}



* html #containerWrapper { background: transparent url("../g/bg_container.gif") repeat-y top left; }



#container {

	width:1000px;
	text-align:left;

}



#headerWrapper {

	float: left;

	width:100%;

	height:100px;

	background: transparent url("../g/bg_edge_top.gif") repeat-x top left;

}



#header {

	position:relative;

	bottom:0;

	left:0;

	width:100%;

	height:100px;

	background: transparent url("../g/bg_edge_bottom.gif") repeat-x bottom left;

}



#contentWrapper {

	float:left;

	width:100%;

	background: transparent url("../g/bg_main.jpg") no-repeat left top;

	border-top: 1px solid #fc6;

	padding: 20px 0 0 0;

}
#about #contentWrapper {

	background: transparent url("../g/bg_about.jpg") no-repeat left top;

}

#dance #contentWrapper {

	background: transparent url("../g/bg_dance.jpg") no-repeat left top;

}

#yoga #contentWrapper {

	background: transparent url("../g/bg_yoga.jpg") no-repeat left top;

}

#art #contentWrapper {

	background: transparent url("../g/bg_art.jpg") no-repeat left top;

}

#rhythm #contentWrapper {

	background: transparent url("../g/bg_rhythm.jpg") no-repeat left top;

}

#massage #contentWrapper {

	background: transparent url("../g/bg_massage.jpg") no-repeat left top;

}



#content {

	position:relative;

	width: 580px;
	
	margin: 0 0 0 306px;

	padding: 0 0 40px 0;

	text-align:left;

}



#subContentWrapper
{
	float:right;
	width:180px;
	/* background: red; */
}


#subContent 
{
	float:left;
	width:160px;
	margin:20px 0 0 0;
	background:#300;
}


#mainContentWrapper 
{
	float:left;
	width:400px;
	/* background: blue; */
}



#mainContent
{
	float:right;
	width:400px;
	margin:20px 0 0 0;
	/* background: green; */
}


#footerWrapper {

	float: left;

	width: 100%;

	height: 2.4em;

	text-align: left;

	border-top: 1px solid #fc6;

	background: transparent url("../g/bg_slow_grad_top.gif") repeat-x top left;

}



#footer {

	position:relative;

	bottom:0;

	left:0;

	width:780px;

	height:2.4em;

	background: transparent url("../g/bg_edge_bottom.gif") repeat-x bottom left;

	text-align:left;

}



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-table;}





/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */





/*

--------------------------------------------------

Global Graphic

--------------------------------------------------

*/



#header img {

	position:absolute;

	bottom:2px;

	left:10px;

	width:266px;

	height:29px;



}



img.floatproduct {

	float: right;

}





/*

--------------------------------------------------

Navigation

--------------------------------------------------

*/


#header .schedule {
	position:absolute;

	bottom:2.2em;

	left:300px;

	text-decoration:none;

	padding:2px 0 2px 20px;
	background:transparent url("../images/icon_pdf.gif") no-repeat 0 50%;
}




ul#primaryNav {

	width:800px;

	margin:0 0 -1px 0;

	padding:0;

	position:absolute;

	bottom:0;

	left:300px;

	list-style-type: none;

	border-left:1px solid #fc6;

	}



#primaryNav li {

	float:left;

	display: inline;

	margin: 0 0 0 -1px;

	border-top:1px solid #fc6;

	border-right:1px solid #fc6;

	border-bottom:1px solid #fc6;

	border-left:1px solid #fc6;



	}

#primaryNav a, #primaryNav a:link, #primaryNav a:visited {

	float: left;

	display: block;

	padding: 6px 8px 6px 8px;

	font-size: .8em;

	font-weight: bold;

	color: #fc6;

	text-decoration: none;

	}

#primaryNav li a:hover, #primaryNav li a:active, #primaryNav li#current a { 

	color: #300;

	background: #fc6;

	}



#subNavWrapper {

	float:left;

	width:175px;

	margin:.2em 0 0 0;

	padding: 10px 0 0 0;

	background: transparent url("../g/bg_col_left_head.gif") no-repeat top right;

}



#subNav {

	width:175px;

	padding: 0 0 30px 0;

	margin:0;

	background: transparent url("../g/bg_col_left_tail.gif") no-repeat bottom right;

}



#subNav ul {

	list-style-type: none;

	font-weight: bold;

	text-align:left;

	margin: 0 0 0 10px;

	background: transparent url("../g/bg_col_left.gif") repeat-y top right;

}



#subNav li {

	list-style-type: none;

	display: block;

	border-bottom: 1px solid #eee;

}

#subNav li.first {

	border-top: 1px solid #eee;

}



#subNav li a {

	height: auto;
	
	padding:8px 6px 6px 6px;

	margin:0px;

	display: block;

	font-size: .8em;

	text-transform:uppercase;

	text-decoration: none;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

* html #subNav li a { height: .1em; }

/* End IE5-Mac hack */


#subNav li a:link, #subNav li a:visited {

	color: #0082C8;

	text-decoration: none;

	}

#subNav li a:hover, #subNav li a:active {

	color: #333;

	background: transparent url("../g/bg_col_left_at.gif") repeat-y top right;

	}

#subNav .current a:link, #subNav .current a:visited {

	color: #0082C8;

	background: transparent url("../g/bg_col_left_at.gif") repeat-y top right;

	}

#subNav .current a:hover, #subNav .current a:active {

	color: #333;

	}



#subNav ul li.current ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

	text-align: left;

	}

#subNav ul li.current ul li {

	list-style-type: none;

	display: block;

	padding:0;

	margin:0;

	height: auto;

	border-top: 1px solid #eee;

	border-right: none;

	border-bottom: none;

	border-left: none;

	}

#subNav ul li.current ul li a {

	padding:3px 6px 3px 12px;

	margin:0px;

	display: block;

	text-transform:none;

	text-decoration: none;

	}

#subNav ul li.current ul li a:link, #subNav ul li.current ul li a:visited {

	color: #333;

	text-decoration: none;

	background: transparent url("../g/bg_col_left.gif") repeat-y top right;

	}

#subNav ul li.current ul li a:hover, #subNav ul li.current ul li a:active {

	color: #999;

	}

#subNav ul li.current ul .current a:link, #subNav ul li.current ul .current a:visited {

	color: #999;

	}

#subNav ul li.current ul .current a:hover, #subNav ul li.current ul .current a:active {

	color: #999;

	}







#contentNav {
		border:0px;
		margin:0 0 10px 0;
		padding:0px;
}



#contentNav ul {
		border:0px;
		margin:0px;
		padding:0px;
}

#contentNav br {display:none;}
#contentNav li {
		margin:5px 0 0 0;
		padding:0px;
		list-style-type:none;
}

#contentNav li a {
		margin:0;
		padding:0;
 		font-size: .8em;
		color:#333;
		text-decoration:none;
		border-top:1px solid #f7f7f7;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-top:1px solid #f7f7f7;
}


#contentNav strong {
		display:block;
  		font-size:1.2em;
		line-height: 1.4em;
		color: #003399;
		text-decoration:none;
		margin:0 0 5px 0;

}

#contentNav img {
		float:left;
		border:1px solid #333;
		margin:0 8px 0 0;
		padding:0px;
}

#contentNav a:link, #contentNav a:visited {
	display:block;
	background:#eee;
	margin:0px;
	padding:5px 8px;
	width:400px;
}

#contentNav a:hover {
  background:#ddd;
  color:#000;
  }

#contentNav a:hover strong {
  color:#CC6600;
  text-decoration:none;
  }

.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }	



















/*

--------------------------------------------------

Links

--------------------------------------------------

*/







a.floatbox {

	float:left;

	width:108px;

	padding:0 0 2px 0;

	margin:1px;

	text-align:center;

	border:1px solid #fff;

}



a.floatbox strong {

	display:block;

	font-weight:normal;

}



a.floatbox:link, a.floatbox:visited {

	display:block;

	color:#333;

	font-size:.8em;

	text-decoration:none;

}



a.floatbox:hover, a.floatbox:active {

	color:#000;

	border:1px solid #eee;

}



a.floatbox img  {

	margin:4px;

	padding:0;

	border:0;

}



a.feature img {

	display:block;

}





.row {

	margin: 0 0 10px 0;

	display:block;

	width:100%;

}



a.lgfloatbox {

	float:left;

	width:114px;

	padding:0 0 2px 0;

	margin:1px;

	text-align:center;

	border:1px solid #fff;

}



a.email {

	display:block;

}



div.photoAlbum a {

	float:left;

	width:30px;

	padding:2px;

	margin:2px;

	text-align:center;

	

}

div.photoAlbum a img {

	width:30px;	

	vertical-align:bottom;

}



div.photoAlbum a:hover {

	

}



div.photoAlbum a.smallBoards {

	width:38px;

	height:118px;

}





/*

--------------------------------------------------

Text Styles

--------------------------------------------------

*/

.callout {
	border:1px solid #fff;
	padding:20px;
	color:#fff;
	margin:0 0 20px 0;
}



#content p, #contentMain p {

	margin: 0 1em .8em 0;

	line-height:1.3em;

	color:#333;

}



#copyright {

	font-size:.8em;

}



#subContent li {

	margin:0 0 .2em 0;

}

#subContent li a {

	font-size:.8em;

	color:#F33C0E;

	font-weight:bold;

	text-decoration:none;

	padding: 0 0 0 8px;

	background: transparent url("../g/icon_arrow.gif") no-repeat 0 .4em;

}



#footer h6 {

	position:absolute;

	bottom:1em;

	left:10px;

	color:#fc6;

	font-size:.8em;

}




#pageIntro {

	padding:0 100px 0 0;
	margin:0 0 .5em 0;
}


#pageIntro h1 {

	color:#fff;
	font-size:3em;
	text-transform:uppercase;

}
#pageIntro h1 strong {

	display:block;
	color:#000;
	font-size:.5em;
	text-transform:none;
	line-height:.8em;
	letter-spacing:.4em;
	margin:0 0 .5em 0;
	padding:0 0 .3em 0;
	background: transparent url("../g/bg_header_fade.gif") no-repeat left bottom;
}
#pageIntro p {

	font-size:1.3em;
	font-style:bold;
	color:#fc6;
	line-height: 1.1em;
	margin:0 0 .5em 0;

}


#mainContent h3 {
	color:#fff;
}

#mainContent .section {

	margin:0 0 1em 0;

}
#mainContent .section h1 {

	color:#fff;
	font-size:1.5em;
	margin:0 0 .7em 0;
	text-transform:uppercase;

}
#mainContent .section h2 {

	color:#fc6;
	font-size:1em;
	margin:0 0 .1em 0;

}
#mainContent .section p {

	font-size:1em;
	font-style:bold;
	color:#fff;
	line-height: 1.2em;
	margin: 0 0 1em 0;
	padding: 0 2em 0 0;

}

#subContent h2 {
	color:#300;
	font-size:.8em;
	text-transform:uppercase;
	padding: 3px 0 2px 6px;
	margin: 0 0 10px 0;
	background: #fc6;
}
#subContent h3 {
	color:#fc6;
	font-size:.8em;
	padding: 0 0 0 6px;
	margin: 0 0 .2em 0;
}

#subContent p {
	margin: 0 0 1em 0;
	font-size:.8em;
	line-height:1.4em;
	padding: 0 .5em 0 6px;
	color:#fff;
}

#subContent a.thumb {
	float:left;
	width:140px;
	margin:0 0 10px 10px;
	height:100px;
	background: transparent url("../g/table_talk_thumb.jpg") no-repeat -40px -16px;
}
#dance #subContent a.thumb {
	background: transparent url("../g/burning_man_thumb.jpg") no-repeat 0px 0px;
}
#subContent a.thumb span {
	display:none;
}

ul.address {

	list-style-type:none;

}

ul.address li {

	list-style-type:none;

	margin: 0 0 0 0;

	color:#333;

}


ol.faqs_questions {

	width:350px;

	margin:1em 0 1em 0;

	padding: 1em 0 0 2em;

	border-top:1px solid #eee;

	border-bottom:1px solid #eee;

}

ol.faqs_questions li {	

	margin:0 0 .8em 0;

	color:#333;

}

ol.faqs_answers {

	width:350px;

	margin:1em 0 1em 0;

	padding: 1em 0 0 2em;

}

ol.faqs_answers strong {	

	display:block;

	color:#0082C8;

	margin:0;

	padding:0;

}

ol.faqs_answers li {	

	margin:0 0 .8em 0;

	color:#333;

}


img.portrait {

	padding:8px;

	border:1px solid #eee;

}

img.framed {

	padding:4px;

	margin:0 0 4px 0;

	border:1px solid #eee;

}

.newsdate {

	margin:8px 0;

	padding:4px;

	border-top:1px dotted #ccc;

	border-bottom:1px dotted #ccc;

	color:#999;

	

}

p.quote {
	width:350px;
	font-style:italic;
	font-size:.8em;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background: #330000;
*/
}