/*
JAMcosmetics.net StyleSheet
Copyright (c) 2007
*/

* { padding: 0px; margin: 0px; }
a img {border: none;}

body {
 text-align: center;
 padding: 0px;
 margin: 0px;
 background: #b687b7;
 font-family: Georgia, Times New Roman, Times, serif;
 font-size: 12px;
}

#header {
 width: 100%;
 height: 150px;
 padding: 0px;
 margin: 0px;
 background: url(images/header_bg.gif) repeat-x;
 color: #333;
}

	#logo {
	 width:770px;
	 height: 150px;
	 margin: auto;
	}
	
		#logo img {
		 width:280px;
	 	 height: 150px;
		 float: left;
		}
		
		#logo #testimonial {
		 float: right;
		 width:320px;
		 padding-top: 30px;
		 text-align: right;
		}
			
			#logo #testimonial a {
			 font-family: verdana;
			 font-size: 10px;
			 text-transform: uppercase;
			}
		

#blackline {
 width: 100%;
 height: 30px;
 padding: 0px;
 margin: 0px;
 background: #000;
 color: #fff;
}

	#s2s {
	 width:770px;
	 height: 30px;
	 text-align:left;
	 padding: 0px;
	 margin: auto;
	}

/* MENU */
#menu {
 width: 100%;
 height: 20px;
 padding: 0px;
 margin: 0px;
 background: #fff;
 color: #000;
}

	#tabs1 {
	 width:770px;
	 font-family: Verdana, Arial, sans-serif;
	 font-size: 10px;
	 text-transform: uppercase;
	 letter-spacing: 0.1em;
	 line-height:normal;
	 margin: auto;
	}
	#tabs1 ul {
	 margin:0;
	 padding-left:10px;
	 list-style:none;
	}
	#tabs1 li {
	 display:inline;
	 margin:0;
	 padding:0;
	}
	#tabs1 a {
	 float:left;
	 max-height: 16px;
	 display:block;
	 margin:0;
	 padding:4px 12px 4px 12px;
	 background:url(images/menu_rollover.gif) no-repeat left top;
	 text-decoration:none;
	 color:#000;
    }
	#tabs1 a:hover {
	 background-position:0% -20px;
	}
	#tabs1 a.active {
	 background-position:0% -20px;
    }
	
	
#main {
 width: 100%;
 padding: 0px;
 margin: 0px;
 background: url(images/main_bg.gif) repeat-x;
 color: #000;
 overflow: auto;
}

	#content {
	 width:770px;
	 text-align:left;
	 padding: 0px;
	 margin: auto;
	}
	
		#content p {
		 padding-top: 10px;
		 padding-left: 20px;
		 padding-right: 20px;
		}
		
			/* FACE THE MUSIC */
			#content .gallery {
			 padding-top: 20px;
			 text-align: center;
			}
			
				#content .gallery img{
				 padding: 20px;
				}
			
			/* JAM SESSIONS */
			#content .contentLeft {
			 clear: both;
			 float: left;
			 width: 315px;
			}
			
			#content .contentRight {
			 clear: right;
			 float: right;
			 width: 315px;
			}
			
			/* CONTACT FORM */
			#content form {
			 padding-left: 20px;
		 	 padding-right: 20px;
			 text-align:left;
			}
			
			#content form label {
			 width: 200px;
			 float:left;
			 text-align:right;
			}
			
		#content span img{
		 margin-top: 20px;
		 margin-left: 20px;
		}
		
		#content a:link, #content a:visited {
		 text-decoration: underline;
			 color: #0066cc;
		}
		
		#content a:hover {
		 text-decoration: none;
			 color: #0066cc;
		}

#footer {
 clear:both;
 width: 100%;
 padding-top: 70px;
 margin: 0px;
 background: #e9dbea;
 background: url(images/footer_bg.gif) repeat-x;
 color: #000;
}

	#footer img {
	 float:right;
	 margin-top: -50px;
	 padding-bottom: 10px;
	}
	
	#tip {
	 width:770px;
	 text-align:left;
	 padding: 0px;
	 margin: auto;
	}
	
		#tip .title {
		 font-size: 20px;
		 font-variant: small-caps;
		 letter-spacing: 0.2em;
		}
		
		#tip .credits {
		 font-family: Verdana, Arial, sans-serif;
	 	 font-size: 10px;
		}

h1 {
 margin-left: 20px;
 padding-top: 10px;
 padding-bottom: 15px;
 padding-left: 40px;
 padding-right: 20px;
 font-size: 18px;
 font-family: Georgia, Times New Roman, Times, serif;
 font-weight: bold;
 letter-spacing: 0.1em;
 background: url(images/icon_h1.gif) no-repeat;
}

h2 {
 margin-top: -12px;
 margin-left: 20px;
 padding-left: 40px;
 padding-right: 20px;
 font-size: 14px;
 font-family: Georgia, Times New Roman, Times, serif;
 font-weight: normal;
 font-style: italic;
}

.sessionstitle {
 font-size: 16px;
 font-family: Georgia, Times New Roman, Times, serif;
 font-weight: bold;
}

/* LINK STYLES */
#header a:link, #header a:visited {
 text-decoration: underline;
 color: #666;
}

#header a:hover {
 text-decoration: none;
 color: #000;
}

#footer a:link, #footer a:visited {
 text-decoration: underline;
 color: #fff;
}

#footer a:hover {
 text-decoration: none;
 color: #fff;
}

/* MISC */
.clear { clear: both; background: none; }

.floatLeft {
 float: left;
 padding-top:0;
 padding-bottom:20px;
 padding-left:0;
 padding-right:20px;
}

.floatRight {
 float: right;
 padding-top:0;
 padding-bottom:20px;
 padding-left:20px;
 padding-right:0;
}