/* Michael Kolmstetter main stylesheet. Created by Jeremy Swanston */

/*** STANDARD TAG STYLING ***/

#wrap {
	width: 955px;
	height: auto;
	height: 100%
	min-height: 100%;
	position: relative;
	text-align: left;
	background-color: #fff;


	}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 75%/100%;
	background-image: url('images/fade.gif');
	background-repeat: repeat-y;
	background-position: 955px 0;
	background-color: #E7B23C;
	color:#585858;
}

#header {
	float: left;
	height: 212px;
	text-align: left;
	width: 955px;
	margin: auto auto;
	background:url('images/header.gif');
}

a img {
	border: 0px;
}

div {
	border:				none;
}

hr {
	clear:both;
	visibility:hidden;
	}

.clear {
	clear:both;
	}

.centered, p.centered {
	text-align:center;
	}

.right {images/gradient.jpg
	text-align:right;
	}		

img {
	border:0;
	}	

/*** PAGE LAYOUT STYLING ***/
#content, .content {
	width: 955px;
	}
	
#flash {
	width: 955px;
	float:left;
	text-align:center;
	marging:20px 0 0 0;
	padding:0;
}

.fade {
	width:185px;
	height:50px;
	margin:0;
	padding:0;
	background:#447b8c;
	float:left;
	position: relative;
	
}

#content-secondary {
	width: 185px !important;
	width:185px;
	margin: 20px 0 0 0;
	height: auto;
	height: 100%;
	min-height: 100%;
	color: #ffffff;	
	background:#447b8c url('images/container.gif') top right repeat-y;
	float:left;
	text-align:left;
	position: relative;

	/***padding-bottom: 100%; ***/
	}	
#content-secondary p{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	color: #ffffff;
	font:75% Verdana,Arial,Helvetica,sans-serif;
	line-height: 200%;

}

/*** SIDEBAR STYLINGS ***/

#side_nav {
	width: 185px !important;
	width:185px;
	margin: 20px 0 0 0;
	height: auto;
	height: 100%;
	min-height: 100%;
	color: #ffffff;	
	background:#447b8c url('images/container.gif') top right repeat-y;
	float:left;
	text-align:left;
	position: relative;
}

#side_nav ul{
	padding: 0px;
	margin: 0px;
}

#side_nav li {
	vertical-align:	 	bottom;
	list-style:			none;
	border-bottom:		1px solid #CDCCCC;	
}

#side_nav a {
	display: 			block;
	background: 		#F3F3F3 url('images/container2.gif') top right repeat-y;
	padding: 			7px;
	padding-left:		10px !important;
	margin-bottom: 		1px;
	color: 				#447B8C;
	text-decoration: 	none;
	font-size: 			75%;
	vertical-align: 	bottom;
}

#side_nav p {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	color: #ffffff;
	font:75% Verdana,Arial,Helvetica,sans-serif;
	line-height: 200%;
}

#side_nav a:hover {
	color: 				#4A3A16;
	background: 		#D1D1D1 url('images/container3.gif') top right repeat-y;
}

#side_nav a:active {
	font-weight: 		bold;
	color: 				#4A3A16;
	background: 		#D1D1D1 url('images/container3.gif') top right repeat-y;
}

#side_nav .selected {
	display: 			block;
	background: 		#447B8C url('images/container.gif') top right repeat-y;
	padding: 			7px;
	padding-left:		10px !important;	
	margin-bottom: 		1px;
	color: 				#DBDBCD;
	text-decoration: 	none;
	font-size: 			75%;
	vertical-align: 	bottom;
}

ul li {

	position: 		relative;

}

#content-secondary ul{
	padding:0;
	margin:0;
}

#content-secondary li{
	background:#F3F3F3;
	list-style:			none;
	border-bottom:		1px solid #CDCCCC;
	vertical-align: 	bottom;
}

#content-secondary a{
	display: 			block;
	background:#F3F3F3;	
	padding: 			10px;
	padding-left:		10px !important;
	color: 				#447B8C;
	text-decoration: 	none;
	font-size: 			75%;
	vertical-align: 	bottom;
}

#content-secondary a:hover {
	color: 				#4A3A16;
	background:#D1D1D1;
}

#content-secondary a:active {
	font-weight:bold;
	color: 				#4A3A16;
	background:#D1D1D1;
}

#content-secondary .selected {
	display: 			block;
	background:#447B8C;
	padding: 			10px;
	padding-left:		10px !important;	
	color: 				#DBDBCD;
	text-decoration: 	none;
	font-size: 			75%;
	vertical-align: 	bottom;
}

.secondary-image{
	height: 185px;
	width: 185px;
	background: #ffffff;
}

.primary-image{
	height: 185px;
	width: 615px;
	background: #333333;
}

#content-home {
	padding: 20px 0 0 10px;
	width:760px;
	float:left;
	}

#content-primary {
	padding: 10px 10px 20px 20px;
	width:700px;
	float:left;
	background-color: #fff;
	}
#content-primary p{
	color: #737B80;
	font:76%/100% Verdana,Arial,Helvetica,sans-serif;
	line-height: 150%;
	margin-bottom: 1.5em;
}

#content-primary a {
	color:#E6B43B;
	text-decoration:none;
}

#content-primary a:hover {
	color:#447b8c;
	text-decoration:none;

}

#content-primary h1{
	font: 150% Verdana,Arial,Helvetica,sans-serif;
	color: #447b8c;
	line-height: 175%;
}
#content-primary h2{
	font: 80% Verdana,Arial,Helvetica,sans-serif;
	color: #555555;
	line-height: 150%;
	text-transform: uppercase;
}
#content-primary h4{
	font-size:13px;
}

.content-primary pre{
	color: #737B80;
	font:76%/100% Verdana,Arial,Helvetica,sans-serif;
	line-height: 150%;
	margin-bottom: 1.5em;
}

.content-primary{
	margin:0 0 0 0;
	clear:both;
	display:block;
	width:700px;
} 

.disc{
	margin:0 0 0 0;
	clear:both;
	display:block;
	border-bottom:1px solid #dcdcd6;
	height: 300px;
	width:700px;
}   

.disc p{ 
	color: #4a3a16;
	font:50% Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	line-height: 175%;
	margin-bottom: 1.5em;
}                           

.disc ul{	
	list-style:none;
	margin:0px;
	padding:0;
}

.disc span{
	margin:0px;
	padding:0;
}

.disc ul li{
	margin:0px;
	padding:0px;
	float:left;
	width:205px;	
}

.disc pre{
	margin:0 0 0 30px;
	padding:0px;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	font-size:75%;
	line-height:13px;	
}

h3{
	margin:0 0 10px 30px;
	padding:0px;
	font-size:13px;
}

.disc ul li a { 
	background-color: #4A3A16
}

.disc ul li a:hover { 
	background-color: #FFFFFF
}

#client{
	margin:0 0 0 0;
	clear:both;
	display:block;
	height: auto;
	width:700px;
}   

#client p{ 
	color: #4a3a16;
	font:50% Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	line-height: 175%;
	margin-bottom: 1.5em;
}    

#client pre{
	margin:0 0 0 0;
	padding:0px;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	font-size:10px;
	line-height:13px;	
}                       

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

#client ul li{
	margin:0px;
	padding:0px;
	float:left;
	width:300px;	
}

#client h3{
	margin:0 0 10px 0;
	padding:0px;
	font-size:13px;
}

#client ul li a { 
	background-color: #4A3A16
}

#client ul li a:hover { 
	background-color: #FFFFFF
}

#music-primary {
	padding:0 0 0 15px;
	width:250px;
	position: relative;
	display:inline;
	float:left;
	}
#music-primary p{
	color: #4a3a16;
	font:50% Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	line-height: 175%;
	margin-bottom: 1.5em;
}

.music-image{
	height: 217px;
	width: 194px;
	background: #e6b43b;
	color: #4a3a16;
	font:70% Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	line-height: 175%;
}

#music-primary span {
	padding: 0 0 0 5px;
	}

#music-secondary {
	padding:0 0 0 0;
	width:206px;
	position: relative;
	display:inline;
	float:left;
}

#music-secondary p{
	color: #4a3a16;
	font:75% Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	line-height: 175%;
	margin-bottom: 1.5em;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.spacer {
	background: url('images/spacer.gif') repeat-y;
	height:				10px;
	text-align:			left;
	}

/*** FOOTER STYLINGS ***/

#footer {
	background-color:#4A3A16;
	text-align:left;
	padding:0;
	margin:2em 0 0 0;
	clear:both;
	height:75px;
	bottom: 0;
	position: relative;
	}
#footer em{
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #e6b43b;
	padding-left:15px;
}
#footer p {
	font-size:.75em;
	line-height:2em;
	color:#e6b43b;
	}
#footer span {
	margin-right:50px;
	}
#footer a {
	border:0;
	color:#e6b43b;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#ffffff;
}
	
#footer img {
	vertical-align:middle;
	margin-left:3px;
	padding-bottom:2px;
	}

.badges {
	color: #b7b7b7;
}

/*** NAVIGATION STYLINGS ***/

ul#nav {
	position:absolute;
	top: 152px;
	left: 200px;
	width: 367px;
	height: 63px;
	/*overflow:hidden;*/
	background:transparent;
}
ul#nav li {
   padding:0;
   margin:0;
   list-style-type:none;
   float:left;
   text-indent:-9999px;
}
ul#nav li a {
   border:0;
   text-decoration:none;
   display:block;
   background:transparent url('images/navigation.gif') no-repeat;
}
li#home a {
	width:49px;
	height:21px;
	 }
li#about a {
	width:57px;
	height:21px;
	 }
li#services a {
	width:72px;
	height:21px;
	 }	 
li#listen a {
	width:54px;
	height:21px;
	 }
li#music a {
	width:66px;
	height:21px;
	 }
li#contact a {
	width:69px;
	height:21px;
	 }	 	 	 	 
li#home a:hover, li#home a:focus {
	background-position:0px -21px;
	 }
li#about a:link, li#about a:visited {	
	background-position:-49px 0px;
	}
li#about a:hover, li#about a:focus {	
	background-position:-49px -21px;
	}
li#services a:link, li#services a:visited {	
	background-position: -106px 0px;
	}
li#services a:hover, li#services a:focus {	
	background-position: -106px -21px;
	}
li#listen a:link, li#listen a:visited {	
	background-position: -178px 0px;
	}
li#listen a:hover, li#listen a:focus {	
	background-position: -178px -21px;
	}
li#music a:link, li#music a:visited {	
	background-position: -232px 0px;
	}
li#music a:hover, li#music a:focus {	
	background-position: -232px -21px;
	}
li#contact a:link, li#contact a:visited {	
	background-position: -298px 0px;
	}
li#contact a:hover, li#contact a:focus {	
	background-position: -298px -21px;
	}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -42px;
	}
body#about-page ul#nav li#about a {
	background-position:-49px -42px;
	}
body#services-page ul#nav li#services a {
	background-position:-106px -42px;
	}
body#listen-page ul#nav li#listen a {
	background-position:-178px -42px;
	}
body#music-page ul#nav li#music a {
	background-position:-232px -42px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-298px -42px;
	}


/*** QUOTE STYLING ***/

#quote {
	position: absolute;
	right: 0;
	top: 96px;
	width: 350px;
	margin: 5px;
	padding: 5px;
	color: #fff;
}

#quote p {
	margin: 0px;
	text-align: right;
	font-style: italic;
}

#quote p.right {
	text-align: right;
}

/*** PORTFOLIO STYLING ***/

#portfolio {
	color: #585858;
	text-align: center;
	margin-left: 160px;
	width: 355px;
	margin-top: 10px;
	border-left: 1px solid #B7B7B7;
}

#portfolio h1 {
	background: url('images/selected_back.jpg') 3px 5px no-repeat;
	text-align: left;
	color: #585858;
	padding-left: 10px;
}

#portfolio b {
	color: #333;
}

#portfolio p {
	text-align: justify;
	margin: 0px;
	margin-bottom: 5px;
}

#portfolio .format {
	color: #86bd1c;
}

#portfolio img {
	margin-top: 15px;
}

/*** LINKLIST STYLINGS ***/

#linklist {
	float: left;
	width: 160px;
	margin-top: 10px;
}

#linklist ul,li {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

#linklist li {
	border-bottom: 1px solid #B7B7B7;
}

#linklist a {
	color: #333;
	padding-left: 10px;
	text-decoration: none;
}

#linklist a:hover {
	background: url('images/selected_back.jpg') 3px 5px no-repeat;
}

.kludge {
	clear: both;
}

.specialfield {
display: none;
}

#email {
display: none;
}