/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;}
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;}
/*
* END CSS reset
*/

/*********
* Global *
*********/
body#about,body#gallery,body#lessons,body#contact,body.gallery,
#iwill {background-color:black; color:white; text-align:left; vertical-align:top;}

body, html {height:100%; width:100%; margin:0; padding:0; vertical-align:middle; text-align:center; font-size:larger;}
h1 {font-size:2em;}
.bold {font-weight:bold;}
.nowrap {white-space:nowrap;}
.absCenter {vertical-align:middle; text-align:center;}
.invisible {display:none; z-index:-1;}

#jquery-lightbox {top:17px !important;}

/************
* iwill.php *
************/
#landing {background-color:black; text-align:left; vertical-align:top; /* overflow:hidden; */}

/***************
* titlebar.php *
***************/
#titlebar {background-color:black; vertical-align:bottom; padding-top:7px;}

/**************
* menubar.php *
**************/
#menubar {background-color:black;}
#menubar table {height:100%; width:100%;}
td.iwillmenu {vertical-align:middle;}
.iwillmenuSpacer { min-height:0.25em; }

div#menu {
    position:absolute;
    height:100%;
    right:0px;
    width:48px;
    top:0;
}
#menu, #left, #right, #left table, #left td {
    height:100%;
    vertical-align:middle;
}
#left {width:48px; position:absolute;}
#right {
    left:48px;
    display:none;
    top:0;
    position:absolute;
    padding:0 15px;
    background-color:black;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
    min-height:610px;
}

/**************
* about.php *
**************/
#aboutcontent {text-align:center; font-size:large;}
#aboutcontent div {padding:3% 50px 3% 2%;}
#about-pic1 {right:0; margin-top:-1.75em; padding:0 1em;}
#about-pic2 {left:0; padding:0 1em;}

/**************
* contact.php *
**************/
#contact table {width:100%; height:100%;}
#contact td {vertical-align:middle; text-align:center;}

/**************
* lessons.php *
**************/
.lessonsTable {color:#FFFF00; font-size:24px; text-align:center; vertical-align:middle; /* line-height:1.3em; */}
.lessonsTable p {padding-bottom:0.5em;}
.lessonsTable ul {list-style-position:inside; list-style-type:disc;}
.lessonIMGs img {padding:10px;}

/**************
* gallery.php *
**************/
#gallery td {vertical-align:middle; text-align:center;}
.gallery table {width:100%; height:100%;}
.gallery th {padding-top:0.5em;}
.gallery td, .gallery th {vertical-align:middle; text-align:center;}
body.gallery>div#header {text-align:center; padding:25px;}
body.gallery>div#thumbs img {padding:25px;} /* <---- Gallery Image Padding!! */
#thumbs > div {display:inline;}
.galleryButton {margin-bottom:0.5em;}

/*************
* iframe.php *
*************/
div.slideshow {display:none;}
.slideshow>img {display:none;}