* 
{
	margin : 0;
	padding : 0;}
	
	
/* BODY */

body 
{
	background : #FFFFFF;}

#container 
{
	margin-bottom : 0;
	margin-right : auto;
	margin-left : auto;
	position : relative;
	text-align : left;
	width : 800px;
	height : 100%;}	
	
.clear
{
	clear : both;}
	
	
/* HEADER */

#header
{
	background : url(http://www.webmallexperience.com/images/fom/mheader.jpg);
	width : 800px;
	height : 170px;
	text-align : left;}
	
	
/* NAVIGATION MENU */

#menu 
{
	position : absolute;
	top : 20px;
	left : 220px;
	width : 660px;
	height : 40px;
	float : left;
	display : inline;
	z-index : 1000;}

#menu ul li
{
	float : left;
	display : inline;}
	
	
#menu ul li#home 
{
	background : url(http://www.webmallexperience.com/images/fom/mhome.jpg);
	height : 40px;}
	
#menu ul li#home:hover
{
	background : url(http://www.webmallexperience.com/images/fom/mhome2.jpg);
	height : 40px;}
	
#menu ul li#resources
{
	background : url(http://www.webmallexperience.com/images/fom/mresources.jpg);
	height : 40px;}
	
#menu ul li#resources:hover
{
	background : url(http://www.webmallexperience.com/images/fom/mresources2.jpg);
	height : 40px;}
	
#menu ul li#links
{
	background : url(http://www.webmallexperience.com/images/fom/mlinks.jpg);
	height : 40px;}
	
#menu ul li#links:hover
{
	background : url(http://www.webmallexperience.com/images/fom/mlinks2.jpg);
	height : 40px;}
	
#menu ul li#contact
{
	background : url(http://www.webmallexperience.com/images/fom/mcontact.jpg);
	height : 40px;}
	
#menu ul li#contact:hover
{
	background : url(http://www.webmallexperience.com/images/fom/mcontact2.jpg);
	height : 40px;}
	
	
/* HEADINGS */

h1
{
	color : #777777;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	text-align : center;}
	
h2
{
	color : #479DE2;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	text-align : left;}


/* IMAGES */

img 
{  
	border-style : none;}

img.right 
{
	float : right;
	padding : 3px;}
	
img.left 
{
	float : left;
	padding : 3px;}
	
img.affiliate
{
	border-bottom-color : #777777;
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	padding : 0 25px 0 0;
	float : left;}	
	
img.arrow
{
	padding : 0 5px 0 0;}
	
#bottom img.arrow
{
	padding : 0 5px 0 0;}
	
#bottom img
{
	padding : 0px 15px 0px 0px;}
	

/* LINKS */

a
{
	color : #479DE2;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;}
	
a:hover
{
	text-decoration : none;
	background : #69EDEF;
	color : #FFFFFF;
	text-decoration : none;}
	

/* CONTENT */

#content
{
	background : #E4F4FF;
	padding : 10px;
	float : right;
	width : 780px;
	height : 100%;}
	
#contentleft
{
	background : #E4F4FF;
	border-right-color : #777777;
	border-right-style : solid;
	border-right-width : 1px;
	padding : 3px 5px 3px 5px;
	position : absolute;
	width : 379px;
	height : 538px;}
	
#contentright
{
	background : #E4F4FF;
	padding : 3px 5px 3px 5px;
	position : absolute;
	left : 390px;
	width : 400px;
	height : 538px;}
	
#minileft
{
	border-left-color : #777777;
	border-left-style : dashed;
	border-left-width : 1px;
	padding : 5px;
	position : absolute;
	top : 240px;
	height : 50px;
	width : 177px;
	color : #000000;
	font-family : Helvetica, sans-serif;
	font-size : 11px;
	text-align : left;}
	
#miniright
{
	border-left-color : #777777;
	border-left-style : dashed;
	border-left-width : 1px;
	padding : 5px;
	position : absolute;
	top : 240px;
	left : 194px;
	height : 50px;
	width : 176px;
	text-align : left;}
	
#minileft2
{
	border-left-color : #777777;
	border-left-style : dashed;
	border-left-width : 1px;
	padding : 5px;
	position : absolute;
	top : 155px;
	height : 120px;
	width : 177px;
	color : #000000;
	font-family : Helvetica, sans-serif;
	font-size : 11px;
	text-align : left;}
	
#miniright2
{
	border-left-color : #777777;
	border-left-style : dashed;
	border-left-width : 1px;
	padding : 5px;
	position : absolute;
	top : 155px;
	left : 194px;
	height : 120px;
	width : 176px;
	text-align : left;}
	
#bottom
{	
	padding : 5px;
	position : absolute;
	top : 310px;
	height : 220px;
	width : 370px;
	text-align : left;}
	
#copy
{
	color : #000000;
	font-family : Helvetica, sans-serif;
	font-size : 11px;
	text-align : right;}
	
#affiliate
{
	padding : 10px;
	position : absolute;
	top : 225px;
	height : 75px;
	width : 375px;
	text-align : center;}
	
#affiliate2
{
	padding : 10px;
	position : absolute;
	top : 375px;
	height : 75px;
	width : 375px;
	text-align : center;}
	
#mlinks
{
	padding : 5px;
	position : absolute;
	top : 260px;
	left : 50px;
	height : 200px;
	width : 250px;
	text-align : left;}
	
#mbottom
{	
	padding : 5px;
	position : absolute;
	top : 425px;
	height : 220px;
	width : 367px;
	text-align : left;}
	

/* PARAGRAPHS */
	
p.content 
{
	margin : 5px 5px 5px 5px;
	color : #000000;
	font-family : "Trebuchet MS", Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;
	z-index : 0;}
	
p.content a
{
	color : #479DE2;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;}
	
p.content a:hover
{
	text-decoration : none;
	background : #69EDEF;
	color : #FFFFFF;}
	
	
/* CONTACT FORM */

label
{
	float: left;
	width: 120px;
	font-weight: bold;}

input, textarea
{
	width: 180px;
	margin-bottom: 5px;}

textarea
{
	width: 250px;
	height: 150px;}

.boxes
{
	width: 1px;}

#submit
{
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;}
	
	
/* FOOTER */

#footer
{
	background : #E5F3F3;
	padding : 10px;
	position : absolute;
	top : 714px;
	width : 780px;
	height : 61px;
	color : #777777;
	font-family : Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : right;
	clear : both;}
	
#footer a
{
	text-decoration : none;
	color : #479DE2;}
	
#footer a:hover
{
	text-decoration : none;
	background : #69EDEF;
	color : #FFFFFF;}
	
#left
{	
	float : left;
	height : 100%;
	width : 300px;
	text-align : left;}
	
#center
{
	float : right;
	height : 100%;
	width : 100px;
	text-align : center;}

#right
{	
	float : right;
	height : 100%;
	width : 350px;
	text-align : right;}