body 
{
	
	color:White;
	background-color:Black;
	font-weight:bold;
	/**scrollbar-arrow-color : #ffff00;
	scrollbar-3dlight-color : #ff0000;
	scrollbar-highlight-color : #00ffff;
	scrollbar-shadow-color : #00ff00;
	scrollbar-darkshadow-color : #000000;
	scrollbar-face-color : #0000ff;
	scrollbar-track-color : #ff0080;*/
	
}
/**-------------------ID----------------------*/
div#all
{
	width:810px;
	height:854px;
	position:relative;
	margin: 0 auto;
	
}
div#red1
{
	 background-color:#ED1C24;
	 height:15px;
}
div#red2
{
	background-color:#ED1C24;
	height:15px;
}
div#grey
{
	 background-color:#58595B;
	 height:560px;
}
div#uplinks
{
	background-color:Black;
}	
#table1
{
	background-color:White;
	color:Black;
	height:150px;

}
div#copyright
{
	background-color:White; 
	height:40px;
	color:Gray;
	font-family:Arial;
	font-size:11pt;
	font-style:normal;	
	font-weight:normal;
	text-align:center;
	line-height:200%;
	vertical-align:middle;
		
}
div#black
{
	 background-color:Black;
}
.sidemenu
{
	margin:0;
	padding:0;
	border-style:dotted;
	border-color:#ED1C24;
	border-width:1px;
	width:167px;
}
/** ----------------class------------------*/
a
{
	font-weight:bold;
	text-decoration:none;
}
table
{
	margin:0;
	padding:0;
	border:0;
	
}
tr
{
	margin:0;
	padding:0;
	border:0;
	
}
td
{
	margin:0;
	padding:0;
	border:0;
	
}

img.ware
{
	width:144px;
	height:142px;
}	
.main 
{
	width:810px;
	
	
	
}
a.text1
{
	font-weight:bold;
}
a.text1:link
{
	color:White;
	font-family:Arial;
	font-size:11pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:left;
} 
a.text1:visited
{
	color:White;
	font-family:Arial;
	font-size:11pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:left;
}
a.text1:hover
{
	color:#808285;
	font-family:Arial;
	font-size:11pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:left;
		
}
a.text1:active
{
	color:#808285;
	font-family:Arial;
	font-size:11pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:left;
		
}

ul
{
	background-image: url("http://motif-industries.com/pic/MotifAboutUsPage600.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 25% 25%;
	
}

.bullets ul 
{
	list-style:disc;
	color:Black;
	list-style-type:disc;
	font-family:Arial;
	font-size:11pt; 
	font-weight:bold;
	text-align:left;
	line-height:150%;
}
ul.bulletsei
{
	color:#939598;
	list-style-type:disc;
	font-family:Arial;
	font-size:11pt; 
	font-weight:bold;
	text-align:left;
	line-height:130%;
}


.littelTabs
{
	width:2px;
	height:30px;
}
.redText
{
	color:#ED1C24;
	font-family:Arial;
	font-size:13.3pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
}
.blackText
{
	/**color:#939598;*/
	color:Gray;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	
}
.blackText2
{
	/**color:#939598;*/
	color:Gray;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	
}
.blackText2:hover
{
	color:Red;
		
}
.biggerblackText
{
	color:Black;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	
	
	
}
.whiteText
{
	color:Red;
	font-family:Arial;
	font-size:14pt;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	margin: 0;
	padding: 0;
	border: 0;
	
	
	
}
a.menutext:link
{
	color:#BCBDC0;
	font-family:Arial;
	font-size:14pt;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
} 
a.menutext:visited
{
	color:#BCBDC0;
	font-family:Arial;
	font-size:14pt;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
}
a.menutext:hover
{
	color:Red;
	font-family:Arial;
	font-size:15pt;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
		
}
a.menutext:active
{
	color:Red;
	font-family:Arial;
	font-size:14pt;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
		
}

/**
promotional product link
font-size:10pt
color:#BCBDC0;
**/
a.promo:link
{
	color:Red;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
} 
a.promo:visited
{
	color:Red;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
}
a.promo:hover
{
	color:Gray;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
		
}
a.promo:active
{
	color:Red;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	line-height:130%;
	position:absolute;
	left:20px
		
}
/**
the end
**/




.theFill
{
	background-repeat:no-repeat;
	width:541px;
	height:526px;
	position:absolute;
	top:210px;
	left:240px;
	
}

	
/**----------------- menu---------------------------*/


#info {height:400px;}
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */

.menu ul
{
list-style-type:none;
padding:0;
margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
background-color:#A7A9AC;
font-weight:bold;
/**width:120px;*/
height:30px;

}
.menu ul li ul 
{
border-left:3px outset #FFFFFF;
border-right:3px outset #FFFFFF;
border-bottom:3px outset #FFFFFF;

}

.menu li li 
{
	background-color:#BFBFBF;
	color:#808285;
	font-weight:bold;
	width:225px;
	height:40px;
	text-align:center;
		
}
.sublinks
{
	font-size:10pt;
	font-weight:normal;
}
 
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}
 
/* style all the links */
.menu a, .menu :visited {
display:block;
padding:7px 0;
color:#6D6F71;
margin-right:1px;
font-size:12pt;
font-family:Arial;
font-weight:bold;
text-decoration:none;
text-align:left;
vertical-align:middle;


}

/* style the links hover */
.menu :hover{
color:#ED1C24;
background:#BFBFBF;

}
.menu a:active
{
	color:Red;
}
 
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:225px;
font-size:8pt;
font-weight:normal;
top:30px;


}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;

}