@charset "UTF-8";



/*//////////////////////////////////////////////////



Title : top.css

For   : Setting base styles of the site



Created    : 2009-04-21

Last Modified : 2009-04-27





----------------------------------------



Content

        0. Main frame
		
		1. Contents


//////////////////////////////////////////////////*/


/* ---------------------------------------

        0. Main frame

   ---------------------------------------- */

#mainContentsContainer h1 {
	margin: 8px 0 11px;
}
#mainContentsContainer #contentsWrapperSts {
	position: relative;
	width: 748px !important;
	width: 750px;
	border: 1px solid #c8c8c8;
}
#mainContentsContainer #contentsWrapperSts img#whyNo1 {
	position: absolute;
	right: -2px;
	top: -66px;
	z-index: 1;
}
#mainContentsContainer #contentsWrapperSts #contentsSts {
	width: 741px;
	margin: 3px 4px 3px 3px;
	background: url(/shared/images/bg_ruled_w741.gif) repeat-y left top;
}
#mainContentsContainer #contentsWrapperSts #contentsInner {
	padding: 25px;
} 
#mainContentsContainer #contentsWrapperSts #contentsInner img.tapeLt {
	position: absolute;
	left: -16px;
	top: -14px;
}
#mainContentsContainer #contentsWrapperSts #contentsInner img.tapeRb {
	position: absolute;
	right: -10px;
	bottom: -17px;
}

/* ---------------------------------------

        1. Contents

   ---------------------------------------- */

/* Lead Text */
#mainContentsContainer #contentsWrapperSts #contentsSts #leadTextSts {
	position: relative;
	float: left;
	width: 389px;
	height: 305px;
	margin-right: 60px;
	background: url(/satisfaction/images/bg_satisfaction_01.gif) no-repeat left top;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #leadTextSts img {
	position: absolute;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #leadTextSts img#textLead01 {
	left: 41px;
	top: 42px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #leadTextSts img#textLead02 {
	left: 23px;
	top: 160px;
}

#mainContentsContainer #contentsWrapperSts #contentsSts #leadGraphSts {
	float: right;
	text-align: center;
	font-size: 80%;
	margin-top: 46px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #leadGraphSts img#graph01 {
	margin: 8px 0 10px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #leadGraphSts p {
	width: 205px;
	margin-left: 1em;
	text-indent: -1em;	
	text-align: left;
}

/* Experience Container */
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer {
	margin-top: 25px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersColumn {
	float: left;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersColumn .personalArea {
	position: relative;
	width: 194px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 15px 0 15px 148px;
	border-bottom: 1px solid #c8c8c8;
	
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersColumn .personalArea h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersColumn .personalArea a.readmore {
	display: block;
	position: absolute;
	right: 0;
	bottom: 15px;
} 
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersColumn .personalArea img.userPhoto {
	position: absolute;
	left: 5px;
	top: 15px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersColumn .personalArea img.userIcon {
	margin-top: 3px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersGraph {
	float: right;
	width: 297px;
	padding-top: 21px;
	font-size: 80%;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #experienceContainer #usersGraph img#graph02 {
	margin: 8px 0 11px;
}

/* Deploy Container */
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer {
	position: relative;
	width: 691px;
	margin-top: 35px;
	background: url(/satisfaction/images/bg_satisfaction_02.gif) repeat-y left top;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer img {
	line-height: 100%;
	vertical-align: bottom;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner {
	width: 648px;
	margin: 0 21px 0 22px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle {
	float: left;
	width: 315px;
	margin-right: 9px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle .causeStyleInner {
	position: relative;
	width: 315px;
	min-height: 145px;
	height: auto !important;
	height: 145px;
	padding-bottom: 15px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle .causeStyleInner h3 {
	padding: 20px 0 13px 10px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle .causeStyleInner p {
	padding-left: 141px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle .causeStyleInner p img {
	margin-top: 7px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle .causeStyleInner img.deployPhoto {
	position: absolute;
	left: 11px;
	top: 51px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #causeLifestyle .causeStyleInner a {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #lifeHeim {
	position: relative;
	float: right;
	width: 324px;
	min-height: 315px;
	height: auto !important;
	height: 315px;
	padding-bottom: 15px;
	background: url(/satisfaction/images/bg_satisfaction_02_i.gif) no-repeat right bottom;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #lifeHeim h3 {
	padding: 22px 0 10px 19px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #lifeHeim p {
	margin-left: 19px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #lifeHeim a {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 15px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #lifeHeim img.deployPhoto {
	margin: 15px 0 0 19px;
}
#mainContentsContainer #contentsWrapperSts #contentsSts #deployContainer #deployInner #lifeHeim img#deployPop {
	position: absolute;
	right: 34px;
	bottom: 240px;
}