/*

** project:		DJ Tendaji Lathan

** date:		2008/07/14

*/

html { height: 100%; margin-bottom: 1px; background: #000 url("../images/background.jpg") no-repeat 50% 0; color: #999; }

body { width: 955px; margin: 0 auto; padding: 48px 0 0 0; background: transparent; font: .688em/1.3 "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: .8em; }

img { border: none; 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; }



button, input.radio, input.checkbox, label.radio, label.checkbox { cursor: pointer; }



a.download { padding-left: 12px; background: transparent url("../images/bullet_0.png") no-repeat 0 60%; }

a.button-back { overflow: hidden; float: left; width: 49px; height: 12px; margin-right: -1px; padding-right: 12px; border-right: 1px solid #BBB; background: transparent url("../images/button_back.png") no-repeat 0 0; text-indent: -999em; }

a.button-next { overflow: hidden; float: left; width: 48px; height: 12px; padding-left: 12px; border-left: 1px solid #BBB; background: transparent url("../images/button_next.png") no-repeat 12px 0; text-indent: -999em; }





/*

** header

*/

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

.header-index { height: 277px; padding: 222px 326px 13px 59px; background-image: url("../images/header_index.jpg"); }

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

.header-bio { background-image: url("../images/header_bio.jpg"); }

.header-gallery { background-image: url("../images/header_gallery.jpg"); }

.header-clients { background-image: url("../images/header_clients.jpg"); }

.header-calendar { background-image: url("../images/header_calendar.jpg"); }

.header-contact { background-image: url("../images/header_contact.jpg"); }

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

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



.header ul { overflow: hidden; list-style: none; margin: 0; padding: 11px 0 6px 4px; font-family: "Arial", "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("../images/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; }





/*

** main container & layou

*/

.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("../images/border_1.png") repeat-x 0 100%; color: #666; font-family: "Arial", "Helvetica", sans-serif; font-size: 4.364em; font-weight: 100; line-height: 1; }

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



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

.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("../images/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("../images/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("../images/border_1.png") repeat-x 0 0; font-weight: 400; }

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





/*

** links table

*/

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

table.links th { width: 33%; padding: 0 1em .8em 0; font-weight: 400; }

table.links td { padding: .8em 1em .8em 0; background: transparent url("../images/border_1.png") repeat-x 0 0; }

table.links td.name { color: #000; }





/*

** 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("../images/border_1.png") repeat-x 0 0; }

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

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





/*

** music table

*/

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

table.music th { width: 33%; }

table.music th,

table.music td { padding: .8em 1em .8em 0; background: transparent url("../images/border_1.png") repeat-x 0 0; }

table.music td.name { color: #333; }





/*

** gallery - thumbnails list

*/

ul.gallery { overflow: hidden; list-style: none; width: 100%; margin: -10px 0 0 -10px; padding: 0; }

ul.gallery li { float: left; padding: 10px 0 0 10px; }

ul.gallery li a { float: left; width: 97px; height: 73px; background: transparent none no-repeat 0 0; text-indent: -999em; overflow: hidden; }
/*
ul.gallery li a:focus,

ul.gallery li a:hover { background-position: 0 -73px; }
*/




/*

** footer

*/

ul.footer { overflow: hidden; list-style: none; margin: 0; padding: 20px 15px 40px 15px; background: transparent url("../images/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; }





/*

** sIFR

*/

.sIFR-flash { visibility: visible !important; }

.sIFR-replaced { visibility: visible !important; }

h2.sIFR-replaced embed,

h2.sIFR-replaced object { margin: -6px 0 -14px 0; }

.column-contact-primary h3.sIFR-replaced { padding: 0 0 17px 0; }

span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-flash + div[adblocktab=true] { display: none !important; }



.sIFR-hasFlash h2 { visibility: hidden; font-size: 4em; }

.sIFR-hasFlash h3 { visibility: hidden; font-size: 1.5em; }

.sIFR-hasFlash .column-contact-primary h3 { font-size: 1em; }





/*

** the end

*/





#client-list {

	width:840px;

	border:0px solid red;

	list-style: none;

	text-align:left;

	padding:0px;

	margin:0px;

	margin-right:-35px;

}

#client-list li{

	width:400px;

	border-bottom:1px dotted #bbbbbb;

	display: block;

	float:left;

	margin-right:20px;

	padding-top:5px;

	padding-bottom:5px;

}





.clearfloat {

	clear: both;

	height: 0;

	line-height: 0;

	font-size: 0;

}