/*		///////////////////////////////////////		*/
/*		// Project:      Pimp my hair        //		*/
/*		// Info:         rudymassar@mac.com  //		*/
/*		///////////////////////////////////////		*/

html	{
		padding: 0; 
		margin: 0;
		height: 100%; 
		border: 0;  
		}



/****** BODY AND MAIN CONTAINER ******/

body	{
		margin: 0 auto;
		padding: 0;
		height: 100%;
		font: normal 60% 'Verdana', 'Arial', Helvetica, sans-serif;
		background: #e87fde url(img/arcerbg.jpg) top center repeat;
		}

#container	{
		margin: 0 auto;
		padding: 0;
		min-height: 100%;
		position: relative;
		width: 720px;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		color: #333333;
		background: #ffffff url(img/bg.gif) top center repeat-y;

		}
		
* html #container {
		margin: 0;
		padding: 0;
		height: 100%;
		}



/****** HEADER ******/

#header {
		margin: 0;
		padding: 0;
		height: 115px;
		background: #ffffff url(img/header.jpg) bottom left no-repeat;
		}



/****** NAVIGATION SIDEBAR LEFT ******/

#navigation {
		margin: 10px 0;
		padding: 0;
		clear: left;
		float: left;
		width: 150px;
		background: #ffffff url(img/navbg.jpg) top left no-repeat;
		}

#navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font: normal 100% 'Verdana', 'Arial', Helvetica, sans-serif;
		}

#navigation li a {
		margin: 0;
		padding: 4px 0 4px 9px;
		display: block;
/*		width: 141px;*/
		text-decoration: none;
		color: white;
		}

* html #navigation li a { 			/* Hack for crappy Windows IE */
		width: 150px; 				/* IE */
/*		w\idth: 134px; 				/* 185px minus all left/right paddings and margins */
		}

#navigation li a:hover {
		background-color: #ce99c5;
		opacity: 0.7;				/* CSS 3 */
		filter: alpha(opacity=70);	/* IE */
		}

#navigation div.menutitle {
		margin: 0;
		padding: 3px 0 3px 5px;
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		font: bold 80% 'Verdana', 'Arial', Helvetica, sans-serif;
		color: white;
		text-transform: uppercase;
		background-color: #ce99c5;
		opacity: 0.7;				/* CSS 3 */
		filter: alpha(opacity=70);	/* IE */
		}



/****** SIDEBAR RIGHT ******/

#extras {
		margin 0;
		float: right;
		width: 139px;
		height: 499px;
		background: #ffffff;
		
		}




/****** MAIN CONTENT ******/

#content {
		margin: 0 140px 0 150px;	/* Total content block */
		padding: 0 10px 40px 10px;	/* 40px from bottom */
		line-height: 1.4em;
		text-align: left;
		}

#content h2 {
		margin: 10px 0;
		padding: 0;
		font: bold 110% 'Verdana', 'Arial', Helvetica, sans-serif;
		color: #333333;
		text-transform: uppercase;
		border-bottom: 1px solid #333333; /* Separator line */
		}

#content h3 {
		margin: 0;
		margin-top: 6px;
		padding: 0;
		font: bold 100% 'Verdana', 'Arial', Helvetica, sans-serif;
		color: #333333;
		}

#content img {
		display: inline;
		background-color: #ffffff;
		color: #303030;
/*		border: 1px solid #000000; */
		}

#content a {
		font-weight: normal;
		color: #286ea0;				/* Link color */

		}

#content ul, #content ol {
		margin: 0 0 16px 20px;
		padding: 0;
		}

#content ul ul, #content ol ol {
		margin: 2px 0 2px 20px;
		padding: 0;
		}

#content li {
		margin: 0 0 2px 10px;
		padding: 0 0 0 4px;
		}



/****** FOOTER ******/

#footer {
		margin: 0 auto;
		padding: 0;
		position: absolute;
		bottom: 0 !important;
		bottom: -1px;
		clear: both;
		width: 720px;
		text-align: center;
		color: #d9d9d9;
		background: #7f7f7f url(img/bghairextensions.jpg) bottom left no-repeat;
		font-size: 0.9em;
		}

#footer p {
		margin: 25px 0 2px 0;
		padding: 0;
		}
		
* html #footer						/* Hack for crappy Windows IE */
		{
		margin-top: -30em;
		padding: 0;
		}
		
		
		
/****** MISC TAGS ******/

a 		{
		text-decoration: none;
		color: #606060;
		background-color: inherit;
		}

a:hover {
		text-decoration: none;
		color: #286ea0;
		background-color: inherit;
		}

a img	{
		margin: 0;
		padding: 0;
		border: 0;
		background-color: #ce99c5;
		}

p		{
		margin: 0;
		padding: 0;
		}

h6		{							/* Hack for img when it's not correctly rendered after paragraph in Opera */
		margin: 0;
		padding: 0;
		font-size: 100%;
		}



/****** TABLE STYLES ******/

table	{
		margin: 10px 0 5px 0;
		padding: 0;
		width: 100%;
		line-height: 1.4em;
		border: 1px solid #333333;
		border-collapse: collapse;
		}

caption {
		margin: 0;
		padding: 6px 0 8px 0;
		text-align: left;
		font-size: 1.5em;
		font-weight: normal;
		}

th		{
		margin: 0;
		padding: 3px 16px 3px 0;
		text-align: right;
		font: bold 90% 'Verdana', 'Tahoma', Arial, sans-serif;
		color: #333333;
		text-transform: uppercase;
		border: 1px solid #333333;
		background-color: #ce99c5;
		}

td		{
		margin: 0;
		padding: 1px 16px 1px 0;
		font: normal 90% 'Verdana', 'Tahoma', Arial, sans-serif;
		color: #333333;
		text-align: right;
		border: 1px solid #333333;
		background-color: #f4e7f0;
		}



/****** CLASSES ******/

.left 	{
		margin: 5px 10px 5px 0;
		padding: 0;
		float: left;
		text-align: left;
		}

.right 	{
		margin: 5px 0 10px 5px;
		padding: 0;
		float: right;
		}


.textright {
		margin: -10px 0 4px 0;
		padding: 0;
		text-align: right;
		}

.center {
		margin: 10px 0;
		padding: 0;
		text-align: center;
		}

.small 	{
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		}

.large 	{
		margin: 0;
		padding: 0;
		font-size: 1.3em;
		}

.bold 	{
		margin: 0;
		padding: 0;
		font-weight: bold;
		}

.highlighted {
		margin: 0;
		padding: 1px;
		background-color: #ce99c5;
		}

.hide 	{
		margin: 0;
		padding: 0;
		display: none;
		}
		
.block150 {
		margin: 0;
		padding: 0;
		height: 150px;
		}