@font-face {
 font-family: DIN-Medium;
 src: url("DIN-Medium.eot") /* EOT file for IE */
}
@font-face {
 font-family: DIN-Medium;
 src: url("DIN-Medium.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: DIN-Bold;
 src: url("DIN-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: DIN-Bold;
 src: url("DIN-Bold.ttf") /* TTF file for CSS3 browsers */
}


body {
	color: #4c4c4c;
	font-size: 12px;
	font-family: DIN-Medium, sans-serif;
}


a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

img{
border:0px;
}

#container {
	width: 950px;
	margin: 0 auto;
	padding-top:8%;
}

#logo {
	float: left;
	height: 53px;
	width: 277px;
}

#logo:hover {
cursor:pointer;
}

#logoalpha {
	height: 53px;
	width: 277px;
	background-image: url(../images/swelllogo_white.png);
}


#submenu {
	clear: both;
	border-top-color: #e5e5e5;
	border-top-width: 3px;
	border-top-style: solid;
	height: 37px;
	width: 930px;
	line-height:37px;
	text-align: right;
	padding-right:20px;
	color:#373737;
}

#footer {
clear:both;
	padding-top: 130px;
	padding-bottom: 10px;
	text-align: center;
	color: #bfbfbf;
}

#footer .box, #submenu .box {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 1px;
	display: inline-block;
	height: 7px;
	width: 7px;
}
#submenu .box {
visibility: hidden;
height: 0px;
width: 0px;
background-color:white;
}

#submenu a {
	 text-decoration:none;
	 padding:3px;
	 margin-left:-5px;
}

#submenu a:hover {

}

.tagline {
	display: block;
	margin: auto;
	padding-bottom: 15px;
	padding-top: 15px;
}


#imgboxes{
width: 440px;
float: left;
}

#imgbox{
margin-right: 3px;
margin-top: 3px;
background-color: #e8e8e8;
display: inline-block;
width: 215px;
height: 150px;

}

#copy{
padding-top: 20px;
width: 490px;
float: right;
}

h3{

color:#999999;
  border-bottom: solid 3px #000000;
  margin-bottom:3px;
  margin-top:20px;
line-height: 20px;
}


#ep_player1, #ep_container1 {
float: left;
display: inline-block;
margin-left: 3px;
margin-top: 3px;
}


.menu { font-size: 13px; width: 550px; float: right; position:relative; height: 53px;}
.menu ul {padding-top: 15px; padding-left: 5px; padding-right: 5px; list-style:none; position:absolute;}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {padding-left: 15px; padding-bottom: 10px; padding-right: 15px; padding-top: 10px; text-decoration:none; color: #373737;}
.menu a:hover {}
#slide {margin-bottom: -3px; position:absolute; bottom:0; height: 3px;}
#imgbox span { visibility: hidden; }
#copy h1 { color: #838383; margin-bottom: 10px; font-size: 18px; font-style: normal; font-weight: normal; text-transform: uppercase; }
.search_input { margin-left: 9px; width: 172px; float: left; height: 38px; background-image: url(http://www.swellmusic.tv/images/sa_field.png); background-repeat: no-repeat; }
.search_input input { float: left; padding: 5px; height: 25px; width: 96px; border-width: 0px; border-style: none; }
input[type="image"] { padding: 0px; margin: 0px; float: right; height: 38px; width: 63px; }


#socialmedia {
padding:0;
margin:0;
margin-top:-44px;
float:right;
}

#socialmedia li {
float:right;
display: inline-block;
margin:0;
padding:0;
}

#socialmedia img {
float:left;
width:24px;
}

#socialmedia li span {
display: inline-block;
height:24px;
line-height: 24px;
font-weight:bold;
padding-left:5px;
padding-right:15px;
}

hr {
margin:0;
padding:0;
clear:both;
border:0;
height:20px;
}

#socialmedia a {
color:#66666;
text-decoration: none;
}

#socialmedia a:hover {
color:#333333;
text-decoration: none;
}



