/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

/* start logo div with hover */

.replace { 
		position: relative;
		overflow: hidden;
		margin: 0 0 0 0 ;
		padding: 0;
		font-size: 1.2em; 	/* Choose a 
         font-size here that will keep 
         the headline small enough to fit
						   completely under the span. */
		}
		
	.replace em {
		display: block;
		position: absolute;
		top: 0; 
/*
left: 0;
*/
		z-index: 1; 		/* for opera5 (?) and o6/mac */
		}
 
 
/* General IR statements for IE5.x mac only */
 
* html>body	.replace { 
		position: static;
		overflow: visible;
		font-size: 11px;
         /* Since overflow: hidden doesn't
						   work with ie5.x/mac, we choose a
						   font-size here that will keep
						   the headline small enough to fit
						   completely under the span.*/
  }
* html>body	.replace em  { 
		position: static;
  }
* html>body	.replace a {
		text-decoration: none; /* ie5.0-5.1.x/mac 
         must have this value or the underline
						   shows through the image. */
  }
 
 
/* Each pair of statements per instance of IR */
 
	#myh1, #myh1 em {
		width: 170px;
		height: 57px;
		background: url(http://www.thebeautifuldesign.com/img/logo.jpg) top left no-repeat;
		}
		
* html>body #myh1 em {			/* for ie5.x/mac only */
		margin-bottom: -57px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
		}
 
 
#myh1  a:focus, #myh1  a:focus em , #myh1  a:hover, #myh1  a:hover em, #myh1  a:active, #myh1  a:active em {
		width: 170px;
		height: 57px;
		background: url(http://www.thebeautifuldesign.com/img/logo.jpg) bottom right no-repeat;
		}

/* end logo div with hover */		
		
		
		
a:link {
	text-decoration: none;
	color: #000000;
	background-color: #99FFCC;
}

a:active { text-decoration: none; }






a:visited { text-decoration: none; color: #333333; background-color: #99FFCC;}





a:hover {
	text-decoration: line-through;
	color: #FF6600;
}

a img { border: none; }

#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }