@charset "UTF-8";
/* CSS Document */

body {
	margin:5px 0 0;
	padding:0;
	font:normal 12px Arial, sans-serif;
	color:#666666;
	background:url(../images/background_shadow_alpha.png) repeat-y center #cccccc;
}
* html body {
	background-image:url(../images/background_shadow.png);
}
a:link,
a:visited,
a:hover {
	color:#666666;
	text-decoration:none;
}
.contentHolder {
	width:927px;
	margin:0 auto;
	position: relative;
}
.header {
	z-index:1;
	position:relative;
	width:100%;
	height:90px;
}
.logo {
	display:block;
	position:absolute;
	top:15px;
	left:0px;
	width:223px;
	height:69px;
	background:url(../images/logo_shift_hound_med.png) no-repeat;
	z-index:2;
}
.tagline {
	position:absolute;
	top:55px;
	left:178px;
	width:235px;
	height:15px;
	background:url(../images/graphic_tagline.png) no-repeat;
	z-index:3;
}
.loginLinks {
	position:absolute;
	top:0px;
	right:0px;
}
.loginLinks a {
	margin-right:10px;
	padding-left:10px;
	border-left:solid 1px #666666;
}
.loginLinks a:first-child {
	padding-left:0;
	border-left:none;
}
.loginLinks a:hover {
	text-decoration:underline;
}
a#loginLink {
	border:none;
	margin:0;
}

em {
	font-style:normal;
	color:#FF6600;
}

#forgotPasswordLink { display:none; } /* temporarily hidden since this feature not currently available */

.contactButtons {
	position:absolute;
	top:5px;
	right:-2px;
	width:326px;
	background:none;
	z-index: 2;
}
a.contactEmailUs {
	display:block;
	float:left;
	background:url(../images/button_emailus.png) no-repeat;
	width:91px;
	height:41px;
}
a.contactEmailUs:hover {
	background:url(../images/button_emailus_hover.png) no-repeat;
}
a.contactTry {
	display:block;
	float:left;
	background:url(../images/button_tryshifthound.png) no-repeat;
	width:207px;
	height:41px;
}
a.contactTry:hover {
	background:url(../images/button_tryshifthound_hover.png) no-repeat;
}
a.contactPhone {
	float:left;
	background:url(../images/button_call.png) no-repeat;
	width:161px;
	height:41px;
	margin-left:1px;
}
a.contactPhone:hover {
	background:url(../images/button_call_hover.png) no-repeat;
}
a.memberLogin {
	display:block;
	float:left;
	background:url(../images/button_member_login_black.png) no-repeat;
	width:118px;
	height:41px;
	margin-left:1px;
}
a.memberLogin:hover {
	background:url(../images/button_member_login_hover.png) no-repeat;
}

/* ---- TOP NAV ---- */

.topNav {
	position:absolute;
	top:70px;
	right:-2px;
	width:514px;
}
.topNav a:link,
.topNav a:visited {
	display:block; 
	float:left;
	background:url(../images/button_top_nav.png) no-repeat;
	width:128px;
	height:54px;
	padding:12px 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0px;
	color:#444444;
}
.topNav a:hover {
	background:url(../images/button_top_nav_hover.png) no-repeat;
	filter:alpha(opcacity=65);
	opacity:.65;
	color:#999999;
}
.topNav a.selected:link,
.topNav a.selected:visited,
.topNav a.selected:hover {
	color:white;
	background:url(../images/button_top_nav_select.png) no-repeat;
	filter:alpha(opcacity=100);
	opacity:1;
}

.topNav a.left:link,
.topNav a.left:visited {
	background:url(../images/button_top_nav_left.png) no-repeat;
}
.topNav a.leftSelected:link,
.topNav a.leftSelected:visited,
.topNav a.leftSelected:hover {
	color:white;
	background:url(../images/button_top_nav_left_select.png) no-repeat;
	filter:alpha(opcacity=100);
	opacity:1;
}
.topNav a.left:hover {
	background:url(../images/button_top_nav_left_hover.png) no-repeat;
	filter:alpha(opcacity=65);
	opacity:.65;
	color:#999999;
}


.topNav a:link.right,
.topNav a:visited.right {
	background:url(../images/button_top_nav_right.png) no-repeat;
}
.topNav a.rightSelected:link,
.topNav a.rightSelected:visited,
.topNav a.rightSelected:hover {
	color:white;
	background:url(../images/button_top_nav_right_select.png) no-repeat;
	filter:alpha(opcacity=100);
	opacity:1;
}
.topNav a.right:hover {
	background:url(../images/button_top_nav_right_hover.png) no-repeat;
	filter:alpha(opcacity=65);
	opacity:.65;
	color:#999999;
}

/* ---- TOP MAIN GRAPHIC ---- */

.topMainGraphic {
	position:absolute;
	z-index:10;
	background:url(../images/graphic_orangebg.png) no-repeat;
	width:927px;
	height:332px;
	top: 105px;
}
* html .topMainGraphic {
	background:url(../images/graphic_orangebg_ie.png) no-repeat -1px 0px;
}
.topMainGraphic div.topContents {
	position:absolute;
	top:25px;
	left:50px;
	background:url(../images/graphic_top_content.png) no-repeat;
	width: 825px;
	height: 307px;
}
* html .topMainGraphic div.topContents {
	background:url(../images/graphic_top_content_ie6.png) no-repeat;
}

/* ---- TOP MAIN GRAPHIC WHITE ---- */


.topMainGraphic.plain {
	border-left:solid 2px #cccccc;
	border-right:solid 2px #cccccc;
	width:923px;
	background:none white;
	margin:30px 0;
	padding:0px;
	height: 610px;
}
* html .topMainGraphic.plain,
* html .topMainGraphic.plain div {
	background:none white;
}
.topMainGraphic.plain .top {
	position:absolute;
	top:-30px;
	left:-2px;
	background:url(../images/graphic_grey_border_top.png) no-repeat;
	height:30px;
	width:927px;
}
* html .topMainGraphic.plain .top {
	background:url(../images/graphic_grey_border_top_ie6.png) no-repeat;
}
.topMainGraphic.plain .bottom {
	position:absolute;
	bottom:-30px;
	left:-2px;
	background:url(../images/graphic_grey_border_bottom.png) no-repeat center bottom;
	height:30px;
	width:927px;
}
* html .topMainGraphic.plain .bottom {
	background:url(../images/graphic_grey_border_bot_ie6.png) no-repeat center bottom;
}


.topContentsAnim {
	background:url(../images/graphic_top_circ_anim.gif) no-repeat;
	width:935px;
	height:289px;
	position:absolute;
	top:25px;
	left:1px;
	z-index:1;
}
.topContentsSilh {
	background:url(../images/graphic_top_person_silh.png) no-repeat;
	width:134px;
	height:115px;
	position:absolute;
	top:217px;
	left:737px;
	z-index:2;
}
* html .topContentsSilh {
	background:url(../images/graphic_top_pers_silh_ie.png) no-repeat;
}



/* ---- TOP MAIN GRAPHIC ORANGE LONG ---- */


.topMainGraphic.orange {
	width:927px;
	background: url(../images/graphic_bg_org_long.png) no-repeat transparent;
	padding:0px;
	height: 670px;
}
* html .topMainGraphic.orange {
	background: url(../images/graphic_bg_org_long_ie6.png) no-repeat transparent;
}


/* ---- CONTENT TEXT TOP SECTION ---- */

.topContentsText {
	position:absolute;
	top:20px;
	left:45px;
	width:847px;
	min-height:275px;
}
.topContentsText .left {
	float:left;
}
.topContentsText .right {
	float:right;
}
.topContentsText div {
	width:400px;
	color:black;
	line-height: 17px;
}
.topContentsText h1 {
	color:white;
	margin:0 0 7px;
	padding:0;
	font-size:16px;
	font-weight:normal;
}
* html .topContentsText h1 {
	font-weight:bold;
}
.topContentsText p {
	color:black;
	margin:0 0 10px;
	padding:0;
	font-weight:normal;
}


/* ---- CONTENT TEXT MAIN SECTION (WHITE BG) ---- */

.plain .contents {
	padding:0 30px;
	height: 600px;
	overflow: auto;
	width: 850px;
}
.plain .contents h1 {
	margin:0 0 14px;
	font:bold 14px Arial, sans-serif;
	color:#FF6600;
}
.plain .contents h2 {
	margin:0 0 12px;
	font:bold 12px Arial, sans-serif;
	color:#333333;
}
.plain .contents h3 {
	margin:0 0 3px 20px;
	font:bold 12px Arial, sans-serif;
	color:#666;
}
.plain .contents strong { 
	color:#333333;
}
.plain .contents p {
	margin:0 0 10px 20px;
}
.plain .contents a:link,
.plain .contents a:visited {
	text-decoration:underline;
}
.plain .contents a:hover {
	text-decoration:none;
}


/* ---- CONTENT TEXT MAIN SECTION (ORANGE BG) ---- */

.orange .contents {
	padding:30px;
	height: 600px;
	overflow: auto;
}
.orange .contents h1 {
	margin:0 0 14px;
	font:bold 14px Arial, sans-serif;
	color:#ffffff;
}
.orange .contents h2 {
	margin:0 0 12px;
	font:bold 12px Arial, sans-serif;
	color:#cccccc;
}
.orange .contents strong { 
	color:#cccccc;
}
.orange .contents p {
	margin:0 0 10px 20px;
}
.orange .contents a:link,
.orange .contents a:visited {
	text-decoration:underline;
}
.orange .contents a:hover {
	text-decoration:none;
}



/* ---- CONTENT WHITE OVAL BG COLUMN ----- */

.topContentsWhiteBg {
	position:absolute;
	top: 30px;
	left:480px;
	width:420px;
	height:611px;
	background:transparent;
}
.topContentsWhiteBg .top  {
	position:absolute;
	top:0px;
	left:20px;
	width:90%;
	height:20px;
	background-color:white;
}
.topContentsWhiteBg .top div {
	position:absolute;
	top:0px;
	right:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_wht_in_20px.png) no-repeat top right white;
}
.topContentsWhiteBg .top span {
	display:block;
	position:absolute;
	top:0px;
	left:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_wht_in_20px.png) no-repeat top left white;
}
.topContentsWhiteBg .mid  {
	position:absolute;
	top:20px;
	left:0px;
	width:90%;
	height:571px;
	background-color:white;
	padding: 0 20px;
}
.topContentsWhiteBg .mid h1 {
	padding:0 0 12px 0;
	margin:0;
	color:#CC6600;
	font:bold 18px Arial, Helvetica, sans-serif;
}
.topContentsWhiteBg .mid h2 {
	padding:0 0 5px 0;
	margin:0;
	color:#000000;
	font:bold 14px Arial, Helvetica, sans-serif;
}
.topContentsWhiteBg .mid p {
	padding:0;
	margin:0;
	color:#666666;
	font:normal 14px Arial, Helvetica, sans-serif;
}
.topContentsWhiteBg .mid a {
	display:block;
	text-align:right;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#cc6600;
	text-decoration:underline;
	cursor:pointer;
}
.topContentsWhiteBg .mid a:link,
.topContentsWhiteBg .mid a:visited {
	text-decoration:underline;
}
.topContentsWhiteBg .mid a:hover {
	text-decoration:none;
}

.topContentsWhiteBg .bot  {
	position:absolute;
	bottom:0px;
	left:20px;
	width:90%;
	height:20px;
	background-color:white;
}
.topContentsWhiteBg .bot div {
	position:absolute;
	bottom:0px;
	right:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_wht_in_20px.png) no-repeat right bottom white;
}
.topContentsWhiteBg .bot span {
	display:block;
	position:absolute;
	bottom:0px;
	left:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_wht_in_20px.png) left bottom no-repeat white;
}
* html .topContentsWhiteBg .bot div,
* html .topContentsWhiteBg .bot span,
* html .topContentsWhiteBg .top div,
* html .topContentsWhiteBg .top span {
	background-image:url(../images/graphic_corner_wht_in_20px_ie6.png);
}
.topContentsWhiteBg .mid .greyBox {
	position:absolute;
	bottom:0px;
	left:20px;
	width:90%;
	background:none #BBDD99;
	height:240px;
	overflow: hidden;
}
* html .topContentsWhiteBg .mid .greyBox {
	width:380px;
}
.topContentsWhiteBg .mid .greyBox .bot,
.topContentsWhiteBg .mid .greyBox .top {
	background:none transparent;
}
.topContentsWhiteBg .mid .greyBox .top span,
.topContentsWhiteBg .mid .greyBox .top div,
.topContentsWhiteBg .mid .greyBox .bot span,
.topContentsWhiteBg .mid .greyBox .bot div {
	background-image:url(../images/graphic_corner_wht_out_15px.png);
	background-color:transparent;
	width:15px;
	height:15px;
}
* html .topContentsWhiteBg .mid .greyBox .top span,
* html .topContentsWhiteBg .mid .greyBox .top div,
* html .topContentsWhiteBg .mid .greyBox .bot span,
* html .topContentsWhiteBg .mid .greyBox .bot div {
	background-image:url(../images/graphic_corner_wht_out_15px_ie6.png);
	background-color:transparent;
}
.topContentsWhiteBg .mid .greyBox .top div,
.topContentsWhiteBg .mid .greyBox .bot div {
	right:-18px;
}
.topContentsWhiteBg .mid .greyBox .mid {
	background:none transparent;
	height:auto;
	width: 298px;
}
.topContentsWhiteBg .mid .greyBox .mid p {
	color:#000000;
	font: normal 16px Arial, bold;
}

.greyBox .mid #quotes {
	position:relative;
}
.greyBox .mid #quotes div {
	position:absolute;
	top:0px;
	left:0px;
	width: 338px;
	height: 64px;
}

/* ---- CONTENT GREY OVAL BG COLUMN ----- */

.topContentsGreyBg {
	position:absolute;
	top: 30px;
	left:480px;
	width:420px;
	height:611px;
	background:transparent;
}
.topContentsGreyBg .top  {
	position:absolute;
	top:0px;
	left:20px;
	width:90%;
	height:20px;
	background-color:#999999;
}
.topContentsGreyBg .top div {
	position:absolute;
	top:0px;
	right:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_gry_in_20px.png) no-repeat top right;
}
.topContentsGreyBg .top span {
	display:block;
	position:absolute;
	top:0px;
	left:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_gry_in_20px.png) no-repeat top left;
}
.topContentsGreyBg .mid  {
	position:absolute;
	top:20px;
	left:0px;
	width:90%;
	height:571px;
	background-color:#999999;
	padding: 0 20px;
}
.topContentsGreyBg .mid h1 {
	padding:0 0 12px 0;
	margin:0;
	color:#ffffff;
	font:bold 18px Arial, Helvetica, sans-serif;
}
.topContentsGreyBg .mid h2 {
	padding:0 0 5px 0;
	margin:0;
	color:#000000;
	font:bold 14px Arial, Helvetica, sans-serif;
}
.topContentsGreyBg .mid p {
	padding:0 0 12px 0;
	margin:0;
	color:#ffffff;
	font:normal 14px Arial, Helvetica, sans-serif;
}
.topContentsGreyBg .mid a {
	display:block;
	text-align:right;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ffcccc;
	text-decoration:underline;
	cursor:pointer;
}
.topContentsGreyBg .mid a:link,
.topContentsGreyBg .mid a:visited {
	text-decoration:underline;
}
.topContentsGreyBg .mid a:hover {
	text-decoration:none;
}

.topContentsGreyBg .bot  {
	position:absolute;
	bottom:0px;
	left:20px;
	width:90%;
	height:20px;
	background-color:#999999;
}
.topContentsGreyBg .bot div {
	position:absolute;
	bottom:0px;
	right:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_gry_in_20px.png) no-repeat right bottom;
}
.topContentsGreyBg .bot span {
	display:block;
	position:absolute;
	bottom:0px;
	left:-20px;
	width:20px;
	height:20px;
	background:url(../images/graphic_corner_gry_in_20px.png) left bottom no-repeat;
}
* html .topContentsGreyBg .bot div,
* html .topContentsGreyBg .bot span,
* html .topContentsGreyBg .top div,
* html .topContentsGreyBg .top span {
	background:white;
}
/* grey box */
.topContentsGreyBg .mid .greyBox {
	position:relative;
	width:375px;
	background:url(../images/graphic_gradient_ltgrey.png) repeat-x #ffffff;
	height:175px;
	margin-bottom: 20px;
}
.topContentsGreyBg .mid .greyBox .bot,
.topContentsGreyBg .mid .greyBox .top {
	background:none transparent;
}
.topContentsGreyBg .mid .greyBox .top span,
.topContentsGreyBg .mid .greyBox .top div,
.topContentsGreyBg .mid .greyBox .bot span,
.topContentsGreyBg .mid .greyBox .bot div {
	background-image:url(../images/graphic_corner_gry_out_15px.png);
	width:15px;
	height:15px;
}
.topContentsGreyBg .mid .greyBox .top div,
.topContentsGreyBg .mid .greyBox .bot div {
	right:-18px;
}
.topContentsGreyBg .mid .greyBox .mid {
	background:none transparent;
	height:auto;
}

/* ---- CONTACT US ---- */

.contentsContactUs {
	color:black;
	margin:50px;
	padding:25px;
	border:solid 2px #cccccc;
	background:none white !important;
	float:left;
}
* html .contentsContactUs {
	float:none;
}
.contentsContactUs h1,
.contentsContactUs h2 {
	color:black;
	margin:0 0 15px 0;
	text-align:center;
	font:bold 16px Tohama, Arial, sans-serif;
	padding:0px;
	clear:both;
}
.contentsContactUs h2 {
	padding-top:25px;
}
.contentsContactUs div {
	text-align:left;
}
.contactInfo {
	float:none;
	margin:0 auto;
	width:65%;
	text-align:center;
	background:none white !important;
}

.contentsContactUs .left {
	float:left;
	background:none white !important;
	text-align:center;
}
.contentsContactUs .right {
	float:right; !important
}
.rightNumber {
	margin-left:30px; 
	padding-left:30px; 
	border-left:solid 2px #66cc00;
}
.contentsContactUs h3 {
	font:bold 20px Tohama, Arial, sans-serif;
	margin:0;
	color:#66cc00;
}
.contentsContactUs table {
	margin:0 auto;
	background-color: white;
	clear: both;
	padding:25px 0 0; 
	border-bottom:solid 1px #999999;
}
.contentsContactUs table thead tr td {
	background-color:#999999;
	color:black;
	font-weight:bold;
	padding:4px 10px;
}
.contentsContactUs table tbody tr td {
	color:black;
	padding:1px;
}
.contentsContactUs table tbody {
	border-bottom:10px solid white;
}


.contactInfo a:link,
.contactInfo a:visited {
	color:black;
	text-decoration:underline;
}
.contactInfo a:hover {
	color:black;
	text-decoration:none;
}
#contactForm form {
	margin:0;
	padding:0;
}
#contactForm input,
#contactForm select,
#contactForm textarea { 
	width:200px; 
}
#contactForm input[name="00N40000001rxrR"]{
	width:40px;
}
#contactForm select { 
	width:206px; 
}
#contactForm .button {
	background:none #ff9900;
	border:outset 1px #ff9900;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:3px 11px;
	cursor:pointer;
}

.lower .rightNumber {
	border-color:#999999;
}

/* ---- CENTER CONTENTS ---- */

.centerContents {
	position:absolute;
	top:465px;
	width:927px;
	height:328px;
	background:url(../images/graphic_lowerbg.png) no-repeat;
}
.centerContents .title {
	position:absolute;
	top:12px;
	left:32px;
	color:white;
	font:normal 16px Arial, sans-serif;
	letter-spacing:2px;
}
.centerContents h3 {
	font:bold 14px Arial, sans-serif;
	margin:0 0 7px;
}
.centerContents ul {
	margin:0 0 0 18px;
	padding:0;
}
.centerContents ul li {
	margin:0 0 4px 0;
}
.centerContents .leftCopy {
	position:absolute;
	top:48px;
	left:18px;
	height: 263px;
	width: 341px;
	overflow:auto;
}
.centerContents .rightCopy {
	position:absolute;
	top:48px;
	left:388px;
	height: 263px;
	width: 252px;
	overflow:auto;
}
.freeTrial {
	position:absolute;
	top:245px;
	right:36px;
	width: 189px;
	height: 62px;
	cursor:pointer;
	background:url(../images/graphic_free_trial.png) no-repeat;	/*background:url(../images/graphic_money_back.png) no-repeat;
	background:url(../images/graphic_riskfree.png) no-repeat;*/
}
* html .freeTrial {
	background:url(../images/graphic_free_trial_ie6.png) no-repeat;
	/* background:url(../images/graphic_riskfreek_ie6.png) no-repeat; */
}
.startScheduling {
	position:absolute;
	top:27px;
	right:15px;
	width: 223px;
	height: 148px;
	cursor:pointer;
	background:url(../images/graphic_start_today.png) no-repeat;
}
* html .startScheduling {
	background:url(../images/graphic_start_today_ie6.png) no-repeat;
}

/* ---- FOOTER ---- */

.footer {
	position:absolute;
	top:805px;
	font-size:11px;
}
* html .footerLinks {
	margin-left:-10px;
}

.footer a {
	margin-right:10px;
	padding-left:10px;
	border-left:solid 1px #666666;
}
.footer a:first-child {
	padding-left:0;
	border-left:none;
}
.footer a:hover {
	text-decoration:underline;
}
.footer .copyRight {
	margin-top:10px;
	font-size:10px; 
}

.lpCopyRight a {
	margin-right:10px;
	padding-left:10px;
	border-left:solid 1px #666666;
}
.lpCopyRight a:first-child {
	padding-left:0;
	border-left:none;
}
.lpCopyRight a:hover {
	text-decoration:underline;
}