/* ========================================================================================================= */
/*  RESET CODE
/* ========================================================================================================= */
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h2, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/*line-height: 1.2;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
/* ========================================================================================================= */
/*  DEFAULT SETTINGS
/* ========================================================================================================= */

body {
	background: #1d1d1d;
	color: #111; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-align:left;
	margin: 0px;
	padding:0px;
	height:100%;
}

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

a:visited {
	color: #FFF; 
	text-decoration: underline;
	}
	
a:hover	{
	color: #FFF; 
	text-decoration: none;
}	


li	{
	margin:0 0 10px 15px;
	list-style:disc;
}

ul	{
	margin-bottom:20px;
}

p {
	margin:0px 0px 20px 0px;
	line-height:15px;
}

small {
	font-size:0.8em;
}

table {
	width:100%;
	border:none;
	margin:0px 0px 20px 0px;
}

td {
	padding:5px;
	vertical-align:top;
}

/* ========================================================================================================= */
/*  FONTS
/* ========================================================================================================= */

@font-face {
    font-family: 'TrixiePlainRegular';
    src: url('/fonts/trixie-plain-webfont.eot');
    src: url('/fonts/trixie-plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/trixie-plain-webfont.woff') format('woff'),
         url('/fonts/trixie-plain-webfont.ttf') format('truetype'),
         url('/fonts/trixie-plain-webfont.svg#TrixiePlainRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.trixie {
	font-family:"TrixiePlainRegular", "Arial", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform:lowercase;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/bebasneue-webfont.eot');
    src: url('/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bebasneue-webfont.woff') format('woff'),
         url('/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bebas {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BebasNeueRegular', sans-serif;
}

/* ========================================================================================================= */
/*  HEADERS APPLIED TO <H> TAGS IN HTML
/* ========================================================================================================= */

.head1 {
	color:#EAEAEA;
	font-size:55px;
	text-shadow: #1d1d1d 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 20px 0px;
	text-align:right;
}

.head2 {
	color:#1d1d1d;
	font-size:40px;
	line-height:40px;
	text-shadow: #eaeaea 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 20px 0px;
	text-align:left;
	letter-spacing:-1px;
}

.head2b {
	color:#eaeaea;
	font-size:40px;
	text-shadow: #1d1d1d 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 20px 0px;
	text-align:left;
	letter-spacing:-1px;
}



.head3 {
	color:#FFF;
	font-size:30px;
	text-shadow: #000 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 20px 0px;
	text-align:left;
}

.head4 {
	color:#FFF;
	font-size:18px;
	text-shadow: #1d1d1d 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
	text-align:left;
}

.head5 {
	color:#fff;
	font-size:28px;
	line-height:28px;
	text-shadow: #1d1d1d 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 20px 0px;
	text-align:left;
}

.head6 {
	color:#eaeaea;
	font-size:20px;
	text-shadow: #1d1d1d 0px 2px 3px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
	text-align:center;
}



/* ========================================================================================================= */
/*  CONTAINERS
/* ========================================================================================================= */

#bodybg	{
	text-align:center;
	z-index:1;
	width:100%;
	position:fixed;
	overflow:hidden;
}

.head-wrap {
	position:relative;
	margin:0 auto;
	width:800px;
	top:50px;
	z-index:200;
}

.main-wrap {
	position:relative;
	margin:0 auto;
	width:800px;
	border:5px #FFF solid;
	background:#FFF;
	z-index:200;
	top:30px;
}

.home-box {
	width:800px;
	height:800px;
	overflow:hidden;
	background:#1d1d1d url('/images/backgrounds/home-menu/background.jpg') no-repeat scroll left top;
	position:relative;
	float:left;
}

.content-box {
	width:800px;
	height:800px;
	overflow:hidden;
	position:relative;
	float:left;
}

.content-box-2 {
	width:800px;
	height:600px;
	overflow:hidden;
	position:relative;
	float:left;
}


.content-box-3 {
	width:800px;
	height:1080px;
	overflow:hidden;
	position:relative;
	float:left;
}

.content-left-bio {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-bio.jpg') no-repeat scroll left top;
	float:left;
}

.content-left-lyrics {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-lyrics.jpg') no-repeat scroll left top;
	float:left;
}

.content-left-blog {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-blog.jpg') no-repeat scroll left top;
	float:left;
}

.content-left-teaching {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-teaching.jpg') no-repeat scroll left top;
	float:left;
}

.content-left-coaching {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-coaching.jpg') no-repeat scroll left top;
	float:left;
}


.content-left-gallery {
	width:290px;
	height:740px;
	padding:30px 30px 30px 30px;
	background:transparent url('/images/backgrounds/page-pics/bg-teaching.jpg') no-repeat scroll left top;
	float:left;
	overflow:auto;
	position:relative;
}

.content-left-online {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-online.jpg') no-repeat scroll left top;
	float:left;
}


.content-left-contact {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-contact.jpg') no-repeat scroll left top;
	float:left;
}

.content-left-album {
	width:350px;
	height:800px;
	background:transparent url('/images/backgrounds/page-pics/bg-album.jpg') no-repeat scroll left top;
	float:left;
}



.content-right {
	width:385px;
	padding:30px;
	height:740px;
	overflow:auto;
	float:right;	
	background:#1d1d1d;
	color:#FFF;
}

.content-right-2 {
	width:390px;
	padding:30px;
	height:740px;
	overflow:auto;
	float:right;	
	background:#000;
	color:#FFF;
}

.content-right-album {
	width:385px;
	padding:30px;
	height:1020px;
	overflow:auto;
	float:right;	
	background:#eaeaea;
}


.album-box-wrap {
	width:130px;
	padding:20px 20px 0 20px;;
	background:#1d1d1d;
	float:right;
	margin:0 0 20px 20px;
	border:1px #CCC solid;
}

.bottom-pics-wrap {
	width:800px;
	height:90px;
	background:#FFF;
	float:left;
	margin:5px 0 0 0;
}

.foot-wrap {
	background:#FFF;
	width:100%;
	padding:2px 0 0 0;
}

.blog-list-right {
	float:right;
	width:255px;
}

div.band-wrap {
	position:relative;
	top:600px;
	width:350px;
}

/* ========================================================================================================= */
/*  VIDEOS
/* ========================================================================================================= */

div.firstVideo {
	padding: 0px;
	margin:0;
}

div#channel_div {
	padding: 0px;
	margin:0;	
}

div.video {
}

img.video-thumb {
	width:114px;
	margin:5px;
	border:2px #FFF solid;
	float:left;
	padding: 0px;
	
}

/* ========================================================================================================= */
/*  HOME PAGE MENU
/* ========================================================================================================= */

img.home-image-centre {
	width:210px;
	height:210px;
	position:absolute;
	left:295px;
	top:295px;
	z-index:9999;
}

img.home-image-1 {
	width:396px;
	height:395px;
	position:absolute;
	top:1px;
	left:0px;
	z-index:999;	
	display:none;
}

img.home-image-2 {
	width:399px;
	height:393px;
	position:absolute;
	top:0px;
	left:399px;
	z-index:999;	
	display:none;
}

img.home-image-3 {
	width:400px;
	height:794px;
	position:absolute;
	top:1px;
	left:400px;
	z-index:999;	
	display:none;
}

img.home-image-4 {
	width:401px;
	height:403px;
	position:absolute;
	top:396px;
	left:399px;
	z-index:999;	
	display:none;
}


img.home-image-5 {
	width:401px;
	height:404px;
	position:absolute;
	top:396px;
	left:-1px;
	z-index:999;	
	display:none;
}


img.home-image-6 {
	width:380px;
	height:793px;
	position:absolute;
	top:0px;
	left:-1px;
	z-index:999;	
	display:none;
}

img.flickr-logo {
	width:81px;
	margin:0;
	position:absolute;
	z-index:999;
	right:52px;
	bottom:67px;
}

img.social-media {
	width:35px;
	float:left;
	margin:0 5px 0 0;
}



/* ========================================================================================================= */
/*  OTHER PAGE IMAGES
/* ========================================================================================================= */


img.page-image-1 {
	width:350px;
	height:349px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;	
	display:none;
}

img.page-image-2 {
	width:350px;
	height:698px;
	position:absolute;
	top:1px;
	left:-1px;
	z-index:999;	
	display:none;
}

img.page-image-3 {
	width:187px;
	height:368px;
	position:absolute;
	top:351px;
	left:163px;
	z-index:999;	
	display:none;
}

img.page-image-4 {
	width:350px;
	height:264px;
	position:absolute;
	top:536px;
	left:0px;
	z-index:999;	
	display:none;
}

img.page-image-5 {
	width:350px;
	height:800px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;	
	display:none;
}

img.page-image-6 {
	width:350px;
	height:600px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;	
	display:none;
}


/* ========================================================================================================= */
/*  MENU
/* ========================================================================================================= */

.menu-wrap {
	width:auto;
	margin:0px 0px 5px 0px;
	padding:0;
	float:right;
}


a.menu-item:link, a.menu-item:visited {
	color:#000;
	text-decoration:none;
	font-size:23px;
	line-height:23px;
	height:15px;
	vertical-align:middle;
	overflow:hidden;
	font-weight:500;
	text-shadow: #FFF 0px 2px 3px;
	padding:2px 5px 2px 5px;
	margin:0;
}

a.menu-item:hover {
	text-decoration:none;
	color:#FFF;	
	text-shadow: #000 0px 2px 3px;
	background:#000;
	
}

a.hidden:link, a.hidden:visited, a.hidden:hover {
	display:none;
}


/* ========================================================================================================= */
/*  TEXT
/* ========================================================================================================= */

a.footer-link:link, a.footer-link:visited {
	color:#333;
	text-decoration:none;
	font-weight:500;
	margin:0px 0px 0px 0px;
	font-size:10px;

}

a.footer-link:hover {
	text-decoration:none;
	color:#111;	
}

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

a.header-link:hover {
	text-decoration:underline;
	color:#FFF;	
}


p.foot-text {
	margin:0;
	text-align:right;
	color:#333;
	font-size:10px;
}

ul.numbers li {
	list-style:decimal;
}

/* ========================================================================================================= */
/*  IMAGES
/* ========================================================================================================= */

img#bg {
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:2;
}

img.bg-holder {
	position:absolute;
	left:0;
	top:0;
	width:800px;
	height:800px;
	z-index:9999;
}

img.bg-holder-2 {
	position:absolute;
	left:0;
	top:0;
	width:350px;
	height:800px;
	z-index:9999;
}


img.home-lines {
	position:absolute;
	left:0;
	top:0;
	width:800px;
	height:800px;
	z-index:8888;
}

img.page-lines {
	position:absolute;
	left:0;
	top:0;
	width:350px;
	height:800px;
	z-index:8888;
}

img.blog-image-1 {
	width:100px;
	float:left;
	margin:0 20px 20px 0;
	border:3px #FFF solid;
}

img.blog-image-2 {
	width:220px;
	float:right;
	margin:0 0 20px 20px;
	border:3px #FFF solid;
}

img.album-small {
	width:126px;
	border:2px #FFF solid;
	margin:0 0 20px 0;
}

img.band1 {
	width:172px;
	float:left;
	margin:6px 0 0 0;
}

img.band2 {
	width:172px;
	float:right;
	margin:6px 0 0 0;
}

img.twitter {
	width:35px;
	margin:0;
	border:none;
	padding:0;
}

.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee;}
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}


/* ========================================================================================================= */
/*  FORMS & DATA
/* ========================================================================================================= */

.dropA {
	width:130px;
	float:left;
	margin:0 0 0 0;
}



/* ========================================================================================================= */
/*  CLEARS & PADS
/* ========================================================================================================= */

.clear {
	width:100%;
	height:0px;
	clear:both;
}

.clear10 {
	width:100%;
	height:10px;
	clear:both;
}

.clear20 {
	width:100%;
	height:20px;
	clear:both;
}

.clear20line {
	width:100%;
	height:10px;
	clear:both;
	border-top:1px #CCC solid;
	margin:0 0 10px 0;
}


.clear50 {
	width:100%;
	height:50px;
	clear:both;
}


.clear100 {
	width:100%;
	height:100px;
	clear:both;
}


/* ========================================================================================================= */