html, body {
	margin: 0px;
	padding: 0px;
}

html {
	background: url(/sup/img/html_bg.jpg) repeat-x top left #5e000a;
	min-height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color: #542d2d;
	padding-top: 293px;
	background: url(/sup/img/body_bg.gif) no-repeat 50% 84px transparent;
}

p {
	margin: 0px 0px 1.5em 0px;
	padding: 0px;
}

img {
	border: none;
}	

h1, h2, h3, h4, h5 {
	font-weight: normal;
	line-height: 1em;
	margin: 0px 0px .25em 0px;
	padding: 0px;
	font-family: 'SlabMedium';
}

h1 {
	color: #470007;
	font-family: 'SlabSemiBold', "Times New Roman", Times, serif;
	letter-spacing: 7px;
	text-transform: uppercase;
	font-size: 40px;
}

h2 {
	color: #b27a03;
	font-weight: normal;
	font-size: 25px;
}

a {
	color: #006ea7;
	text-decoration: none;
}

a:hover {

}

ul, ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul {
	margin: 0px 0px 1.5em 0px;
}

ul li {
	background: url(/sup/img/bg_bullet.gif) no-repeat 0px .2em;
	padding-left: 20px;
	margin-bottom: .75em;
	font-size: 1em;
	line-height: 1em;
	font-family: "SlabMedium", Georgia, "Times New Roman", Times, serif;
	color: #542d2d;
}

.clear {
	margin: 0px;
	padding: 0px;
	float: none;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }


#main_nav {
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -504px;
	height: 84px;
	width: 1009px;
	z-index: 50;
}

#main_nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 84px;
}

#main_nav li a {
	display: block;
	height: 84px;
	background-repeat: no-repeat;
	background-position: bottom left;
	text-indent: -9999px;
	overflow: hidden;
}

#main_nav li a:hover {
	background-position: top left;
}

#main_nav li.current_section a {
	background-position: 0px -84px;
}

#home a {
	width: 113px;
	background-image: url(/sup/img/nav_home.jpg);
}


#about a {
	width: 122px;
	background-image: url(/sup/img/nav_about.jpg);
}

#members a {
	width: 154px;
	background-image: url(/sup/img/nav_members.jpg);
}

#albums a {
	width: 137px;
	background-image: url(/sup/img/nav_albums.jpg);
}

#events a {
	width: 133px;
	background-image: url(/sup/img/nav_events.jpg);
}

#multimedia a {
	width: 195px;
	background-image: url(/sup/img/nav_multimedia.jpg);
}

#contact a {
	width: 155px;
	background-image: url(/sup/img/nav_contact.jpg);
}

#homepage_section #home a {
	background-position: 0px -84px;
}

#main_column {
	width: 900px;
	margin: 0px auto;
	padding: 30px;
	z-index: 20;
	position: relative;
	background: url(/sup/img/main_column.jpg) no-repeat top left #fff;
}

#footer {
	background: url(/sup/img/footer_bg.jpg) no-repeat top left #9a6b0d;
	width: 900px;
	padding: 25px 30px;
	margin: 0px auto 30px auto;
}

#footer #primary_footer {
	width: 505px;
	float: left;
}

#footer #secondary_footer {
	width: 348px;
	float: right;
	position: relative;
}

#footer #secondary_footer h2 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6a000a;
	margin-bottom: 3px;
	margin-top: 30px;
}

#footer #secondary_footer a.lead_in {
	color: #334757;
}

#footer #secondary_footer p span {
	padding: 0px 10px;
}

#footer #secondary_footer p em {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#footer #secondary_footer p strong {
	color: #4a2504;
	font-size: 15px;
}

#footer #secondary_footer a#crust {
	display: block;
	position: absolute;
	width: 70px;
	height: 40px;
	bottom: 5px;
	right: -4px;
	text-indent: -9999px;
	overflow: hidden;
}

#footer #primary_footer p,
#footer #secondary_footer p {
	color: #4a2504;
	font-size: 13px;
	line-height: 20px;
	text-shadow: 0px 1px 1px #cdae6c;
}

#footer #secondary_footer p {
	color: #4a2504;
	font-size: 13px;
	line-height: 20px;
	text-shadow: 0px 1px 0px #ad8942;
}

#footer #primary_footer p.call_to_action {
	color: #371004;
	font-size: 18px;
	line-height: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 0px;
	text-shadow: 0px 1px 0px #b18d45;
}

#primary {
	width: 625px;
	float: left;
	padding-bottom: 15px;
}

#homepage_section #primary {
	width: 505px;
}

#secondary {
	width: 245px;
	float: right;
	padding-bottom: 15px;
}

#homepage_section #secondary {
	width: 348px;
}

#homepage_section #secondary #catch_performance h3 {
	font-weight: bold;
	font-size: 16px;
	color: #6a000a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 11px;
}

#homepage_section #secondary #catch_performance h3 a {
	color: #6a000a;
}

#homepage_section #secondary #catch_performance {
	padding-left: 103px;
	font-size: 13px;
	line-height: 20px;
	position: relative;
	margin-bottom: 45px;
	margin-top: 30px;
}

#homepage_section #secondary #catch_performance p {
	margin-bottom: 7px;
}

#homepage_section #secondary #catch_performance h4 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 77px;
	height: 86px;
	z-index: 50;
	background: url(/sup/img/shield.gif) no-repeat top left transparent;
}

#homepage_section #secondary #catch_performance h4 strong {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 77px;
	color: #e0c3c8;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 100;
}

#homepage_section #secondary #catch_performance h4 em {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 77px;
	font-style: italic;
	color: #fff;
	font-weight: normal;
	font-size: 34px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 110;
}

#homepage_section #secondary #catch_performance p.specifics {
	background: url(/sup/img/specifics.gif) repeat-x bottom left transparent;
	padding-bottom: 15px;
	margin-bottom: 11px;
	font-weight: bold;
}

#homepage_section #secondary #catch_performance p.specifics a {
	font-weight: normal;
	padding-left: 10px;
}

a.lead_in:link,
a.lead_in:visited,
a.lead_in:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #006ea7;
	font-size: 15px;
	font-style: italic;
	text-decoration: none;
}

a.lead_in:hover {
	color: #008cd4;
}

/* stylized forms */

.fill_container span.outer { /* no need to touch this */
	margin-bottom: 1.5em; /* margin bottom on the overall field */
	display: block;
	float: left;
	clear: left;
	padding: 0px;
	width: 100%;
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.fill_container span.inline_block {
	display: inline-block;
	float: none;
	clear: none;
	vertical-align: top;
}

.fill_container span.outer span { /* do your styling here */
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c4b48e;
	font-size: 1em;
	background: url(/sup/img/contact_form.gif) repeat-x #fbfbfb;
	padding: 5px 8px;
	position: relative;
}

.fill_container textarea { /* set your default textarea height */
	height: 150px;
	resize: vertical;
}

.fill_container input, .fill_container textarea { /* set font size and style info here */
	font-size: 1em;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	/* no need to touch anything after this */
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	border: none;
	background: none;
	outline: none;
}

.fill_container label {
	display: block;
}

/*//////////////////// HOME ////////////////////*/

#homepage_section h1 {
	display: none;
}

#homepage_section #performance {
	position: relative;
	left: -30px;
	margin-top: -60px;
	margin-bottom: 26px;
}

h2#h2_who_are_the_colgate_thirteen {
	width: 488px;
	text-indent: -9999px;
	height: 16px;
	background: url(/sup/img/h2_who_are_the_colgate_thirteen.gif) no-repeat top left transparent;
	margin-bottom: 20px;
}

h2#h2_catch_a_performance {
	width: 330px;
	text-indent: -9999px;
	height: 16px;
	background: url(/sup/img/h2_catch_a_performance.gif) no-repeat top left transparent;
	margin-bottom: 20px;
	margin-top: 5px;
}

h2#h2_buy_colgate_albums {
	width: 305px;
	text-indent: -9999px;
	height: 16px;
	background: url(/sup/img/h2_buy_colgate_albums.gif) no-repeat top left transparent;
	margin-bottom: 25px;
}

h2#h2_listen_now {
	width: 178px;
	text-indent: -9999px;
	height: 16px;
	background: url(/sup/img/h2_listen_now.gif) no-repeat top left transparent;
	margin-bottom: 15px;
	margin-top: 20px;
}

.more_multimedia {
	float: right;
	display: block;
	margin-top: -32px;
}

p#p_who_are_the_colgate_thirteen {
	text-align: justify;
}

#meet_the_members {
	width: 275px;
	height: 154px;
	background: url(/sup/img/meet_the_members_bg.jpg) no-repeat top left;
	left: 0px;
	position: relative;
	margin-left: -30px;
	padding-left: 237px;
	padding-right: 23px;
	padding-top: 60px;
}	

#meet_the_members h2 {
	text-indent: -9999px;
	height: 0px;
	margin: 0px;
} 

#meet_the_members h3 {
	color: #6a000a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

#meet_the_members h3 a {
	color: #6a000a;
}

#meet_the_members p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 6px;
}

#meet_the_members img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#buy_colgate_albums {
	background: url(/sup/img/buy_colgate_albums_bg.png) no-repeat top left;
	margin-right: -30px;
	padding-left: 216px;
	padding-right: 30px;
	min-height: 181px;
	position: relative;
}

#buy_colgate_albums h3 {
	color: #6a000a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-right: -10px;
}

#buy_colgate_albums h3 a {
	color: #6a000a;
}

#buy_colgate_albums h3 em {
	color: #542d2d;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	padding-left: 10px;
}

#buy_colgate_albums h4 {
	color: #542d2d;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	margin-bottom: 0px;
	padding: 0px;
}

#buy_colgate_albums h5 a {
	position: absolute;
	bottom: 10px;
	right: 30px;
	width: 100px;
	height: 90px;
	text-indent: -9999px;
}

#buy_colgate_albums img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.options a {
	padding-right: 10px;
	padding-left: 10px;
	border-right: solid 1px #b7a26d;
	position: relative;
	line-height: 1em;
	left: -10px;
}

.options a.last {
	border: none;
}

#listen_now {
	width: 348px;
	height: 49px;
	background: url(/sup/img/demo_music_player.gif) no-repeat top left;
}

.two_column_left {
	width: 55%;
	margin-right:45px;
	float: left;
}

.two_column_left img {
	margin-top: 20px;
}

.two_column_right {
	width: 32%;
	float: left;
}

.one_of_two {
	width: 505px;
	float: left;
}

.two_of_two {
	width: 348px;
	float: right;
}

.intro {
	font-size: 1.2em;
	color: #743d23;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border-bottom: solid 1px #b08c7b;
	padding-bottom: 20px;
}

.col_one_of_two {
	width: 47.5%;
	float: left;
}

.col_two_of_two {
	width: 47.5%;
	float: right;
}


#about_section img.grunt {
	margin-bottom: 2em;
}

.widow_fix {
	word-spacing: -.05em;
}

.key_shield {
	float: left;
	margin: 9px 20px 20px 0px;
}

#albums_section #main_column a.download {
	width: 109px;
	height: 27px;
	display: block;
	margin: 0px 0px 10px 0px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/sup/img/button_download.gif) no-repeat top left transparent;
	
}

#albums_section #main_column h2 span {
	color: #dbc085;
	font-style: italic;
}

#albums_section #main_column img {
	float: right;
}

#albums_section #main_column .col_one_of_two,
#albums_section #main_column .col_two_of_two {
	position: relative;
}

#albums_section #main_column img.bet_your_band,
#albums_section #main_column img.remastered {
	position: relative;
	right: -21px;
}

#albums_section #main_column img.buy_your_band_button,
#albums_section #main_column img.remastered_button {
	right: 31px;
}

#albums_section #main_column .buy_it {
	margin: 0px 0px 10px 0px;
	position: absolute;
	top: 130px;
	right: 51px;
	
}

a.download {
	width: 109px;
	height: 27px;
	display: block;
	margin: 0px 0px 10px 0px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/sup/img/button_download.gif) no-repeat top left transparent;
}

#multimedia_section .two_of_two object {
	margin: 7px 0px 15px -20px;
}

#multimedia_section .two_of_two a.download {
	margin: 7px 0px 15px 0px;
}

#multimedia_section .two_of_two em {
	display: block;
}

#multimedia_section .two_of_two .type {
	color: #977e7b;
}

#multimedia_section .two_of_two li {
	line-height: 1.2em;
}


#contact_section .send {
	float: right;
}

.facebook {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 12px;
	background: url(/sup/img/facebook.jpg) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	top: 5px;
}

#about_section .facebook_cta img {
	position: relative;
	top: 4px;
	padding: 0px 2px;
}

#members_section h1 {
	margin-bottom: 1em;
}

#members_section .member {
	width: 225px;
	height: 225px;
	float: left;
	overflow: hidden;
}

#members_section .member a {
	width: 225px;
	height: 225px;
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0px;
}

#members_section .member a img {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#members_section .member a span {
	display: block;
	position: absolute;
	top: 185px;
	left: 0px;
	z-index: 20;
	width: 200px;
	padding-left: 25px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #fff;
	background-image: url(/sup/img/active_member.png);
	background-repeat: no-repeat;
	background-position: 0px -80px;
	font-family: 'SlabSemibold';
	font-size: 16px;
}

#member_detail_section img.member_image {
	float: right;
	margin: 0px 0px 2em 0px;
	padding: 8px;
	background-color: #f1d9b0;
	border: solid 1px #ceb07c;
}

#member_detail_section .content {
	width: 620px;
}

#member_detail_section ul.post-meta,
#member_detail_section ul.post-meta li {
	margin: 0px;
	padding: 0px;
	background: none;
	list-style-type: none;
}

#member_detail_section ul.post-meta {
	width: 700px;
}

#member_detail_section ul.post-meta li {
	width: 295px;
	float: left;
	padding: 0px 30px 25px 0px;
	font-size: 16px;
}

#member_detail_section ul.post-meta li span {
	display: block;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 13px;
	color: #996b0d;
	margin-bottom: .3em;
	border-bottom: solid 1px #e2d7bf;
	padding-bottom: .3em;
	letter-spacing: 2px;
}

#contact_section img.callout {
	margin-top: 21px;
}

#contact_section label.error {
	display: block;
	position: absolute;
	top: -35px;
	right: 0px;
	border-top: solid 1px #950b00;
	background: url(/sup/img/dont_forget.gif) no-repeat bottom right;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 10px 8px 10px;
}


#events_section .event .datetime {
	width: 77px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

#events_section .event .datetime span {
	text-align: center;
	display: block;
	color: #9c6e10;
	font-size: 15px;
	background-color: #ede2c4;
	border-top: solid 1px #cdc09a;
	font-family: 'SlabSemiBold', "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#events_section .event .excerpt {
	width: 800px;
	float: right;
	margin-bottom: 20px;
}

	#events_section .event .excerpt h2 {
		margin-top: 5px;
	}

#events_section .event .datetime h3 {
	position: relative;
	width: 77px;
	height: 86px;
	z-index: 50;
	background: url(/sup/img/shield.gif) no-repeat top left transparent;
}

#events_section .event .datetime h3 strong {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 77px;
	color: #e0c3c8;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 100;
}

#events_section .event .datetime h3 em {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 77px;
	font-style: italic;
	color: #fff;
	font-weight: normal;
	font-size: 34px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 110;
}

#events_section .event h2 span {
	font-family: Arial, Helvetica, sans-serif;
	color: #73000f;
	font-size: 14px;
	font-weight: bold;
	border-left: solid 1px #ccc;
	padding-left: 10px;
	margin-left: 6px;
	display: inline-block;
}