@charset "UTF-8";
/*** 
Style Sheet for Bon Tone Boris Novofastovsky
Created by: Louis Yungling
http://www.yunglingpianostudio.com

ToC
	1. defaults
	2. structure
	3. fonts
	4. links and navigation
	5. images
	6. special span classes
	7. special List styles
	8. table styles	
	
	
Notes

***/

/* ----- 1. DEFAULTS -------*/

* {
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}


body {
	color: #404040;
	font-family: Times, "Times New Roman", serif;
	background: #C4C4C4 url(images/bkgrndNotes.png) scroll top left repeat;
}


/* ----- 2. STRUCTURE ----- */




/* WRAPPER */
#wrapper {
	width: 700px;
	margin: 10px auto 20px auto;
	background-color: #FFFFFF;
	
}

/* HEADER */

#header {
	position: relative;
	width: 700px;
	height: 115px;
	background: url(images/headerBand.png) scroll top left repeat-x;
}





/* NAV */
#nav {
	width: 210px;
	text-align: right;
	position: absolute;
	top: 15px;
	right: 20px;
}	


/* Top Contact Info in Header Band */
#topContact {
	width: 350px;
	position: absolute;
	top: 92px;
	right: 20px;
	text-align: right;
	
}

#topContact p {
	font-size: 0.8em;
	color: #F5F5F5;
}



/* CONTENT */
#content {
	margin: 30px 20px 0px 30px;
	height: 400px;
	position: relative;
	background-color: #FFFFFF;
	
}

#content img#steinLogo {
	float: right;
}

#content img#piano {
	position: absolute;
	bottom: 0px;
	right: 0px;
	
}
	
/* FOOTER */
#footer {
	height: 120px;
	background: url(images/footerBand.png) scroll bottom left repeat-x;
	position: relative;
}

#certification {
	position: absolute;
	right: 20px;
	bottom: 82px;
}

img#certLogo {
	position: absolute;
	bottom: 30px;
	right: 14px;
}


/* --- 3. FONTS ----- */

h1 {
	font-size: 2.5em;
	position: absolute;
	top: 8px;
	left: 30px;
	color: #7D0000;
	
}

p.title {
	font-size: 1.15em;
	position: absolute;
	top: 55px;
	left: 30px;
	color: #404040;
}

h2, h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #404040;
}






/**  QuoteTop is for first quote and Bottom is for all others below it **/
#content p,
#content p.quoteTop,
#content p.quoteAuthorTop,
#content p.quoteBottom,
#content p.quoteAuthorBottom {
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0px 0px 22px 0px;
	width: 420px;
	color: #404040;
}

#content p.quoteTop,
#content p.quoteBottom  {
	font-size: 0.8em;
	margin: 0px 0px 2px 0px;
}

/**  Different Width for Top Quote **/
#content p.quoteTop,
#content p.quoteAuthorTop {
	width: 500px;
}


#content p.quoteAuthorTop,
#content p.quoteAuthorBottom {
	font-size: 0.9em;
	font-style: italic;
	margin-left: 20px;
}
	

#footer p {
	font-size: 0.8em;
	line-height: 1.45em;
	color: #F5F5F5;
	padding: 20px 0px 0px 30px;
}

#certification p {
	font-size: 0.9em;
}


/* --- 4. LINKS & NAVIGATION ----- */

/* MAIN NAV */

a.nav, a.nav:link, a.nav:visited,
a.nav:hover, a.nav:active {
	color: #404040;
	text-decoration: none;
	font-size: 0.8em;
	
}

a.nav:hover {
	color: #990000;
	text-decoration: underline;
}

/********** Special style for *************/
/*****LINK to identify current page*****/

body#home a.home,
body#services a.services,
body#testimonials a.testimonials {
	color: #990000;
	text-decoration: underline;
}



/* Default IN-TEXT LINK Styles */
a.text, a.text:link, a.text:visited,
a.text:hover, a.text:active {
	color: #990000;
	text-decoration: underline;
	
}

a.text:hover {
	background-color: #FCF;
}

a.text1, a.text1:link, a.text1:visited,
a.text1:hover, a.text1:active {
	color: #FFFFFF;
	text-decoration: underline;
	
}

a.text1:hover {
	background-color: #FFFFFF;
	color: #990000;
}



/* ------- 5. IMAGES -------- */




/* IMAGE FLOATS */

img.right {
	float: right;
}

img.left {
	float: left;
}


/* ------- 6. SPECIAL SPANS -------- */
.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.large {
	font-size: 2em;
}

.spacer {
	margin: 0px 12px;
	font-size: 0.7em;
	
}

/* ------- 7. SPECIAL LIST STYLES -------- */

ul, li {
	list-style-type: none;
}

ul {
	margin: 0px 0px 25px 0px;
}

li {
	margin: 0px 0px 3px 15px;
}




/* ------- 8. TABLE STYLES -------- */




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}