/*
Theme Name: ATLSOUND
Version: 1.6


*/

body{
	margin: 0;
	background: #020000;
	font-family: Helvetica, sans-serif ;
	letter-spacing: 0.04cm;
}

#Home{
	background-image: url('images/background_asl.jpg');
	background-position: center;
}

/**************************************************************************
GLOBAL CSS
***************************************************************************/
.Clear{
	clear: both;
}

h2{
	margin: 0;
	font-family: Helvetica;
	font-size: 2.0em;
}


h3{
	margin: 0;
	font-family: Helvetica;
	font-size: 2.0em;
}

h4{
	margin: 0;
	font-family: Helvetica;
}



#MainBody{
	width: 1024px;
	margin: 0 auto;
}


#FlashApp{
	width: 945px;
	height: 642px;
	margin: 0 auto;
	text-align: center;

}




/**************************************************************************
SIDEBAR CSS
***************************************************************************/

#SideBar{
	width: 267px;
	float: left;
}

#TopLogo{
	width: 267px;
	height:108px;
	background-image: url('images/TopLogo.gif');
}

#MiddleLogoContainer{
	width: 267px;

}

#LeftLogo{
	float: left;
	width: 49px;
	height: 77px;
	background-image: url('images/LeftLogo.gif');
	
}

#Logo{
	float: left;
	width: 218px;
	height: 77px;
	background-image: url('images/Logo.gif');

}

#Logo a{
	display: block;
	width: 218px;
	height: 77px;
}

#BottomLogo{
	width: 267px;
	height: 141px;
	background-image: url('images/BottomLogo.gif');
}


#VerticalBar{
	width: 267px;
	height: 347px;
	background-image: url('images/VerticalBar.gif');

}


.arrowsidemenu{
	width: 251px; /*width of menu*/
	margin-left: 14px;
}
	
.arrowsidemenu div a, .menuheaders{ /*header bar links*/
	display: block;
	background-image: url('images/tabs.gif');
	color: #ffffff;
  	height: 21px; 
	padding-top: 15px; 
	padding-left: 20px;
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #ffffff;
}

.arrowsidemenu div a:hover{
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #ffffff;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #ffffff;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #6b6a76;
}

.arrowsidemenu ul li{
	padding: 0;
	margin: 0;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	height: 18px;
	text-decoration: none;
	color: #ffffff;
	font-size: .8em;

	padding: 0;
	margin: 0;
	padding-left: 40px;
	padding-top: 5px;
}

.arrowsidemenu ul li a:hover{
	background: #303030;
}



#SideBarHeader{
	width: 267px;
	height: 66px;
	background-image: url('images/SideBarHeader.gif');
	
}

#SideBarHeader h2, #MainHeaderBackground h2{
	color: #8F9194;
	font-size: 1.6em;
	margin-left: 30px;
	padding-top: 20px;
}

#SideBarMainContent{
	background: #333234;
	width:255px;
	height: 250px;
	margin-left:12px;
}

/**************************************************************************
RIGHTCOLUMN CSS
***************************************************************************/

#RightColumn{
	float: left;
	width: 757px;
}

#RightLogo{
	float: left;
	width: 57px;
	height: 245px;
	background-image: url('images/RightLogo.gif');
}

#HorizontalBar{
	width: 757px;
	height: 245px;
	background-image: url('images/HorizontalBar.gif');
	color: #ffffff;

}

#HorizontalTitle{
	top:60px;
	width: 700px;
	position: absolute;
	margin-left:40px;
	text-align: center;
}

#HorizontalTitle h2{
	font-size: 1.8em;
}

#HorizontalTitle h3{
	font-size: 1.4em;
}
#Click2Talk{
	width: 151px;
	height: 68px;
	background-image: url('images/Click2Talk.gif');
	float: right;
	margin-top: 100px;
}

#HorizontalInfo{
	float: right;
	height: 68px;
	margin-top:185px;
	margin-right: 5px;
		width: 680px;
		text-align: right;
	font-size: .8em;
}


#BlackFrame{
	width: 704px;
	height: 408px;
	background-image: url('images/BlackFrame.gif');
	margin: 0 auto;


}


#ImagePositioner{
	width: 685px;
	height: 388px;
	margin-left: 10px;
	padding-top: 9px;
}

#boxgallery{
	position:absolute;
	width: 685px;
}
#boxgallery span{
	display:block;
}
#infogallery{
	bottom:0;
}

.mask{
	position:relative;
	width: 685px;
	height: 388px;
	overflow:hidden;
}


#ImagePositioner .info{
	width: 685px;
	height:0;
	background:#000;
	position:absolute;
}
#ImagePositioner .info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
	margin: 0;
	font-size: .8em;
}
#ImagePositioner .info h4{
	font-size:14px;
}
#ImagePositioner .info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0px;
	text-decoration:none
}

#ImagePositioner .links {padding:10px;margin-top:20px}
#ImagePositioner .links a{font-size:14px;color:#0080FF;text-decoration:none}
#ImagePositioner .links a:hover{font-weight:bold}

.buttons{margin: 0;margin-top: 3px;}
.buttons span{color:#C78000;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#C78000;color:#fff}


span img{
	display:block;
	border:none;
}



#MainContentContainer{
	width: 704px;
	margin: 0 auto;
	margin-top:20px;
}

#MainHeaderBackground{
	width: 704px;
	height: 66px;
	background-image: url('images/MainHeaderBackground.gif');

}

#MainContent{
	background: #333234;
	width:691px;
	height: 250px;
	margin-left:4px;
	color: #ffffff;
	font-size: .8em;

	overflow: auto;
}



#MainContent h2,#SingleMainContent h2{
	font-size: 1.4em;
}

#SingleMainContent{
	background: #333234;
	width:691px;
	margin-left:4px;
	color: #ffffff;
	font-size: .8em;

	overflow: auto;
}

#MainContent a{
	color: #3773F6;
	text-decoration: none;
}

#MainContent a:hover{
	text-decoration: underline;
}
.entry{
	margin-left: 22px;
	padding: 5px;
	width: 580px;
	border-bottom: 1px dotted #ffffff;
	margin-bottom: 10px;
}

#Footer{
	width: 1010px;
	margin: 0 auto;
	color: #ffffff;
	font-size: .7em;
	text-align: center;
}

#Footer a{
	color: #8F9194;
	text-decoration: none;
}

#Footer a:hover{
	color: #8F9194;
	text-decoration: underline;
}