body {padding: 0; margin: 0; background: #fff; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.clearfix {clear: both;}

#page {width: 100%; height: auto; background: url(../images/profile_bkg.gif);}

/*--TOP--*/

#topcontainer {clear: both; width: 960px; height: 101px; background: url(../images/top_bkg.png) no-repeat; margin: 0 auto;}
#artistname {float: left; width: 900px; height: auto; padding: 18px 25px; overflow: hidden; color: #222; font-size: 38px; font-weight: bold;}

/*--MIDDLE--*/

#middlecontainer {clear: both; width: 960px; height: 311px; background: url(../images/middle_bkg.png) no-repeat; margin: 0 auto;}

#photocontainer {float: left; width: 460px; height: 275px; background: url(../images/photo_bkg.jpg) no-repeat; position: relative; top: 19px; left: 25px;}
#photocontainer img {float: left; display: block;  width: 438px; height: 254px; overflow: hidden; position: relative; top: 10px; left: 10px;}
#photooverlay {float: left; width: 438px; height: 254px; background: url(../images/photo_overlay.png) no-repeat; position: absolute; top: 10px; left: 10px; z-index: 2;}

#downloadcontainer {float: left; width: 480px; height: 272px; position: relative; top: 17px; left: 50px;}
#downloadcontainer h3 {color: #888; font-size: 24px; font-weight: bold; margin: 45px 0 0 50px;}
#downloadcontainer p {font-size: 13px;  position: relative; top: 25px; left: 200px;}
#downloadcontainer a, a:visited {color: #999; text-decoration: none;}
#downloadcontainer a:hover {color: #0b6d96;}

#accesscodewrapper {display: block; width: 468px; height: 41px; padding-top: 8px; border: solid 1px #c6c6c6; margin-top: 24px; margin-left: auto; margin-right: auto; background: url(../images/formbkg.png) no-repeat;}

.accesscode {float: left; width: 370px; height: 37px; padding-left: 20px; text-align: left;}
.accesscode input {float: left; display: inline; width: 340px; height: 37px; border: #eee; background: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 300; color: #444; letter-spacing: 1px;}

#submitbutton {float: left; display: inline;}

/*--BOTTOM --*/

#bottomcontainertop {clear: both; width: 960px; height: 15px; background: url(../images/bottom_bkg_top.png) no-repeat; margin: 0 auto;}
#bottomcontainermain {clear: both; width: 960px; height: auto; min-height: 600px; background: url(../images/bottom_bkg_main.png) repeat-y; margin: 0 auto;}

#columnleft {float: left; width: 543px; height: auto; position: relative; top: 5px; left: 25px;}
#columnright {float: left; width: 352px; height: auto; position: relative; top: 5px; left: 40px;}

#entry {float: left; display: block; width: 310px; height: 243px; background: url(../images/entry_bkg.jpg) no-repeat; padding: 21px; margin-bottom: 20px;}
#entry h3 {color: #222; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; position: relative; left: 5px; margin-bottom: 20px;}
#entry p {color: #fff;}

#entry ul {width: 100%; list-style: circle; position: relative; left: 12px; color: #fff;}
#entry li a {color: #0b6d96; text-decoration: none;}
#entry li a:hover {color: #fff;}

.flexcroll a{ color: #0b6d96; text-decoration:none;}

	/*--TABS--*/

	ul.tabs { margin:0; padding:0; float:left; list-style:none; height:34px; width:100%; }
	ul.tabs li { float:left; margin:0; padding:0; height:34px; width: 149px; background: url(../images/maintab_tab_inactive.jpg) no-repeat; overflow:hidden; position:relative; }
	ul.tabs li a { text-decoration:none; color:#222; display:block; font-size:15px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; line-height:32px; padding: 0 0 0 20px; outline:none; }
	ul.tabs li a:hover { color: #999;}
	ul.tabs li.active a span {color: #eee;}
	html ul.tabs li.active,html ul.tabs li.active a:hover { background: url(../images/maintab_tab_active.jpg) no-repeat; text-shadow: 0 1px 1px #000;}
	.tab_container {clear:both; float:left; width:542px; background:#222;}
	.tab_content {padding:20px; font-size:1.2em; background: url(../images/maintab_bkg.jpg)}
	.tab_content p {font-size: 13px; color: #fff; margin-bottom: 1em;}
	.tab_content a {color: #0b6d96; text-decoration: none;}
	.tab_content a:hover {color: #fff;}
	.tab_content img {border: solid 1px #fff; z-index: 3;}
	
	.tab_content .photos {list-style: none; margin: 0; padding: 0;}
	.tab_content .photos li {display: inline; float: left; width: 140px; height: 140px; overflow: hidden; border: solid 1px #fff; margin-right: 25px; margin-bottom: 25px;}
	.tab_content .photos li img {border: none;}
	
	.tab_bottom {clear: both; float: left; display: block; width: 542px; height: 10px; background: url(../images/maintab_bottom.jpg) no-repeat;}