/*

Original CSS and HTML found at http://www.basseq.com/
Modified by Ryan M. Ross

*/

body
{
	font: 12px Trebuchet MS;
	color: #000;
	background: #131209;
	margin: 5px 0 5px 50%;
}


#container
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/hotStuff.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}
#container2
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/rapid.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}
#container3
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmExposure.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}

#container4
{
	background: url("images/logo.png") no-repeat top left;
}

#container4b
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dms3.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;

}
#container5
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmEnhanced.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}

#container6
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmPassion.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}

#container7
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmSchool.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}

#container8
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmActivity.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}

#container10
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmMovement.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}


#container11
{
	position: relative;
	width: 700px;
	background: #DEDEDE url("images/dmDisco.jpg") no-repeat top left;
	margin: 0 0 0 -350px;
	border: 3px solid #FFF;
}



/* Stock Styles */
a:link, a:visited
{
	text-decoration: underline;
	color: black;
}

a:hover, a:active { text-decoration: none; }

#left ul a:link, #left ul a:visited
{
	text-decoration: none;
	color: inherit;
}

#left ul a:hover, #left ul a:active { text-decoration: underline; }

hr
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	color: #686868;
	border-top: 1px dotted #000;
}

#content { line-height: 15px; }

#content blockquote, #content p.quote
{
	border-left: 3px solid #616161;
	padding-left: 10px;
}

br.clear { clear: both; }
img { border: 0; }
div.error { color: red; }
div.error ul li { color: red; }

/* Tables */
table { margin: 5px 0 5px 0; }

th
{
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	padding-top: 4px;
}

#left .formwidth
{
	font: 10px Verdana;
	width: 145px;
}

#content .formwidth
{
	font: 11px Verdana;
	width: 300px;

}

/* Header Styles */
#header
{
	position: relative;
	height: 325px;
}

#header h1 { display: none; }

#header h2
{
	font: 9px "Helvetica", Verdana;
	margin: 0;
	text-transform: lowercase;
	color: #000;
}


#header
{
	font: 20px "Helvetica", Verdana;
	text-transform: lowercase;
		 text-indent: 3.0em;
	color: #fff;
}

#header a:visited
{
	color: #686868;
	text-decoration: none;
}

#header a:link
{
	color: #FFF;
	text-decoration: none;
}


#header .current, #header a:hover, a:active
{
	color: #000;
	/*border-bottom: 1px solid #fff;
	padding-bottom: 0 %;*/

}

h4
{
	margin: 16px 0 0 0;
	font: 16px "Helvetica", Verdana;
	text-transform: lowercase;
}

h4 a:link, h4 a:visited { text-decoration: none; }


/* Content Styles */
#content
{
	position: relative;
	width: 400px;
	float: left;
}
#content2
{
	position: relative;
	width: 600px;
/*	float: left;*/
}



#content h5
{
	font: 8px "uni 05_53", Verdana;
	text-transform: uppercase;
	margin: 0;
	height: 13px;
	
}

#content h2
{
	font: 18px "Helvetica", Verdana;
	margin: 0;
	text-transform: lowercase;
}
/* Left Sidebar    "Trebuchet MS"   */
#left
{
	position: right;
	font-size: 10px;
	width: 210px;
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
}

#left h3
{
	margin: 15px 0 0 0;
	font: 16px "Helvetica", Verdana;
	border-bottom: 2px solid #000;
	text-transform: lowercase;
}

#left h3 a, #left h3 a:hover { text-decoration: none; }
b { color: #616161; }

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

#left ul li
{
	padding: 3px;
	margin: 0;
	border-bottom: 1px dotted #000;
}

#left ul.error
{
	list-style: disc;
	margin: 0 0 10px 0;
	padding: 0;
}

#left ul.error li
{
	padding: 0;
	margin-left: 30px;
	border: 0;
}

#left ul li.inner { padding-left: 20px; }

#left ul li:hover, #left ul li:hover b, #left ul li.current
{
	background: #616161;
	color: #FFF;
}

/* Buttons */

/* and these don't work in FF because it doesn't like the
   hard-coding of the background property ::mutter:: */

.button span { display: none; }

.button, a.button:link, a.button:visited
{
	float: left;
	height: 20px;
	width: 82px;
	background-repeat: no-repeat;
	background-position: left top;
	border: 0;
}

.button:hover, a.button:hover, a.button:active { background-position: left bottom; }

/* Footer */
#concon { 
position: relative;
	height: 350px;
 }

#footer 
{
	padding: 25px;
	position: relative;
	left: 0;
	bottom: 0;
	width: 650px;
	background:  url("images/footerBackG.jpg") repeat-x bottom left;
}