/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; }
html { min-height: 100%; margin-bottom: 1px; overflow-x: hidden; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #000000 url('../images/layout/bg.jpg') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }

ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }


a  { color: #ff4a03; font: normal 11px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #FFFFFF; font-size: 11px;  line-height: 15px; }
h1, h1 a { font-family: 'Open Sans Condensed', sans-serif; color: #ff4a03; font-size: 35px; margin: 0px 0px 10px 0px; font-weight: normal; line-height: 38px; letter-spacing: 0.01em; }
h2, h2 a { color: #ff4a03; font-size: 12px; margin: 0px 0px 12px 0px; font-weight: normal; }
h3, h3 a { color: #ff4a03; font-size: 12px; margin: 0px 0px 15px 0px; }


#preload { height: 0px; width: 0px; overflow: hidden; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 950px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#logo { float: left; border: none;}

#header {  height: 82px; }
#headerNav { text-align: right; margin-right: 20px; }
#headerNav a { margin-left: 8px; color: #000000; font-size: 11px;  }
#headerNav a:hover, #headerNav a.o { color: #FFFFFF; text-decoration: none; }
#headerNav a img { border: none; }

#body {  height: 635px; }
#footer { width: 950px; margin: 0px auto; }
#footer div { margin-left: 212px; color: #ff4a03;  font-size: 11px; width: 760px; }

#artistPhotos {
    margin-left: 212px; margin-top: 12px; width: 662px; float: left;
}

.artistPhoto { display: none; }
.artistPhoto span { color: #FFFFFF; display: block; margin-top: 5px; font-size: 11px; }

#artistNumbers { text-align: right; color: #ff4a03; width: 690px; }
.artistNumber { color: #ff4a03; padding: 5px 5px 5px 5px; }
.artistNumber:hover, .artistNumberOver { color: #FFFFFF;  padding: 5px 5px 5px 5px; text-decoration: none; }

#artistArrows { width: 60px; float: left; margin-left: 10px; margin-top: 265px; }
#artistArrows a { margin-left: 5px; }
#artistArrows a img { border: none; }

#bio { margin-left: 212px; margin-top: 12px; }
.bio_inner { height: 600px; }
#contact { margin-left: 212px; margin-top: 20px; margin-right: 380px; }
#about { margin-left: 212px; margin-top: 20px; margin-right: 380px; }