/*

** project:		Ansel Butler

** date:		2008/09/15

*/

html {
	height: 100%;
	margin-bottom: 1px;
	background: #000 url(../img/background.jpg) no-repeat 55% 0;
	color: #333333;
}

body { width: 955px; margin: 0 auto; padding: 48px 0 0 0; background: transparent; font: 12px "Trebuchet MS", "Helvetica", sans-serif; }

textarea, input, select, option, optgroup, button { font: 1em "Trebuchet MS", "Helvetica", sans-serif; }



* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }



address { font-style: normal; }

address span { display: block; }



p, ul, ol, dl { padding-bottom: .9em; }

img { border: 1px solid #CCC; padding: 6px; margin-bottom: 125px; vertical-align: bottom; }



table th,

table td { text-align: left; vertical-align: top; }



a { color: #666; font-weight: 700; text-decoration: underline; outline: none; }

a:focus,

a:hover { text-decoration: none; }





/*

** some globally used classes

*/

.left { float: left !important; }

.right { float: right !important; }



.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }



.no-margin { padding-bottom: 0 !important; }

.margin { padding-bottom: .8em !important; }

.double-margin { padding-bottom: 1.6em !important; }




/*

** header

*/

.header { overflow: hidden; width: 572px; height: 121px; padding: 71px 323px 13px 60px; background: #1e1c1c none no-repeat 13px 13px; line-height: 1; }

.header-index { height: 277px; padding: 222px 19px 13px 366px; background-image: url("../img/header_index.jpg"); }

.header-empty { background-image: url("../img/header_empty.jpg"); }

.header-bio { background: #ffffff none no-repeat 13px 13px; background-image: url("../img/header_image.jpg"); }

.header-gallery { background: #080707 none no-repeat 13px 13px; background-image: url("../img/header_image.jpg"); }

.header-collectors { background: #ffffff none no-repeat 13px 13px; background-image: url("../img/header_collectors.jpg"); }

.header-calendar { background: #ffffff none no-repeat 13px 13px; background-image: url("../img/header_calendar.jpg"); }

.header-contact { background: #ffffff none no-repeat 13px 13px; background-image: url("../img/header_image.jpg"); }

.header-links { background-image: url("../img/header_links.jpg"); }

.header-music { background-image: url("../img/header_music.jpg"); }



.header ul { overflow: hidden; list-style: none; margin: 0; padding: 11px 0 6px 4px; font-family: "Century-Gothic", Helvetica, sans-serif; font-size: 1.4em; }

.header ul li { float: left; padding: 0 1ex; border-left: 1px solid #999; }

.header ul li.first { padding-left: 0; border-left: none; }

.header ul li span,

.header ul li a { position: relative; float: left; margin: 0 0 -6px 0; padding: 0 0 6px 0; background: transparent url("../img/border_0.png") repeat-x 0 -100%; color: #999; font-weight: 400; text-decoration: none; }

.header ul li span,

.header ul li a:focus,

.header ul li a:hover { background-position: 0 100%; color: #666; }

.header-eMailer { padding: 125px 0 0 260px; }


/*

** main container & layout

*/

.main { position: relative; overflow: hidden; padding: 11px 65px 65px 65px; background: #FFF; }



.main h2 { clear: both; margin: 0 0 17px 0; padding: 0 0 15px 0; background: transparent url("../img/border_2.png") repeat-x 0 100%; color: #CC6699; font-family: "Century-Gothic", Helvetica, sans-serif; font-size: 3.5em; font-weight: 200; }

.main h3 { padding-bottom: .75ex; font-family: "Century-Gothic", Helvetica, sans-serif; font-size: 2.182em; font-weight: 400; }

.title { padding-bottom: .25ex; font-family: "Century-Gothic", Helvetica, sans-serif; font-size: 1.25em; font-weight: 110; color: #CC6699;}



.column-bio-primary { float: left; width: 570px; margin-bottom: -1.3em; line-height: 1.5em }

.column-bio-secondary { float: right; width: 225px; margin-bottom: -1.3em; }



.column-links-primary { float: right; width: 590px; }

.column-links-secondary { float: left; width: 180px; }



.column-music { width: 580px; min-height: 274px; }

p.music-photo { position: absolute; right: 10px; bottom: 10px; padding: 0; }



.column-contact-primary { float: left; width: 512px; }

.column-contact-primary h3 { margin: 0 0 19px 0; padding: 0 0 13px 0; background: transparent url("../img/border_1.png") repeat-x 0 100%; }

.column-contact-primary .column-contact-primary-first { float: left; width: 246px; }

.column-contact-primary .column-contact-primary-second { float: right; width: 246px; }

p.column-contact-secondary { float: right; width: 304px; padding-bottom: 0; }



.column-gallery-primary { float: left; width: 311px; }

.column-gallery-primary ul.gallery { position: relative; width: 321px; height: 249px; margin-bottom: -249px; }

.column-gallery-primary p.gallery-buttons { float: right; clear: both; padding: 269px 0 0 0; }

.gallery-photo { float: right; width: 472px; height: 373px; margin: -16px; padding: 27px; background: transparent url("../img/gallery_background.png") no-repeat 0 0; text-align: right; line-height: 1; }

.gallery-photo img { display: block; width: 472px; max-height: 354px; padding: 0 0 9px 0; }





/*

** calendar table

*/

table.calendar { width: 100%; border: none; border-collapse: collapse; }

table.calendar th,

table.calendar td { padding: .8em 1em .8em 0; background: transparent url("../img/border_1.png") repeat-x 0 0; font-weight: 400; }

table.calendar td.date { color: #333; }

.calendar-eMailer { margin-top: 20px; padding: 35px 0 0 600px; border-top: .07em solid #CC6699 ; }
/*

** calendar table

*/

table.contact { width: 100%; border: none; border-collapse: collapse; }

div#main { width:929px; clear:both; margin:0; padding:0; padding-bottom:20px; padding-top:20px;}

#pan1 {
	width:470px;
	float:left;
	margin-left:12px;
}

#pan2 {
	margin-left:12px;
	width:310px;
	float:left;
}
/*

** client list

*/

ul.clients { list-style: none; margin: -21px 0 0 0; padding: 0; }

ul.clients li { overflow: hidden; margin-top: 20px; padding: 20px 0 0 249px; background: transparent url("../img/border_1.png") repeat-x 0 0; }

ul.clients li p { padding-bottom: 0; }

ul.clients li p.photo { float: left; margin-left: -249px; }


/*






/*

** footer

*/

ul.footer { overflow: hidden; list-style: none; margin: 0; padding: 20px 5px 40px 5px; background: transparent url("../img/footer_background.png") repeat 0 100%; color: #666; line-height: 1; }

ul.footer li { float: left; margin-left: 1ex; padding-left: 1ex; border-left: 1px solid #333; }

ul.footer li.first,

ul.footer li.right { margin-left: 0; padding-left: 0; border-left: none; }

ul.footer li a { color: #999; text-decoration: none; }

ul.footer li a:focus,

ul.footer li a:hover { text-decoration: underline; }




#collectors-list {

	width:840px;

	border:0px solid red;

	list-style: none;

	text-align:left;

	padding:0px;

	margin:0px;

	margin-right:-35px;

}

#collectors-list li{

	width:250px;
	
	background: url(../img/icons/ul_icon_collectors.gif) no-repeat 0px 45%;

	border-bottom:1px dotted #666666;

	display: block;

	float:left;

	margin-right:20px;

	padding-top:7px;

	padding-bottom: 10px;

}

#send { 
	float:left;
	width: 803px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid #fff;
}




.clearfloat {

	clear: both;

	height: 0;

	line-height: 0;

	font-size: 0;

}

/*--- Terms ---*/

#terms-content-primary { float: left; width: 85.5%; line-height: 20px; color:#ffffff;}
#page { margin: 0 auto; max-width: 62.8em; min-width: 850px; }
#header { border-bottom: 1px solid #e5e6e7; margin: 1.05em 0 1.9em; padding-bottom: 0.9em; position: relative; }
h1 { color:#ffffff;}