@charset "utf-8";
/* CSS Document */

@font-face 
{
    font-family: "bm_hobo";	
	src: url('bm_files/fonts/HoboStd.eot'); /* IE */
	src: local('Hobo'), url('bm_files/fonts/Hobo.otf') format('truetype');
}

.Hobo
{
	font-family: "bm_hobo", Verdana, Tahoma;
	font-size: 14px;
}

.RussTimes
{
	font-family: Times, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
}

@font-face 
{
    font-family: "bm_block";
	src: url('bm_files/fonts/BlockStd.eot'); /* IE */
	src: local('Hobo'), url('bm_files/fonts/Block.TTF') format('truetype');		
}

.BLOCK
{
	font-family: "bm_block", Verdana, Tahoma;
	font-size: 14px;
}

@font-face 
{
    font-family: "bm_script";
	src: url('bm_files/fonts/Script.eot'); /* IE */
	src: local('Script_BM'), url('bm_files/fonts/Script.TTF') format('truetype');	
}

.Script
{
	font-family: "bm_script", Verdana, Tahoma;
	font-size: 14px;
}

@font-face 
{
    font-family: "bm_brushscript";    
	src: url('bm_files/fonts/BrushScriptStd.eot'); /* IE */
	src: local('Allegra'), url('bm_files/fonts/BrushScript.ttf') format('truetype');	
}

.BrushScript
{
	font-family: "bm_brushscript", Verdana, Tahoma;
	font-size: 16px;
}

@font-face 
{
    font-family: "bm_allegra";
	src: url('bm_files/fonts/Allegra.eot'); /* IE */
	src: local('Allegra'), url('bm_files/fonts/Allegra.TTF') format('truetype');	
}

.Allegra
{
	font-family: "bm_allegra", Verdana, Tahoma;
	font-size: 20px;	
}

#designStation
{
	background: url(bm_files/images/bm_bg.jpg) #FFF no-repeat;
	width: 700px;
	height: 690px;
	margin-left: auto;
	margin-right: auto;
}

#top
{	
	width: 700px;
	height: 275px;
}

#top #header
{	
	width: 700px;
	height: 65px;
}

#stage
{
	background: url(bm_files/images/defaultmat.jpg) #ebebeb;
	margin-left: auto;
	margin-right: auto;	
	width: 640px;
	height: 210px;
}

#stage #mat
{
	padding-top: 25px;		
	margin-left: auto;
	margin-right: auto;	
	width: 300px;
	height: 100px;
}

#stage #mat #logospace
{
	height: 25px;
}

#stage #mat #line1
{
	height: 25px;
	color: #FFF;
	text-align: center;		
	font-family: "bm_block", Verdana, Tahoma;
	font-size: 26px;
	font-weight: normal;
	margin-top: -10px;
	padding-bottom: 10px;
}

#stage #mat #line2
{
	height: 25px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-family: "bm_block", Verdana, Tahoma;
	margin-top: 0px;
}

#bottom
{
	background:url(bm_files/images/btm_bg.png);
	margin-left: auto;
	margin-right: auto;
	width: 655px;
	height: 208px;
}

#summary
{
	background: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 655px;
	height: 30px;
}

#comments
{	
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
	width: 655px;
	height: 130px;
}

#bottom #left
{
	float: left;
	width: 384px;
	height: 208px;
}

#bottom #left #topLeft
{	
	width: 384px;
	height: 111px;
}

#bottom #left #topLeft .option
{	
	width: 384px;
	height: 32px;
	margin: 2px;
	margin-left: 8px;
}

#bottom #left #btmLeft
{	
	width: 384px;
	height: 97px;
}

#bottom #left #btmLeft .option
{	
	width: 384px;
	height: 20px;
	margin: 2px;
	margin-left: 8px;
}

#bottom #left #btmLeft #logo
{	
	width: 384px;
	height: 20px;
	padding: 0px;
	margin-left: 10px;	
}

#bottom #left #btmLeft #logo .item
{	
	float: left;
	width: 74px; 
	height: 74px;
	margin-left: 0px;
	margin-right: 0px;
	cursor: pointer;
}

#bottom #right
{
	float: left;
	width: 271px;
	height: 208px;
}

#bottom #right #topRight
{	
	width: 271px;
	height: 94px;
}

#bottom #right .option
{	
	width: 271px;
	height: 32px;
	margin: 2px;
	margin-left: 8px;
}

#bottom #right #btmRight
{	
	width: 271px;
	height: 114px;
}

.colorbar
{		
	float: left;
	height: 25px;
	border-left: medium #000 solid outset;
	border-bottom: medium #000 solid outset;
}

.color
{
	float: left;
	width: 25px;
	height: 25px;
	border-right: medium #000 solid;	
	border-top: medium #000 solid;
	border-bottom: medium #000 solid;
}

label
{	
	float:left; 
	padding-right: 10px; 
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
}