/*Front Page */
a:link {
	color: #94977B; /*#628768;*/
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #94977B; /*#628768;*/
}
a:hover {
	text-decoration: none;
	color: #F7EC1F;
}
a:active {
	text-decoration: none;
	color: #B4B6A3;
}

body {
	background-color: #453D3D;
	margin: 0px;
	color:#535353;
	font-family: Century Gothic, Arial;
	font-size: 14px;
	text-align:center;
}	

/*website template*/

.BackLayer {
	/*width:848px;*/
	width:1000px;
	height:1000px;
	z-index:0;
	background-color:#000000;
	margin:0px auto;
	text-align:left;
	min-width:1000px;
}
.BackLayerABlank {
	width:1000px;
	height:2200px;
	z-index:0;
	background-color:#000000;
	margin:0px auto;
	text-align:left;
	min-width:848px;
}
.TopBanner{
	position:absolute;
	width:1000px;
	height:140px;
	margin-top:0px;
	margin-left:0px;
	z-index:1;
	
}	
.SOFLogo{
	position:absolute;
	width:352px;
	height:270px;
	margin-top:0px;
	margin-left:0px;
	z-index:2;
}	
.Links{
	position:absolute;
	margin-top:143px;
	margin-left:352px;
	width:600px;
	height:20px;
	font-size: 14px;
	font-weight: 200;
}	
.SponsorsLogos{
	position:absolute;
	margin-top:660px;
	margin-left:0px;
	width:1000px;
	height:156px;
	z-index: 2;
}
.WorksPics{
	position:absolute;
	margin-top:350px;
	margin-left:0px;
	width:1000px;
	height:150px;
	z-index: 2;
}
.MainText	{
	position:absolute;
	width: 420px;
	height:600px;
	z-index: 2;
	margin-top: 330px;
	color: #535353;
	font-size: 13px;
	margin-left:20px;
	font-weight: 300;
}
.MainTextCompany	{
	position:absolute;
	width: 550px;
	height:650px;
	z-index: 2;
	margin-top: 330px;
	color: #535353;
	font-size: 13px;
	margin-left:20px;
	font-weight: 300;	
}
.MainTextBlank	{
	position:absolute;
	width: 960px;
	height:600px;
	z-index: 2;
	margin-top: 330px;
	color: #535353;
	font-size: 13px;
	margin-left:20px;
	font-weight: 300;
	
	
}
.ExtraText{
	position:absolute;
	width: 435px;
	height:300px;
	z-index: 2;
	margin-top: 650px;
	color: #535353;
	font-size: 13px;
	margin-left:375px;
	font-weight: 300;
}
.Pics{
	position:absolute;
	width:450px;
	height:450px;
	margin-left:527px;
	margin-top:200px;
	
}
.PicsCompany{
	position:absolute;
	width:300px;
	height:450px;
	margin-left:650px;
	margin-top:230px;
	
}	
.PicsCompanyMain{
	position:absolute;
	width:1000px;
	height:445px;
	margin-left:0px;
	margin-top:280px;
}	
.Video{
	text-align:center;
	display:inline;
	float:left;
	width:450px;
	height:445px;
	margin-left:20px;
	margin-top:0px;
}	

.PicsCompanyMain{
	position:absolute;
	width:1000px;
	height:445px;
	margin-left:0px;
	margin-top:280px;
}	

	
.CopyrightText {
	position:absolute;
	margin-top: 640px;
	width: 300px;
	height: 1px;
	/*color: #D2DC26;*/
	font-size: 12px;
	margin-left: 541px;
	

	}
/*Curious Flyer and Pics*/
.BackLayerCurious {
	width:780px;
	height: 1786px;
	z-index:0;
	margin:0px auto;
	background-color: #FFFFFF;
	text-align:left;
	font-size:10px;
}
.CuriousDelph {
	position:absolute;
	margin-left: 0px;
	margin-top:0px;
	width: 1px;
	height: 1px;
}
.CuriousTextTL {
	position:absolute;
	width: 350px;
	margin-left: 10px;
	margin-top: 560px;
	height: 208px;
	vertical-align:top;
}
.CuriousCat {
	position:absolute;
	margin-left:400px;
	margin-top:634px;
}
.SOFH {
	font-size: 18px;
	font-weight: bold;
}
.Small {
	font-size:9px;
}
.CuriousTextBR {
	position:absolute;
	width:350px;
	margin-left: 398px;
	margin-top:950px;
	vertical-align:text-top;
}	
.CuriousHand {
	position:absolute;
	margin-left: 0px;
	margin-top: 1244px;
}
.Logos {
	position:absolute;
	margin-left:0px;
	margin-top:1513px;
}
.CuriousCopyrightText {
	position:absolute;
	width: 170px;
	margin-top: 1718px;
	height: 20px;
	color: #666666;
	font-size: 14px;
	margin-left:325px;
}
.BackTop {
	position:absolute;
	margin-top: 20px;
	font-size: 14px;
	margin-left:10px;
}	
.Back {
	position:absolute;
	margin-top: 1730px;
	font-size: 14px;
	margin-left:10px;
}
.BackLayerCuriousPics {
	width:780px;
	height: 700px;
	z-index:0;
	margin:0px auto;
	background-color: #FFFFFF;
	text-align:left;
}
.CuriousPic1 {
	position:absolute;
	margin-left: 10px;
	width: 400px;
	height: 285px;
	margin-top:10px;
	z-index:0;
}	
.CuriousPicsTL {
	position:absolute;
	width: 350px;
	margin-left: 420px;
	margin-top: 10px;
	height: 208px;
	vertical-align: top;
}
.CuriousPic2 {
	position:absolute;
	margin-left: 370px;
	width: 400px;
	height: 285px;
	margin-top:300px;
}
.CuriousPicQuotes {
	position:absolute;
	margin-left: 10px;
	margin-top: 300px;
}
.CuriousPicCopyrightText {
	position:absolute;
	width: 170px;
	margin-top: 670px;
	height: 20px;
	color: #666666;
	font-size: 14px;
	margin-left: 325px;
}
.CuriousPicBackTop {
	position:absolute;
	margin-top: 0px;
	font-size: 14px;
	margin-left:10px;
	z-index:2;
}	
.CuriousPicBack {
	position:absolute;
	margin-top: 670px;
	font-size: 14px;
	margin-left:10px;
}		
/*Metronome Flyer*/
.BackLayerMet {
	width:780px;
	height: 1400px;
	z-index:0;
	margin: 0px auto;
	background-color: #000004;
	text-align:left;
}	
.MetMain {
	position:absolute;
	margin-left: 0px;
}
.MetTextTL {
	position:absolute;
	width: 350px;
	margin-left: 10px;
	margin-top: 560px;
	height: 427px;
	color: #D2DE26;
}
.MetLia {
	position:absolute;
	margin-left:450px;
	margin-top:549px;
	width: 248px;
}
.SOFH {
	font-size: 18px;
	font-weight: bold;
}
.MetBase {
	position:absolute;
	width:780px;
	margin-left:0px;
	margin-top:1004px;
	height: 110px;
	background-color: #CF3941;
}
.MetLogos {
	position:absolute;
	margin-left:0px;
	margin-top:1114px;
	width: 718px;
	height: 186px;
}
.MetCopyrightText {
	position:absolute;
	width: 170px;
	margin-top: 1331px;
	height: 20px;
	color: #666666;
	font-size: 14px;
	margin-left:325px;
}
.MetBackTop {
	position:absolute;
	margin-top: 20px;
	font-size: 14px;
	margin-left:10px;
}

.MetBack {
	position:absolute;
	margin-top: 1380px;
	font-size: 14px;
	margin-left:10px;
}
/*Past Works*/
.BackLayerPW {
	width:780px;
	height: 1800px;
	z-index:0;
	margin:0px auto;
	top: 0px;
	background-color: #FFFFFF;
	text-align:left;
}	
.MainBox{
width:740px;
height:300px;
float:left;
Margin-top:20px;
margin-left:20px;
background-color:#94977B;
display: inline;
}
.TopBox{
width: 710px;
height:20px;
float:left;
Margin-top:20px;
margin-left:15px;
background-color:#94977B;
display: inline;
}
.NameBox{
width:20px;
height:208px;
background-color:#FFFFFF;
float:left;
margin-left:15px;
margin-top:37px;
text-align:center;
display: inline;
}
.LeftBox{
width:260px;
height:208px;
background-color:#94977B;
float:left;
margin-left:0px;
margin-top:37px;
display: inline;
}
.MiddleBox{
width:85px;
height:208px;
background-color:#94977B;
float:left;
margin-left:15px;
margin-top:37px;
display: inline;
}
.MiddleBoxTop{
margin-Top:0px;
width:85px;
height:85px;

}
.MiddleBoxBot{
margin-Top:55px;
width:85px;
height:68px;

}
.RightBox{
width:305px;
height:198px;
background-color:#FFFFFF;
float:left;
margin-left:15px;
margin-top:37px;
font-size:12px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
display: inline;
}
.PWCopyrightText {
	width: 780px;
	height: 20px;
	font-size: 14px;
	float:left;
	margin-top:20px;
	text-align:center;
	display: inline;
}
.PWBack {
	width: 780px;
	height: 20px;
	font-size: 14px;
	float:left;
	margin-top:15px;
	margin-left:15px;
	text-align:left;
	display: inline;
}
.PWBackTop {
	height: 20px;
	font-size: 14px;
	margin-top:0px;
	margin-left:30px;
	text-align:left;
}