/* CSS Document: Bob Weaver Jewelry */
/* =HTML tag styles                             */
/***********************************************/ 
html {}
body {font-family: Verdana, Helvetica, sans-serif;font-size: 12px;color: #555555;margin: 0px;margin-top: 0px;padding: 0px;text-align: center; }
h1 {font-family: Verdana, Arial, sans-serif;font-size: 22px;color:#999999;}
h2 {font-family: Verdana, Arial, sans-serif;font-size: 19px;color:#FFFFFF;font-style:italic;}
h3 {font-family: Verdana, Arial, sans-serif;font-size: 15px;color:#333333;}
p {text-indent: 0px;}
#hrule {height:5px; border-top:1px dotted #FFF;;width:100%;padding:0 20px 20px 20px;}
.strike-out { text-decoration:line-through;}
/* =Layout Divs                                 */
/***********************************************/
#container {width: 500px;position: relative; /* makes "container" the containing block */margin: 0 auto; /* the proper css way to center */text-align: left; /* overrides text-align rule on body */padding-top:20px;}
#logo {padding:0px 0 0 20px;}
#menu {padding:10px 0 0 20px; margin:0px;}
#menu li{float:left;margin:0 44px 0 0; border-top-style:solid; border-top-color:#999999; border-top-width:1px;}
.active a {color:#33CCCC;}
#featured-artist { padding:50px 0 0 22px;}
	#fa-text{float: left; padding:30px 0 0 0;}
	#featured-artist p{float:left; padding: 40px 0 0 17px; font-size:13px;}
#contact {position:absolute;left: 10px;top: 116px;}
#student-portfolios { width:435px; padding: 40px 0 0 0; margin-left:20px;}
	#student-portfolios li {background-color:#99FFFF; height:144px; padding:3px; margin-bottom:1px; }
		.student-jewelry img{float:left;}
		.student-info{float:left; padding:20px 0 0 20px;}
		.student-info p{padding-top:5px;}
#student { width:460px; padding: 40px 0 0 0; margin-left:20px;}
	#student h2 img {float:left; margin-top:20px; margin-bottom:15px;}
#student-navigation li {float: left; margin: 33px 0px 0 20px; font-size:11px;}
.gallery {clear:both;}
.gallery li {float:left;  margin:3px 3px;}
#bio {position:absolute;left: 14px;top: 176px;}
#arrow {clear:both;float:left; width:70px; margin-left:-14px;}
	#arrow img {float:left;}
	#arrow p{float:right; margin-top:8px; font-size:11px;}
#work {clear: both;float:left; width:432px; padding-top:5px;}
#back-next {clear:both;float:left; margin:10px 0 0 -15px;}

#footer {clear:both;padding:70px 0 0px 0; font-size:10px; color:#999999;}
	#footer a{color:#999999;}
	#footer a.hover{color:33CCCC;}
	#copyright{float:left; padding-left:20px;}
	#webmaster{float:left; padding-left:220px}
#about {padding:30px 0 0 20px;}
#about h2 {padding-bottom:20px;}
#class-schedule {position:absolute;left: 7px;top: 144px;}
#class-gallery { width:600px; }
#class-gallery li {float:left; padding: 24px 32px 0 0;}
#registration {width:560px; clear:both; padding-top:30px;}
#registration img{float:left; margin-top:-10px; margin-right:80px;}
#regist-link {float:left;}
#soon {position:absolute;left: 15px;top: 115px;width: 480px;height: 200px;}


#students {padding:40px 0 0 90px; float:left;}
#main_nav{clear:both;padding:100px 0 200px 110px;}
	#main_nav ul{width:100%;padding:0px; margin:0px;}
#artist-statement{float:left;padding:30px 0 0 255px;}
#recognition{padding:150px 0 0 210px;}
	#recognition td{padding:9px 0 0 0;}
#class_photos{float:left;padding:20px 0 0 90px; margin-top:30px;background-color:#FFFFFF; height:200px;}
	#class_photos h2{color:#333333;}
	#class_photos li{padding:30px 25px 0 0; float:left;}
/*********** =SiteLinks link styles ***********/
a:hover {color:#BBBBBB;}
a {text-decoration:none;color:#444444;}


/***********************************************/
/* =Normalizes Browser Styles                   */
/***********************************************/
/*--Normalize margin, padding */
p, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {margin: 0; padding: 0;}
/*--Normalize font-size for headers*/
h4, h5, h6 {font-size: 100%;}
/*--Removes list-style from lists */
ol,ul {list-style: none;}
/*--Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
/*--Removes list-style from lists*/
table {border-collapse: collapse;border-spacing: 0;}
/*--Removes border from fieldset and img */
fieldset, img {border: 0;}
/*--Left-aligns text in caption and th*/
caption, th {text-align: left;}
/*--Removes Quotation marks from Q*/
q: before, q: after {content: '';}
