/*		
	Title:	  default.css
	Author:	  Jeannine Caracciolo
	For:	  Changes Hair Salon
	Version:  January 12, 2008

/*  MAIN LAYOUT 
-----------------------------------------------------------------------------
- */

body { 
	margin-top: .5em; 
	background-color: #EF5029; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: relative;
	vertical-align: baseline; 
}
a:link { color: #005a8f; text-decoration: none;}
a:visited { color: #cc7c44; }
a:hover { color: #006699; text-decoration: underline; }
a:active { color: #f5ac1b; }

h1 {
        color: #62A0D8;
	font-weight: bolder;
        font-size: 16px;
        text-align: left;

}
h2 {
	color: #4E9AE3;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}	
	
h3 {
	color: #EF5029; 
	font-weight: bold;
	font-size: 14px;
	text-align: left
}

h4 {
	color: #F67E2A;
	font-weight: bold;
	font-size: 14px;
	text-align: left
}

#wrapper { 
	margin: 0px auto; 
	padding: 0px;OME;
	width: 800px;
	background: #ffffff;
}


/* BANNER 
----------------------------------------------------------------------------
-*/

#banner { 
	background-image: url(images/changes_header2.jpg); 
	width: 800px; 
	height: 283px; 
	overflow: hidden; 
	margin: 0; 
	padding: 0; 
	clear: both; 
}

/* TOP-MENU
----------------------------------------------------------------------------
-*/
#top-menu { width: 800px; background-image: none; background-position: 0 top; position: fixed; top: -2em; visibility: visible; }
#top-navlinks { background-image: url(images/menu-button1.gif); background-repeat: repeat-x; width: 760px; float: left; margin-left: 0em; margin-top: -0.08em; }
#top-navlinks li { display: inline; background-image: url(images/menu-button1.gif); font-weight: normal; background-repeat: repeat-x; color: #333333; font-size: 0.9em; text-decoration: none; text-align: center; vertical-align: top; width: 100px; float: left; padding: 0.5em; border-right-style: solid; border-right-width: 0px; border-left-style: solid; border-left-width: 0px; }
#top-navlinks a { color: #000000; font-size: 0.9em; text-decoration: none; }
#top-navlinks li.last { border-right-width: 0em; }
#top-navlinks hover { background-image: url (images/menu-hover1.gif); background-repeat: repeat-x; width: 100px; }
#top-navlinks a:hover { color: #FEF99D; text-decoration: none;  }


/* CONTENT
-----------------------------------------------------------------------------
-*/	

#container {
	background: #fff;
}

#content { margin-right: 1.5em; margin-left: 1.5em; padding-bottom: 1em; }

#container #content { 
	background-color: white; 

}

#content h1 {
        color: #62A0D8;
	font-weight: bolder;
        font-size: 16px;
        text-align: left;

}
#content h2 {
	color: #4E9AE3;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}	
	
#content h3 {
	color: #EF5029;
	font-weight: bold;
	font-size: 14px;
	text-align: left
}

content h4 {
	color: #F67E2A;
	font-weight: bold;
	font-size: 12px;
	text-align: left
}

#content #info {
	background: #eee;
	margin: 0px;
	background: #fff;
}

#content #info p {
}

#content #info blockquote {
	color: #4c7ca1;
}

#content p { 
	color: #000000; 
	font-size: 12px; 
	text-align: left; 
}
	
/*	FOOTER
---------------------------------------------------------------------------
-*/

#footer { 
	text-align: center; 
	font-size: 80%; 
	color: #333333; 
	}