/* CSS Document */



/* Typography
-------------------------------------------------------------- */

body { 
	color: #333; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.9em;
	}

a { color: #D04949; text-decoration: underline; }
a:hover { color: #D04949; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: #D04949; font-weight: bold; }
h3 { font-size: 1.17em; }



/* Layout
-------------------------------------------------------------- */

body { 
	margin: 0;
	/*background: #FFF url(../img/bg_pink_bar.gif) repeat-x top left;*/
	background: url(../../images/bg_tan.gif) repeat;
	}
	
#container {
	width: 1000px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	background: url(../../images/paper_tan.gif) repeat-y;
	}
	
#header {
	position: relative;
	width: 1000px;
	height: 418px;
	margin: 0 auto;
	background: url(../img/bg_header.jpg) no-repeat top center;
	}
	
#content {
	width: 585px;
	margin: 0 auto;
	padding: 50px 0;
	}
	
#header h1 {
	position: relative;
	top: 356px;
	width: 900px;
	height: 62px;
	margin: 0 auto;
	background: url(../img/logo.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
	
h2.title {
	height: 17px;
	margin: 40px 0 10px;
	text-indent: -999em;
	}

h2.the-problem { background: url(../img/title_the_problem.gif) no-repeat top left; }
h2.the-solution { background: url(../img/title_the_solution.gif) no-repeat top left; }

li span, em {
	color: #D04949;
	font-weight: bold;
	font-style: normal;
	}
	
#footer {
	width: 900px;
	height: 40px;
	margin: 0 auto;
	background-color: #E77878;
	}



/* Misc.
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.last { margin-right: 0; }
img.left { margin-right: 5px; }