body {
	width: 140px;
	height: 140px;
	margin: 0px;
	top: 0px;
	left: 0px;
	background-image:url(../images/bkg_tile.jpg);
	background-repeat:repeat;
}

/*body {
	margin: 0px;
	top: 0px;
	left: 0px;
	background-image:url(../images/bkg.jpg);
	background-repeat:repeat;
	background-position: center top;
	background-color:#9E855D;
}
*/

#container {
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -350px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: auto;
}


/* Header */

#header {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 145px;
	background-image: url(../images/header_suds.jpg);
	background-repeat:no-repeat;
}

#header #headline{
	position: absolute;
	width: 270px;
	height: 43px;
	padding: 0px 0px 0px 0px;
	margin: 100px 0px 0px 370px;
}

#header #littleBubbles{
	position: absolute;
	width: 46px;
	height: 51px;
	margin: 55px 0px 0px 630px;
}

#header .topNav {
	width:421px;
	height: 47px;
	position: absolute;
	top: 0px;
	margin-left: 250px;
	padding: 0px 0px 0px 0px;
}

/* Content */
#content {
	width:700px;
	height: auto;
	position: relative;
    margin-bottom: 0px;
	top: 0px;
	left: 0px;
}

/* Column Container */
#columnContainer {
	width: 700px;
	height: auto;
	position:relative;
	top: 145px;
	left: 0px;
	background-image:url(../images/content_bkg.jpg);
	background-repeat:repeat-y;
}

/* Left Column */

#leftColumn {
	width: 350px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftColumn #img{
	background-image:url(../images/soap_index.jpg);
	background-repeat:no-repeat;
	width: 342px;
	height: 332px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
}

#leftColumn #bubbles {
	position:absolute;
	width: 180px;
	height: 80px;
	top: 44px;
	left: 230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftColumn #bubbles ul{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	list-style-position: inside;
	list-style-image: url(../images/bullet.jpg);
}

#leftColumn #bubbles a:link,#leftColumn #bubbles a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #7F4098;
	text-decoration:none;
	line-height: 22px;
}

#leftColumn #bubbles a:hover,#leftColumn #bubbles a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #261C01;
	text-decoration:none;
	line-height: 22px;
}

/* Middle Column */

#middleColumn {
	width: 300px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

#middleColumn p{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #261C01;
	line-height: 20px;
}

#middleColumn #relax p{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #7F4098;
	line-height: 20px;
}

#middleColumn ul{
	font-family: "Arial", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.jpg);
	line-height: 20px;
}

#middleColumn ol{
	font-family: "Arial", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.jpg);
	line-height: 20px;
}

#middleColumn a:link,#middleColumn a:visited{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #7F4098;
	text-decoration: underline;
	line-height: 20px;
}

#middleColumn a:hover,#middleColumn a:active{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #261C02;
	text-decoration:none;
	line-height: 20px;
}

#middleColumn #relax a:link,#middleColumn #relax a:visited{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #261C02;
	text-decoration: underline;
	line-height: 20px;
}

#middleColumn #relax a:hover,#middleColumn #relax a:active{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #261C02;
	text-decoration:none;
	line-height: 20px;
}

/* Footer */

#footer {
	width: 700px;
	height: 66px;
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 145px 0px 0px 0px;
	background-image:url(../images/footer_bkg.png);
	background-repeat:no-repeat;
}

#footer p{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9CADAF;
}

#footer a:link,#footer a:visited{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #9CADAF;
	text-decoration: none;
}

#footer a:hover,#footer a:active{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7F4098;
	text-decoration: none;
}

#footer #rights p{
	padding: 10px 0px 0px 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#261C01;
}

#footer #rights a:link,#footer #rights a:visited{
	padding: 10px 0px 0px 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#261C01;
	text-decoration: underline;
}

#footer #rights a:hover,#footer #rights a:active{
	padding: 10px 0px 0px 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

/* Clearfix from positioniseverything.net; http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* Use a break with this class to clear float containers */

.brclear {
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

/* sIFR al rescante! http://www.mikeindustries.com/sifr/
now with tasty 2.0.2 flava */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;