html, body {
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;left:0;
	overflow-y: scroll;
}
body {
	display:block;
	font-family: 'sakkal_majallaregular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	background: #222 url('img/dark_wall.png') repeat 0 0;
	color: #000;
	font-size: 100%;
	margin: 0 auto;
	-webkit-box-shadow: inner 0px 0px 130px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inner 0px 0px 130px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 0px 130px rgba(50, 50, 50, 0.25);
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;left:0;
	overflow-y:auto;
	min-width: 985px;
	min-height: 756px;
	overflow: auto;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}

a, a:active {
	text-decoration: none;
	color: #1755b1;
	font-weight: 500;
}
a:hover, a:focus {
	color: #083983;
	font-weight: 600;
}

header.h01 {
	display:none;
}
a.adminlogin {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 5px;
	opacity: 0.1;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
a.adminlogin:hover {
	opacity: 0.9;
}

#container {
	display: block;
	width: 980px;
	height: 100%;
	margin: 0px auto;
	padding: 0;
	position: relative;
	border-left: 0px solid rgba(255,255,255,.1); 
	border-right: 1px solid rgba(0,0,0,.1); 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.75), inset 0px 0px 10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 35px rgba(0, 0, 0, 0.75), inset 0px 0px 10px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 35px rgba(0, 0, 0, 0.75), inset 0px 0px 10px rgba(0, 0, 0, 0.75);
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}


section.s01 {
	display: inline-block;
	width: 775px;
	padding: 0 10px;
	height: 100%;
	margin: 0px auto;
	position: relative;
	right:0px;
	float: right;
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75), inset 0px 5px 25px rgba(255,255,255,1);
	-moz-box-shadow:    0px 0px 25px rgba(0, 0, 0, 0.75), inset 0px 5px 25px rgba(255,255,255,1);
	box-shadow:         0px 0px 25px rgba(0, 0, 0, 0.75), inset 0px 5px 25px rgba(255,255,255,1);
	overflow-y: scroll;
	min-height: 756px;
	background: #efefef url('img/page.png') repeat 0 0;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}

iframe {
	display:none;
}

section.s01 p {
	line-height: 22px;
	font-size: 120%;
	word-wrap: break-word;
}
section.s01 h1.title {
	font-size: 40px;
	border-bottom: 1px dashed #aaa;
}

section.s01 h2 { font-size: 160%; }
section.s01 h3 { font-size: 150%; }
section.s01 h4 { font-size: 140%; }
section.s01 h5 { font-size: 130%; }
section.s01 h6 { font-size: 120%; }

body.home section.s01 {
	background: transparent url('img/hint.png') no-repeat 100% 0;
	overflow-y:hidden;
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75), inset 0px 5px 25px rgba(50,50,50,.7);
	-moz-box-shadow:    0px 0px 25px rgba(0, 0, 0, 0.75), inset 0px 5px 25px rgba(50,50,50,.7);
	box-shadow:         0px 0px 25px rgba(0, 0, 0, 0.75), inset 0px 5px 25px rgba(50,50,50,.7);
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
body.home #container {
	background: #efefef url('img/purty_wood.png') repeat 0 0;
}

.portrait {
	float:right;
	display: inline-block;
	margin: 20px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75), inset 0px 0px 25px rgba(255,255,255, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.75), inset 0px 0px 25px rgba(255,255,255, 0.75);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.75), inset 0px 0px 25px rgba(255,255,255, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 230px;
	padding: 2px 2px 0 2px;
	position:relative;
	background: #fff;
	-webkit-background-clip: padding-box;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
.portrait img {
	width: 100%;
	position:relative;
	bottom: -5px;
}

h1.home {
	margin: 50px 20px 0 20px;
	display: inline-block;
	width: 440px;
	font-size: 18px;
	text-shadow: 0 1px 0 #ccc;
	color: #fff;
	color: rgba(255,255,255,.7);
}
h1.home span {
	display: block;
	width: 100%;
	font-size: 80px;
	font-weight: 600;
	text-align: center;
	color: #fff !important;
	text-shadow: 0 1px 0 #ccc;
}



footer.f01 {
	position: absolute;
	top: 770px;
	right: 15px;
	width: auto;
	margin: 0px auto;
	opacity:0.6;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
footer.f01 img {
	width: 150px;
}
footer.f01:hover {
	opacity: 0.9;
}

nav.n01 {
	display: block;
	display: inline-block;
	width: 180px;
	min-height: 756px;
	height: 100%;
	background: transparent url('img/pianokey.png') repeat-y -1px 0;
	float: left;
	overflow: hidden;
	-webkit-box-shadow: 5px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    5px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         5px 0px 5px rgba(50, 50, 50, 0.75);
	position:relative;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}

.ie7 nav.n01, .ie8 nav.n01 {
	width: 181px;
	border-right: 4px solid #423938;
}

nav.n01 ul {
	display: block;
	width: 100%;
	height: 756px;
	background: #fff url('img/menu.png') repeat-y 0 0;
	position: relative;
}
nav.n01 ul li {
	display: block;
	position: absolute;
	top: 0; left: 0px;
	width: 121px;
	height: 33px;
	line-height: 35px;
	background: transparent url('img/black_key.png') no-repeat 0 0;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	overflow: hidden;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
nav.n01 ul li.active {
	background: transparent url('img/black_key_pushed.png') no-repeat -3px 0;
}

nav.n01 ul li:hover {
	background: transparent url('img/black_key_pushed.png') no-repeat 0 0;
}

nav.n01 ul li.home { top: 38px; }
nav.n01 ul li.news { top: 99px; }
nav.n01 ul li.tours { top: 159px; }
nav.n01 ul li.biography { top: 252px; }
nav.n01 ul li.discography { top: 319px; }
nav.n01 ul li.photoalbum { top: 412px; }
nav.n01 ul li.sounds { top: 472px; }
nav.n01 ul li.buy { top: 532px; }
nav.n01 ul li.contact { top: 625px; }
nav.n01 ul li.links { top: 692px; }

nav.n01 ul li a, nav.n01 ul li a:active, .ie7 nav.n01 ul li a:link {
	display:block;
	width: 100%;
	padding-left: 7px;
	height: 100%;
	color: #fff;
	color: rgba(255,255,255,.7);
	font-weight: 600;
	font-size: 22px;
	text-decoration: none;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
nav ul li.active a {
	color: #eee;
	text-shadow: 0 1px 0 #000;
	padding-left: 10px;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
nav.n01 ul li a:hover, nav ul li a:focus {
	color: #eee;
	text-shadow: 0 1px 0 #000;
	padding-left: 12px;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}



form.form {
	width: 100%;
	overflow: hidden;
}
form.form .tblGeneral {
	width: 100%;
}
  form.form span.title {width: 120px; height:30px; line-height: 30px;display: block;}
  form.form table td { vertical-align:top;padding-bottom:5px;padding-right:5px; line-height: 30px; }
  form.form label {
	width: 120px;
	display: inline-block;
}
form.form input.text, form.form input.number, form.form textarea {  
    padding: 4px 5px; 
	line-height: 30px;
    border: 1px solid #E5E5E5;  
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    background: #FFFFFF;  
}  
form.form input.text {
	min-width: 140px;  
	width: 50%;
	
} 
form.form input.number {
	width: 50px; 
}
form.form label.inline {
	width: auto;
	margin-left: 10px;	
}
form.form textarea {  
    width:600px;    
    height: 150px;  
    line-height: 150%;  
    }  
form.form input:hover, form.form textarea:hover,  
form.form input:focus, form.form textarea:focus {  
    border-color: #aaa;  
    }
	
form.form .f_err {
	border-color: #f00 !important;
}
form.form input.submit:focus, form.form input.submit:hover {
	outline: 1px solid #aaa;
	background: #000;  
	color: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	cursor: hand;
	cursor: pointer;
	background: #000 url('img/black_key_pushed.png') no-repeat 100% 0%;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.9);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.9);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.9);
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	 border-top-left-radius: 2px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-background-clip: padding-box;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
.form label {  
    margin-right: 10px;  
    color: #555; 
	font-size: 120%;
	text-align: right;
	line-height: 28px;
}  
form.form input.submit {
    width: auto;  
    min-width: 150px;  
    padding: 0px 15px;
	height: 34px;
	line-height: 34px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
    background: #111;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
	cursor: hand;
	border-color: #aaa;
	background: #000 url('img/black_key_pushed.png') no-repeat 98% 0%;
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}  



/* ------------------ BULK TAPE STYLES ------------------ */
.notie .tapeone:before, .notie .tapetwo:before, .notie .tapetwo:after, .notie .tapethree:before, .notie .tapethree:after, .notie .tapefour:before, .notie .tapefour:after, .notie .tapefive:before, .notie .tapefive:after, .notie .tapesix:before, .notie .tapesix:after {
	content: "";
	height: 20px;
	width: 80px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	z-index: 50;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
			behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
			
}


/* ------------------ INDIVIDUAL TAPE STYLES (PICK ONE AND APPLY IN HTML) ------------------ */
/*Top Center Tape*/
.notie .tapeone:before,.notie .tapetwo:before {
	top: 0%;
	left: 50%;
	margin: -12px 0 0 -40px;
}

/*Bottom Center Tape*/
.notie .tapetwo:after {
	top: 100%;
	left: 50%;
	margin: -8px 0 0 -40px;
}

/*Top Left Tape*/
.notie .tapethree:before, .notie .tapefour:before {
	top: 0px;
	left: 0%;
	margin: 0 0 0 -25px;
	
	-webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}

/*Top Right Tape*/
.notie .tapethree:after,.notie .tapefive:before {
	top: 0px;
	left: 100%;
	margin: 0 0 0 -55px;
	
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}

/*Bottom Right Tape*/
.notie .tapefour:after {
	top: 100%;
	left: 100%;
	margin: -20px 0 0 -55px;
	
	-webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}

/*Bottom Left Tape*/
.notie .tapefive:after {
	top: 100%;
	left: 0%;
	margin: -20px 0 0 -25px;
	
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
	behavior: url(https://gene-taylor.com/assets/css/PIE.htc);
}
 
/*Center Left Tape*/
.notie .tapesix:before {
	height: 80px;
	width: 20px;
	top: 50%;
	left: 0%;
	margin: -40px 0 0 -12px;
}

/*Center Left Tape*/
.notie .tapesix:after {
	height: 80px;
	width: 20px;
	top: 50%;
	left: 100%;
	margin: -40px 0 0 -8px;
}

.form textarea {
    color: #555;
    color: #000 !important;
}