@font-face {
  font-family: "Eurostile";
  src: url("/css/Eurostile.ttf");
  src: local("Eurostile"),
    url("/css/Eurostile.ttf") format("truetype");
  }

body{
	/*background-image: url('/img/background.png');*/
	/*background-image: url('/img/bgs/pagebg-1.jpg');*/
	background-position: bottom left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
	vertical-align: middle;
	margin-top: 115px;
	margin-bottom: 70px;
	font-family: Eurostile,Arial, sans-serif;  
	margin-left:0px;
	margin-right:0px; 
	padding:0px;
} 



.bodyStyle{
	background-color: #8FC8B5;
	background-image: url('/img/headphonewire-left.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
/************* *************/
.rightText{
	text-align: right;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}       

.fivePadding{
	padding:5px;
}

.tenPadding{
	padding:10px;
}
/************* *************/

.contentBackgroundContainer{
	margin: auto;
	width: 1040px;
	height: 690px;
	background-image: url('/img/contentbackground.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.contentContainer{
	overflow: hidden;
	width: 990px;
	height: 640px;
	padding: 25px;
}

.headerContainer{
	height: 120px;
	width: 990px;
}

.headerImageContainer{
	height:100px;
	width:200px;
	background-image: url('/img/header-off.png');
	cursor: pointer;
	margin-top: 10px;
}

.headerImageContainer:hover{
	background-image: url('/img/header-on.png');
}

.headerButtonsContainer{
	width: 500px;
	height: 30px;
	margin-top:45px;
}



.mainBodyContainer{
	height: 480px;
	width: 990px;
	background-color: #F0F0F0;
	overflow: hidden;
}

.loadingIconButton{
	margin-top: 224px;
}

.ajaxContainer{
	height: 536px;
	width: 670px;
/*	background-color: #F0F0F0;
	background-image: url('/img/background-image-content-lightblue.png');
*/	
	background-color: #fff;
	background-position: bottom;       
	background-repeat: repeat-x;
 /*   background-image: url('/img/ajaxgradient.png');      */
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}                    
.ajaxContainer a{
	color:#5B94BF;
	text-decoration:none;
}                      
.ajaxContainer a:hover{
	text-decoration:underline;
}


/************* header *************/   
.pageHeaderContainer{
	height:120px;
	width:100%;
	text-align:center;   
	position:absolute;
	top: 0px;
	z-index:10;
	background-image: url('/img/newstyle/cloudbg-light.png');
	background-position: top center;
	background-repeat: repeat-x;
}     

.pageHeader{   
	height:80px;
	width:990px;
	margin:auto;
	/*background:#000; */    
	color:#fff;         
	z-index:10;
}
    
.pageLogo{
	height:120px;
	width:200px;
	z-index:50;
	background-image: url('/img/pageheaderlogo.png');
	cursor:pointer;
}   

.pageHeaderButtons{
	line-height:80px;
	font-size:24px;
}                    

.headerButtonStyle{
	margin-left:20px;
	margin-right:20px;
}

.headerButtonStyle, .headerButtonStyle a{
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	color: #442425;
}

.headerButtonStyle:hover, .headerButtonStyle a:hover{
	color: #8FC8B5;
}
             
/************* page *************/   

.pageContentContainer{
	width:990px;   
	height:600px;
	overflow:hidden;
	margin:auto;
}                  

.pageAjaxContainer{
	height:536px;
	width:670px;
}


/************* social *************/   


.pageSocialContainer{
	height:600px;
	width: 300px;
}                         

.facebookContainer{
	height: 260px;
	width: 300px;
}


.twitterContainer{
	height: 250px;
	width: 300px;
}


/************* Vokoder FM *************/  
.vokoderPlayerContainer{
	position:fixed;
	bottom: 0px;
	height:100px;
	width:100%;
	text-align:center;   
	z-index:10;
	background-image: url('/img/newstyle/cityscapebg.png');
	background-position: bottom center;
	background-repeat: repeat-x;

}
   
.vokoderPlayer{  
	height:50px;
	width:990px;
	margin:auto;
	background:none;
	margin-top: 45px;      
	color:#fff;         
	z-index:10;
} 

.vkfmPlayer{   
	z-index:20;
	height:40px;
	line-height:40px;
}

.creditFooter{ 
	z-index:20;
	height:15px;
	line-height:15px;
	font-size:11px;
}         

.creditFooter a{
	text-decoration:none;    
	color:#5b94bf;
}                
.creditFooter a:hover{
	text-decoration:underline;
}
/************* *************/  
.aboutBio{
	font-size: 14px;
	width:400px;
	margin-bottom:25px;
	line-height:24px;
}

.marginRight10{
	margin-right: 10px;
}

/************* old elements *************/  
.footerContainer{
	height: 40px;
	width: 990px;
}

.footerImage{
	width: 122px;
	height: 30px;
	border: none;
	margin-top: 5px;
}

/************* *************/    
.portfolioBox{
	margin: 12px;
	width:601px;
	height:400px;
	background:#fff;
	margin-left: 35px;
	margin-right: 35px;
	text-align: left;
	/*opacity:.8;*/
}

.projectButton{
	color:#fff;
	line-height:40px;
	margin-left:10px;
	margin-right:10px;
	font-size: 16px;
	font-weight: bold;
}

.projectButton, .projectButton a{
	color: #fff;
	text-decoration: none;
}

.projectButton a:hover{
	text-decoration: underline;
}

.portfolioNameLabel, .portfolioNameLabel a{
	color:#1a3347;
	font-size: 2px;
}

.projectImage{
	height:390px;
	width:390px;
	margin:5px;
}

.projectDescripton{
	height: 390px;
	width:190px;
	padding:5px;
	font-size:12px;
}

.projectDescripton h2{
	font-size:16px;
}

.projectDescripton a{
	color:#0099ff;
	font-weight: bold;
	text-decoration: none;
}
.projectDescripton a:hover{
	text-decoration: underline;
}

.projectDescripton ul,.projectDescripton li{
	padding-left:5px;
	margin-left:5px;
	margin-bottom:5px;
}
/************* *************/