@font-face 
{
    font-family: 'GeorgiaRegular';
    src: url('../fonts/georgia.eot');
    src: url('../fonts/georgia.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/georgia.woff') format('woff'),*/
         url('../fonts/georgia.ttf') format('truetype'),
         url('../fonts/georgia.svg#georgia') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'GeorgiaBold';
    src: url('../fonts/georgiab.eot');
    src: url('../fonts/georgiab.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/georgiab.woff') format('woff'),*/
         url('../fonts/georgiab.ttf') format('truetype'),
         url('../fonts/georgiab.svg#georgiab') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'GeorgiaItalicBold';
    src: url('../fonts/georgiaz.eot');
    src: url('../fonts/georgiaz.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/georgiaz.woff') format('woff'),*/
         url('../fonts/georgiaz.ttf') format('truetype'),
         url('../fonts/georgiaz.svg#georgiaz') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,
body
{
	padding: 0;
	margin: 0;
	background-color: #000;
	/*Safari font size fix when viewed in iPhone.*/
	-webkit-text-size-adjust: 100%;
}
body
{
	background-color: #000;
	color: #fff;
	font-size: 12px;
}

body,
select{font-family: GeorgiaRegular;}

.error
{
	color: #c00; 
	display: none;
	margin-left: 8px;
}

select{margin-left: 22px;}

a
{
	color: #fff;
	text-decoration: none;
}
a:hover{color: #b00;}

select:focus
{ 
	border-color: #c00;
}

#container .content,
#container{position: relative;}

#container
{
  width: 100%;
  min-width: 1300px;
  height: 100%;
}

#container .bottom_splash{position: fixed;}

#container .music,
#container .people,
#container .top_splash,
#container .back{position: absolute;}

#container .content
{
	width: 600px;
	margin-top: -602px;
	padding-left: 25px;
	left: 50%;
	margin-left: -250px;
	line-height: 19px;
}

#container .back
{
	width: 160px;
	height:93px;
	top: 0;
	right: 0;
	background-image: url(../images/back.png);
	display: block;
}
#container .top_splash
{
	top: 0;
}
#container .bottom_splash
{
	bottom: -10px;
	left: 235px;
	pointer-events: none;
}
#container .people
{
	right: 0;
	top: 50%;
	margin-top: -540px;
}
#container .xho
{
	right: 140px;
	bottom: 43px;
	width: 346px;
	height: 331px;
	position: fixed;
}
#container .music
{
	left: 65px;
	top: 35px;
	width: 300px;
}

#container .xho .black,
#container .xho .red,
.xho .hover{position: absolute;}

.xho .hover img{width: 405px; margin-left: 80px; margin-top: 70px;}

.xho .hover{display: none;}
.xho:hover > .hover{display: block;}
.xho .hover a
{
  position: absolute;
  left: 3px;
}

#container .content .top .title{line-height: 34px;}
#container .content .bottom{margin-top: 0px; clear: left;}
#container .content .bottom .title
{
	font-size: 17px;
	margin-top: 13px;
}

#container .content .bottom .left
{
	float: left;
	width: 280px;
	margin-top: -12px;
	height: 540px;
}
#container .content .top .details{margin-top: -10px; padding-bottom: 15px;}
#container .content .sub_title{font-size: 13px;}

#container .content .bottom a{color: #b00;}
#container .content .bottom a:hover{color: #fff;}

#container .content .sub_title{font-family: GeorgiaItalicBold;}
#container .content .title{font-family: GeorgiaBold;}
#container .extra{line-height: 6px;}

#container .content .top .sub_title,
#container .content .top .title{font-size: 25px;}

#container .content .vimeo
{
	float: left;
	padding-right: 10px;
	padding-bottom: 35px;
}

#container .content .ziggy_feature
{
	position: relative; 
	top: -4px;
	left: 2px;
	display: inline-block;
}


/***** 
	http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
	iPhone 4+ Portrait or Landscape.
*****/
@media all and (min-device-width: 320px) and (max-device-width: 480px)
{
	#container .xho
	{
		bottom: -20px;
		position: absolute;
	}
}