@charset "UTF-8";
/* CSS Document */

/** Element Cross-Browser Reset **/

body {font:13px trebuchet ms, arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
hr {display:none;}
div.hr {clear:both; width:100%;}
div.hidden {border: solid 1px transparent;}
strong {font-weight: bold;}
em {font-style: italic;}

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

* {padding:0; margin:0;}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666; background:#000;}

#wrapper {width:900px; margin:0 auto;}
	
#bannerlogostrip {
	width:900px;
	float:left;
	display:inline;
	height:70px;
	background:url(Assets/BannerLogoStrip.gif) no-repeat center center;
}

#bannerhome, #bannerbiography, #banneryogi, #bannerhusky, #bannermusic, #bannergallery, #bannerlinks, #bannercontact {
	width:880px;
	height:230px;
	float:left;
	display:inline;
	border:10px solid #1d1d1d;
	margin-bottom: 25px;
}

#bannerhome {background:url(Assets/BannerHome.jpg) no-repeat center center;}

#bannerbiography {background:url(Assets/BannerBiography.jpg) no-repeat center center;}

#banneryogi {background:url(Assets/BannerYogi.jpg) no-repeat center center;}

#bannerhusky {background:url(Assets/BannerHusky.jpg) no-repeat center center;}
	
#bannermusic {background:url(Assets/BannerMusic.jpg) no-repeat center center;}
	
#bannergallery {background:url(Assets/BannerContact.jpg) no-repeat center center;}
	
#bannerlinks {background:url(Assets/BannerLinks.jpg) no-repeat center center;}
	
#bannercontact {background:url(Assets/BannerContact.jpg) no-repeat center center;}

/* -------------------------------------- COLUMN 1 -------------------------------------- */

#column1Holder {width:160px; padding-right:25px; float:left;}

#leftcap {
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
	line-height:46px;
	height:46px;
	width:150px;
	float:left;
	padding-left:10px;
	margin-bottom:20px;
	background:url(Assets/HeaderTile.png) repeat-x;
}
#leftcontent {
	height:290px;
	width:150px;
	padding-left:10px;
	margin:0 -10px 25px 0;
	color: #535353;
	font-size: 16px;
}
#leftcontent p a {color:#FFF; line-height: 30px; text-decoration:none; display:block;}

#leftcontent p a:hover {color:#DE1D24;}

.leftnewsletter {
	height:30px;
	width:140px;
	float:left;
	clear:left;
	margin-top:5px;
}

/* -------------------------------------- COLUMN 2 -------------------------------------- */

#column2Holder {width:475px; padding-right:25px; float:left;}

.contentheader {
	float: left;
	color: #FFF;
	font-weight: bold;
	line-height:46px;
	height:46px;
	width: 465px;
	margin-bottom: 25px;
	background: url(Assets/HeaderTile.png) repeat-x;
	padding-left: 10px;
}

#content, #contentNews {
	float: left;
	line-height:18px;
	width: 475px;
	margin-bottom:25px;
}

#splash {
	display: block;
	margin-top: 10%;
}

/* -------------------------------------- COLUMN 3 -------------------------------------- */

#column3Holder {width:215px; float:left;}

#audioLauncher a {
	background:url(Assets/btnLaunchAudioPlayer.png) top;
	width:215px;
	height:100px;
	float:left;
	margin-bottom:25px;
}

#audioLauncher a:hover {
	background:url(Assets/btnLaunchAudioPlayer.png) bottom;
	width:215px;
	height:100px;
}

#rightcap {
	color: #FFF;
	font-weight: bold;
	line-height:46px;
	height:46px;
	width: 205px;
	float: left;
	margin-bottom: 25px;
	background:url(Assets/HeaderTile.png)  repeat-x;
	padding-left: 10px;
	
}
#rightcontent {
	float: left;
	color: #535353;
	width: 215px;
	margin-bottom: 25px;
}

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

p {line-height:18px;}

h1 {color:#FFF; line-height:18px;}

h2 {color:#d2232a; line-height:18px;}

h3 {border-top:1px solid #322F31;}

a:link, a:visited {color:#9a9a9c; text-decoration:underline;}

a:hover {color:#9a9a9c; text-decoration:none;}

/* -------------------------------------- MUSIC -------------------------------------- */

.albums {
	float: left;
	margin:0 25px 25px 0;
	width: 150px;
	height: 150px;
}

.tracks {width:300px; float:left; margin-bottom:25px;}

.trackNo {color:#d2232a;}

.albumRow {
	float:left;
	line-height:18px;
	width:475px;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #322F31;
}

.albumCat {
	float:left;
	line-height:18px;
	width:475px;
	padding-bottom:25px;
}

.buyMusic {float:left; width:130px; margin-bottom:20px;}

.thumbnail {
	float:left;
	width:130px;
	margin-right:14px;
	margin-bottom:28px;
	margin-left:14px;
	_margin-left:7px;
}

#mp3player {display: inline; text-align:center;}

#newsletter {
	width: 270px;
	float: left;
	display: inline;
	border: 20px solid #1d1d1d;
	height: 170px;
	background-color: #1d1d1d;
}

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

#footer {
	width:900px;
	clear:both;
	color:#535353;
	font-size: 10px;
	text-align:center;
	border-top:1px solid #535353;
	margin:0 0 10px 0;
	padding:10px 0;
}