@import url(reset.css);

html, body{margin:0;padding:0;border:0;height:100%;}

/* 62.5% = 10px at default or 'medium' browser setting (1em = 10px, 1.2em = 12px, 1.4em = 14px, 2em = 20px etc etc) */
body{background:#fff;color:#000;font-size:62.5%;font-weight:normal;text-align:center;}

/* LAYOUT */
#shadow{width:970px;padding:0;margin:0 auto;background:url(../images/bg/bg-shadow-main.gif) left top repeat-y;}
#header{width:930px;height:180px;background:#fff url(../images/bg/logo.jpg) right top no-repeat;margin:0;padding:0;}
#page{width:890px;padding:0 40px 0 40px;margin:0;text-align:left;}
#shadow-bottom{width:970px;padding:0;margin:0 auto;background:url(../images/bg/bg-shadow-bot.gif) center bottom no-repeat;height:32px;}

/* LAYOUT > GENERIC CLASSES */

/* a main horizontal chunk */
.section{padding:0;margin:0;width:100%;}
/* a generic holder for a bit of content */
.contentbox{padding:0;margin:0;}

.floatleft{float:left;}
.floatright{float:right;}

/* LAYOUT > Specifics */

/* NAVIGATION */
#navigation{margin:0;padding:130px 0 0 20px;}
	#navigation ul{list-style-type:none;margin:0;padding:0;}
	#navigation li{display:inline;margin:0;padding:0;}
	#navigation a{display:block;float:left;width:auto;text-decoration:none;padding:0;margin:0;}
	#navigation a img{float:left;display:block;margin:0;}
	
/* about */
#abouttext{width:520px;}
#bizcardwrapper{width:350px;}
#bizcard{width:300px;background-color:#c0006d;padding:25px;}
#bizcardshad{width:350px;background:url(../images/bg/biz-card-shad.jpg) right top no-repeat;height:10px;}

/* services */
#col1,#col2{width:445px;float:left;margin:10px 0 20px 0;}

/* artists */
.artists{width:840px;background:#000 url(../images/bg/artists-bg.jpg) right top repeat-y;color:#fff;padding:30px 25px 15px 25px;overflow:auto;}
.artists .backtotop p a{font-size:1.06em;}
.artistbox{}
.artistpic{float:left;width:185px;}
.artistpic img{border:4px solid #c0006d;}
.artistbiog{float:left;width:650px;}

/* footer */
.footer{float:right;width:212px;margin:10px 0 0 0;}

/* FORMAT > size and spacing */
p{font-size:1.5em;margin:0;padding:0 0 0.5em 0;line-height:1.3em;text-align:justify;}

/* FORMAT > fonts */
body,input,textarea,select,p,span,i,a{font-family:"Trebuchet MS",Tahoma,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:"Trebuchet MS",Tahoma,sans-serif;font-weight:normal;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}

/* FORMAT > Specifics */
#bizcard p{color:#fff;padding:0;}

/* FORMAT > Generic classes */
.highlight{color:#c0006d;}
.backtotop{width:200px;}
.backtotop p{padding:1em 0 1.5em 0;}
.backtotop p a{font-family:"Trebuchet MS",Tahoma,sans-serif;}
.artistbiog p a{font-family:"Trebuchet MS",Tahoma,sans-serif;background:#000;padding:1px 3px 2px 4px;font-size:0.95em;letter-spacing:0.06em;}

/* ANCHORS */
a{text-decoration:none;color:#c0006d;}
a:link{}
a:visited{}
a:hover{color:#c0006d;text-decoration:underline;}
a:active{}


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#ae0364;}
h1{font-size:1.8em;margin:0 0 0.4em 0;}
h2{font-size:1.6em;margin-bottom:0.3em;color:#fff;}
h3{font-size:1.4em;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}
.artists h1{color:#fff;margin-bottom:20px;}
h2 span.pink{color:#ae0364;}


/* HORIZONTAL RULE */
div.hr{background:url(../images/bg/hr.gif) left top repeat-x;height:4px;margin:0 0 20px 0;}
div.hr hr{display:none;}
div.hr.beforeartists{margin-bottom:0;}

/* LISTS */
ul{list-style-type:none;margin:0;padding:0 0 0 70px;}
li{margin:0;padding:0;color:#c0006d;font-family:"Trebuchet MS",Tahoma,sans-serif;font-size:1.5em;}

/* IMAGES */
img{display:block;}

/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.spacer{clear:both;height:20px;line-height:0;padding:0;margin:0;font-size:0;}
.clearer{clear:both;height:0px;line-height:0;padding:0;margin:0;font-size:0;}

.hide{position:absolute;left:-500em !important;top:-500em !important;}
.debug{border:1px dashed #ff0000;}