@charset "UTF-8";
/* CSS Document */
body {
	background-image: url(../images/bgBack2.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-attachment:fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #48606a;
}
a.readmore:link {
	color: #353e42;
	font-size:11px;
	font-style:italic;
	text-decoration: none;
}
a.readmore:visited {
	color: #353e42;
	font-size:11px;
	font-style:italic;
	text-decoration: none;
}
a.readmore:active {
	color: #353e42;
	font-size:11px;
	font-style:italic;
	text-decoration: none;
}
a.readmore:hover {
	color: #353e42;
	font-size:11px;
	font-style:italic;
	text-decoration: underline;
}
a:link {
	color: #676869;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #676869;
}
a:hover {
	text-decoration: none;
	color: #444748;
}
a:active {
	text-decoration: none;
	color: #676869;
}
.container {
	width: 960px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.transBee {
	background-image:url(../images/beeTrans1.png);
	background-repeat:no-repeat;
	width: 960px;
	height:500px;
	margin-top:20px;
}
.container .transBee article section {
	margin-left: 10px;
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}

.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.container header {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 287px;
	float:left;
	color: #b9c3c7;
}
#Head{
	font: 68px/20px 'PrintClearlyRegular', Arial, sans-serif;
	margin-left:15px;
	padding-top: 55px;
	padding-bottom: 5px;
}
#subHead {
	font: 24px/24px 'PrintClearlyRegular', Arial, sans-serif;
	margin-left:18px;
	padding-bottom: 10px;
	
}
#Logo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
}
#LogoInside {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 17px;
	margin-left: 0px;
	clear:right;
}

#menu {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.container aside {
	text-align: right;
	padding-top:10px;
	width: 673px;
	float:left;
}
#recordLabel {
	height: 410px;
	width: 328px;
	background: url(../images/bgRecord.png) no-repeat;
	float:left;
}
#event {
	height: 247px;
	width: 171px;
	background: url(../images/bgEvents.png) no-repeat;
	float:left;
}
#artist {
	height: 247px;
	width: 174px;
	background: url(../images/bgArtist.png) no-repeat;
	float:left;
}
#recentVideo {
	height: 164px;
	width: 345px;
	background: url(../images/bgRecentVideo.png) no-repeat;
	float:left;
}
#recentVideoList {
	width:auto;
}
#recentVideoList p{
	width:auto;
	float:left;
	padding-right:20px;
}
#recentNews {
	height: 140px;
	width: 674px;
	background: url(../images/bgRecentNews.png) no-repeat;
	float:left;
}
#twitter {
	height: 175px;
	width: 674px;
	background: url(../images/bgTwitter.png) no-repeat;
	float:left;
	clear:right;
}
.container article {
	padding: 0px;
	height: auto;
	width: 673px;
	float:left;
}
.container footer {
	float:left;
	margin: 0px;
	padding: 10px 0 0 0;
	height: 29px;
	width: 960px;
	font-size: 11px;
}
#frontRecordLabel {
	margin: 0px 0 0 22px;
	padding: 0px 0 0 0;
	height: 294px;
	width: 288px;
}
.container article #event {
	width:151px;
	height:157px;
	padding: 0px 0px 90px 20px;
	text-align: center;
}
.container article #artist {
	width:148px;
	height:157px;
	padding: 0px 0px 90px 26px;
}
.container article #recentVideo p {
	float: left;
	padding: 0px;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 22px;
}
.container article #recentVideo div {
	clear: right;
	width: 330px;
	padding-top:10px;
	text-align: right;
}
.container article #recentNews p {
	float: left;
}
.container article #recentNews p {
	float: left;
	width: 195px;
	margin-left: 26px;
	margin-right: 1px;
	padding-top: 0px;
}
.container article #recentNews p img {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.container article #twitter p {
	width: 140px;
	font-size: 10px;
	float: left;
	margin-left: 35px;
	margin-right: 2px;
	padding-top: 0px;
}
.TitleTwitter {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #009bc8;
	margin-bottom: 20px;
	margin-top: 5px;
}
.TitleTwitter2 {
	font-size: 11px;
	font-style: normal;
	color: #009bc8;
	margin-bottom: 20px;
	margin-top: 5px;
}
#Title {
	padding-bottom: 17px;
	margin-left:20px;
}
.container header nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.container .transBee header nav ul li {
	font: 18px/18px 'PrintClearlyRegular', Arial, sans-serif;
	padding-top:4px;
	padding-bottom:6px;
}
.container .transBee header nav ul li ul {
	margin-left: 10px;
	
	
}

@font-face {
    font-family: 'PrintDashedRegular';
    src: url('../fonts/PrintDashed-webfont.eot');
    src: url('../fonts/PrintDashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintDashed-webfont.woff') format('woff'),
         url('../fonts/PrintDashed-webfont.ttf') format('truetype'),
         url('../fonts/PrintDashed-webfont.svg#PrintDashedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PrintBoldRegular';
    src: url('../fonts/PrintBold-webfont.eot');
    src: url('../fonts/PrintBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintBold-webfont.woff') format('woff'),
         url('../fonts/PrintBold-webfont.ttf') format('truetype'),
         url('../fonts/PrintBold-webfont.svg#PrintBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PrintClearlyRegular';
    src: url('../fonts/PrintClearly-webfont.eot');
    src: url('../fonts/PrintClearly-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintClearly-webfont.woff') format('woff'),
         url('../fonts/PrintClearly-webfont.ttf') format('truetype'),
         url('../fonts/PrintClearly-webfont.svg#PrintClearlyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#posterEvent1 {
	background:url(../images/coverEvent.png);
	width:205px;
	height:305px;
	float:left;
	margin-right:10px;
}
#posterEvent2 {
	background:url(../images/coverEventSmall.png) no-repeat;
	width:103px;
	height:153px;
	float:left;
	margin-right:10px;
	padding-bottom:20px;
}
#imagePosterEvent1 {
	padding:7px;
	text-align:center;
}
#imagePosterEvent2 {
	padding:3px;
	text-align:center;
}


.container .transBee article section {
	clear: both;
}
#boxEventFront {
	width:135px;
	height:102px;
	text-align:center;
	background-color:#000000;
}
.newsListArchive {
	float: left;
	width: 195px;
	margin-right: 10px;
	margin-left: 10px;
}
.artistListArchive {
	float: left;
	width: 150px;
	margin-right: 20px;
	margin-left: 10px;
}
.newsListArchive img{
	float: left;
	margin-right: 5px;
}
.galleryListArchive img{
	margin-right: 5px;
	float: left;
}
.galleryListArchive {
	margin-right: 5px;
	float: left;
	width: 195px;
}
.imageNewsDetail {
	padding-right:10px;
}
.imageArtistDetail {
	background:url(../images/transBlockArtistInside.png) no-repeat;
	width:238px;
	height:340px;
	float:left;
	padding:8px 0 0 8px;
}
.imageArtistList {
	background:url(../images/transBlockArtistInsideSmall.png) no-repeat;
	float:left;
	padding:5px 5px 22px 3px;
}
.textIntro {
	color:#445e67;	
}