/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:Arial;
	font-size:12px; 
	color:#3f4a4e;
	background:url(images/bg.gif);
	
}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	width:800px; 
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-height:600px; 
 
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto; 
 
	border:solid 1px black; 
}
/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:800px; 
	height:54px; 
	background-repeat:repeat;
}

.header-title
{
	float:left; 
}
/* This sets the position of the menu */
.header-menu
{
	float:right; 
	width:800px; 
	height:25px;
	background:url(images/content.gif);
}
 
/*  The Menu  */

.header-menu ul
{
	padding:0; 
 
	/* the removes the left margin */
	margin:0;
 
	/* this removes the bullet */
	list-style:none; 
}
.header-menu li
{
	float:left; 
}
/*==============================
		BODY WRAPPER
===============================*/
.body-wrapper
{
	padding:20px; 
/*	padding-top:150px; */ 
	background:url(photos_menu/menu_vide.gif); 
	min-height:530px; 

	/*
       background:url(images/body.gif); 
        floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)
	float:left; 
	width:800px; 
	*/
       }
/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear:left; 
	height:22px;
	width:800px; 
	background:url(images/footer.gif); 
}

a:link {
	color: #FFFF00;
	text-decoration: none;
	border:none;
	border:hidden;
	border-top:none;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
	border:none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
	border:none;
}
a:active {
	color: #FFFF00;
	text-decoration: none;
	border:none;
}
a img { border:0; }
