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

/*      undo common browser defaults  */

       hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset
       { margin:0; padding:0; border: none; }

       input
       {margin: 0 0 1px 0;}

       /* whoever thought blue linked image borders were a good idea?               */
       a img,:link img,:visited img { border:none; }

       /* more varnish stripping as necessary...                                    */
       h1 span, h2 span, h3 span, h4 span {display:none; padding: 0px; margin: 0px;}
	   
	   .mir { letter-spacing : -1000em; margin: 0; padding: 0; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em;
overflow : hidden; margin: 0; padding: 0;}
/* End of hack */

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

.clear {
       clear:both;
       height:0px;
       width:0px;
       margin: 0px;
       padding: 0px;
       overflow: hidden;
}

.no-link {text-decoration: none;}

h1, h2, h3, h4, h5 {
       margin: 0;
       padding: 0;
       font-size:12px;
}

div.transON  {opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.6; }
div.transOFF  {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }

.align-right {
	float: right;
	padding: 0 0 10px 10px;
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #F3F4E4 url(../images/sub/sub-bg.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
}
.sidebox-green {
	float: right;
	height: auto;
	width: 150px;
	background: #E7FFE3;
	border: 1px solid #CECECE;
	margin: 0 10px 5px 10px;
	padding: 5px;
}
.sidebox-green p {
	margin: 0;
	font-size: 1.0em;
}

.sidebox-tan {
	float: right;
	height: auto;
	width: 200px;
	background: #EAE9D6;
	border: 1px solid #CECECE;
	margin: 0 10px 5px 10px;
	padding: 5px;
	font-size: 1.5em;
	color: #4F4D03;
}
.user-column-container {
	width: 510px;
	height: auto;
	margin-left: 0px;
}
.user-column {
	float: left;
	height: auto;
	width: 255px;
	font-size: 1.0em;
}
.user-column-container p span {
	font-size: 0.92em;
}

#main-container {
	margin: 0px auto;
	height: auto;
	width: 762px;
	background: url(../images/homepage/tilana_26.jpg) repeat-y;
}

#main-container-index {
	margin: 0px auto;
	height: auto;
	width: 762px;
	background: none;
}

#main-container-index p {
	padding: 0 70px 15px 80px;
	font-size: 1.1em;
	line-height: 20px;
}

#main-container-index A:link {text-decoration: underline; color: #126100;}
#main-container-index A:visited {text-decoration: underline; color: #126100;}
#main-container-index A:hover {text-decoration: none; color: #000000;}
#main-container-index A:active {text-decoration: underline; color: #126100;}

#main-container-index h3, #main-container-index h3, #main-container-index h4 {
	padding: 0 180px 0 80px;
	color: #196314;
	font-size: 1.3em;
}
#main-container-index h4 {
	padding-bottom: 0;
}
.main-container-index-ul {
	padding: 0 20px 10px 65px;
	font-size: 1.1em;
}
.main-container-index-ul li {
	padding: 5px 0 10px 0;
	line-height: 17px;
	list-style-image:url(../images/sub/bullet.gif);
}

#top {
	background: url(../images/sub/top2.jpg);
	height: 126px;
	width: 762px;
}
#top a {
	display: block;
	height: 126px;
	width: 296px;
}

#footer {
	background: #F3F4E4 url(../images/homepage/tilana_27.jpg) no-repeat center top;
	clear: both;
	height: 10px;
	width: 762px;
}

#footer-index {
	background: none;
	clear: both;
	height: 10px;
	width: 762px;
}

#footer-index ul li A:link, #footer-index p A:link, #footer-index ul li A:visited, #footer p A:visited, #footer ul li A:active, #footer p A:active {text-decoration: none; color: #3c3d28;}
#footer-index ul li A:hover, #footer p A:hover {text-decoration: underline; color: #000000;}

#head {
	background: url(../DnS/images/head.jpg);
	height: 319px;
	width: 700px;
	margin: 0 0 -10px 30px;	
}
#head-stressrelief {
	background: url(../stressrelief/images/bg-top.jpg);
	height: 420px;
	width: 724px;
	margin: 0 0 -340px 25px;	
}

#top-blank {
	background: url(../images/homepage/tilana_07-blank.jpg) no-repeat center top; /* change Margin-bottom to -130px when tagline is added */
	height: 177px;
	width: 762px;
	margin-bottom: -175px;
}

#partner_with_us {
	background: url(../images/homepage/Partner_with_Us_background.jpg) no-repeat center top; /* change Margin-bottom to -130px when tagline is added */
	height: 100px;
	width: 762px;
	margin-bottom: -400px;
}

#dont-worry07 {
	background: url(../images/homepage/front_splash_Aug08_02.gif) no-repeat center top; /* change Margin-bottom to -130px when tagline is added */
	height: 316px;
	width: 762px;
	margin-bottom: -316px;
}

#dont-worry06 {
	background: url(../images/homepage/front_splash_Aug08_01.jpg) no-repeat center top; /* change Margin-bottom to -130px when tagline is added */
	height: 316px;
	width: 762px;
	margin-bottom: -316px;
}

#dont-worry05 {
	background: url(../images/homepage/front_splash_ent_05.jpg) no-repeat center top; /* change Margin-bottom to -130px when tagline is added */
	height: 334px;
	width: 762px;
	margin-bottom: -334px;
}

#dont-worry04 {
	background: url(../images/homepage/tilana_Front-Splash.jpg) no-repeat center top; /* change Margin-bottom to -130px when tagline is added */
	height: 424px;
	width: 762px;
	margin-bottom: -400px;
}

#comingsoon-link {
	 /* change Margin-bottom to -130px when tagline is added */
	height: 60px;
	width: 153px;
	margin: 0 0 0 609px;
	display: block;
}
#dont-worry-spacer {
	float: right;
	height: 120px;
	width: 158px;
}
#header-about-overview {
	background: url(../images/sub/header-about-overview.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-about-profiles {
	background: url(../images/sub/header-about-profiles.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-contact {
	background: url(../images/sub/header-contact.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-sitemap {
	background: url(../images/sub/header-sitemap.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-summary {
	background: url(../images/sub/header-reserve-summary.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-features {
	background: url(../images/sub/header-reserve-features.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-howitworks {
	background: url(../images/sub/header-reserve-howitworks.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-reasons {
	background: url(../images/sub/header-reserve-reasons.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-requirements {
	background: url(../images/sub/header-reserve-requirements.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-demo {
	background: url(../images/sub/header-reserve-schedule.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-testimonials {
	background: url(../images/sub/header-reserve-testimonials.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}
#header-reserve-doyouneed {
	background: url(../images/sub/header-reserve-doyouneed.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#header-reserve-wherever {
	background: url(../images/sub/header-reserve-wherever.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}
#header-reserve-profiles {
	background: url(../images/sub/header-reserve-profiles.jpg) no-repeat left top;
	height: 155px;
	width: 542px;
	margin-bottom: -100px;
}

#right-column {
	float: left;
	height: auto;
	width: 220px;
}

#right-column A:link {text-decoration: underline; color: #126100;}
#right-column A:visited {text-decoration: underline; color: #126100;}
#right-column A:hover {text-decoration: none; color: #000000;}
#right-column A:active {text-decoration: underline; color: #126100;}

#right-column p, #right-column dl {
	padding: 0 20px 10px 20px;
}
#right-column dt {
	font-size: 1.1em;
	font-weight:bold;
	color: #286d35;
	padding: 0 28px 0 0;
}
#right-column dd {
	padding: 5px 20px 25px 0;
	margin-left: 0;
	color: #000000;
}
#how-does-tilana-work {
	background: url(../images/homepage/howdoestilanawork.jpg);
	height: 123px;
	width: 200px;
}
#how-does-tilana-work a {
	height: 123px;
	width: 200px;
	display: block;
}
#how-does-tilana-work a:hover {
	background: url(../images/homepage/howdoestilanawork-hover.jpg);
	height: 123px;
	width: 200px;
}
#life-made-simple {
	background: url(../images/homepage/lifemadesimple.jpg);
	height: 124px;
	width: 200px;
}
#life-made-simple a {
	display: block;
	height: 124px;
	width: 200px;
}
#reasons-for-tilana {
	background: url(../images/homepage/reasonsfortilana.jpg);
	height: 124px;
	width: 200px;
}
#reasons-for-tilana a {
	display: block;
	height: 124px;
	width: 200px;
}
#reasons-for-tilana a:hover {
	background: url(../images/homepage/reasonsfortilana-hover.jpg);
	height: 124px;
	width: 200px;
}
#signup {
	background: url(../images/homepage/tilana_06.jpg);
	height: 104px;
	width: 220px;
}
#schedule {
	background: url(../images/sub/scheduleademo.jpg);
	height: 81px;
	width: 200px;
}
#schedule a {
	height: 81px;
	width: 200px;
	display: block;
}
#factsandquotes {
	background: url(../images/sub/factsandquotes.jpg);
	height: 115px;
	width: 200px;
	margin-bottom: -80px;
}
#signup a {
	display: block;
	height: 104px;
	width: 220px;
}
#testimonials {
	background: url(../images/sub/testimonials.jpg);
	height: 115px;
	width: 220px;
}
#user1 {
	background: url(../images/homepage/tilana_11.jpg);
	height: 123px;
	width: 220px;
}
#user2 {
	background: url(../images/homepage/tilana_18.jpg);
	height: 118px;
	width: 220px;
}
#user3 {
	background: url(../images/homepage/tilana_20.jpg);
	height: 118px;
	width: 220px;
}


/* SPRITE NAVIGATION */

/* New Home Nav With Home */

#homenav-sm {
	background: url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) top left no-repeat; 
	width: 762px;		/* Width whole navigation */
	height: 28px;		/* Height of Nav Bar */
	text-align: left;	/* Clear out align center styles */
}

#homenav-sm span { display: none; }
#homenav-sm li { 
	position: relative;
	float: left;
	list-style: none;
}
#homenav-sm li, #homenav-sm a { 
	height: 28px;			/* Height of Nav Bar */
	display: block;
}


/* left - Offset from left edge, for the first button. */
/* WITH SIGNIN BUTTON */
/* width - Width of each button */

#homenav-01-sm {left: 0px; width: 24px;}
#homenav-02-sm {left: 0px; width: 88px;}
#homenav-03-sm {left: 0px; width: 86px;}
#homenav-04-sm {left: 0px; width: 85px;}
#homenav-05-sm {left: 0px; width: 82px;}
#homenav-06-sm {left: 0px; width: 101px;}
#homenav-07-sm {left: 0px; width: 99px;}
#homenav-08-sm {left: 0px; width: 104px;}
#homenav-09-sm {left: 0px; width: 81px;}

/* Position of each button, then negative of height */
#homenav-01-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -0px -28px no-repeat;}
#homenav-02-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -24px -28px no-repeat;}
#homenav-03-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -112px -28px no-repeat;}
#homenav-04-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -198px -28px no-repeat;}
#homenav-05-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -283px -28px no-repeat;}
#homenav-06-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -365px -28px no-repeat;}
#homenav-07-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -466px -28px no-repeat;}
#homenav-08-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -565px -28px no-repeat;}
#homenav-09-sm a:hover {background: transparent url(http://www.tilana.com/images/homepage/nav-full-index-sm_05.jpg) -669px -28px no-repeat;}

#homenav-sm li ul {
	position: absolute;
	left: -9999px;	/* Background color of drop down h-suckersprite1 - add more styles (i.e. background image) if you want */
	border:1px solid #a9a88c;
	background: #F3F4E4 url(../images/homepage/dropdown-bg.jpg) repeat-y right center;
	z-index: 1000;
}

#homenav-sm li ul li {
	height: 20px;				/* Height of each drop down h-suckersprite1 item */
}
#homenav-sm li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down h-suckersprite1 item, should match above */
	line-height: 20px;			/* Height of each drop down h-suckersprite1 item again, should match above */
}
#homenav-sm li ul li a span {
	display: block;
	padding-left: 18px;
}

/* Drop down link styles */
#homenav-sm a:link, #homenav-sm a:visited, #homenav-sm a:hover, #homenav-sm a:active {
	font-size: 1.0em;
	color: #2f2f17;
	text-decoration: none; 
}

#homenav-sm li:hover ul, #homenav-sm li.sfhover ul	{ left: auto; } 

/* Hover styles for drop down items */
#homenav-02-sm ul a:hover, #homenav-03-sm ul a:hover, #homenav-04-sm ul a:hover, #homenav-05-sm ul a:hover, #homenav-06-sm ul a:hover, #homenav-07-sm ul a:hover, #homenav-08-sm ul a:hover, #homenav-09-sm ul a:hover {
        background-image: none;
        background-color: #324d79;
        color: #ffffff;
}

/* width of drop down h-suckersprite1 - choose width that allows items to display on one line */
#homenav-02-sm ul, #homenav-02-sm li { width: 130px; }
#homenav-03-sm ul, #homenav-03-sm li { width: 222px; }
#homenav-04-sm ul, #homenav-04-sm li { width: 210px; }
#homenav-05-sm ul, #homenav-05-sm li { width: 190px; }
#homenav-06-sm ul, #homenav-06-sm li { width: 165px; }
#homenav-07-sm ul, #homenav-07-sm li { width: 145px; }
#homenav-08-sm ul, #homenav-08-sm li { width: 260px; }
#homenav-09-sm ul, #homenav-09-sm li { width: 130px; }


/* Text Nav */
	
		#text-nav{
			margin: 20px auto 15px 42px;
			text-align: left;
		}	

		#text-nav ul{
			margin: 0 0 10px 0;
		}
			
		#text-nav li{
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #000000;
			background: none;
			font-size: 11px;
			line-height: 14px;
		}
		
		#text-nav p {
			padding: 0 0 10px 0;
			font-size: 1.0em;
			line-height: 15px;
		}		
		
		#text-nav li.first{border: none;}
		#text-nav a:link, #text-nav a:visited{color: #3E4231; text-decoration: underline;}
		#text-nav a:hover, #text-nav a:active{color: #3E4231; text-decoration: none;}
		
		
/* Text Nav End */


/* ----- global form elements ----- */ 
fieldset {
	border: none;
}

form {
	width:150px;
	padding:10px 0 15px 0;
	font-size:11px; 
	border: none;
	}

form label	{font-family:Arial, Helvetica, sans-serif;  }

form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

input, textarea, select { 
	background-color:#fff; 
	border:1px solid #c9cac1;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	}
	
select { 
	width:150px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:90px; 
	overflow:auto; 
	}
	
input.submit, input.submit-contact-main { 
	width:55px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background:url(../images/sub/submit.jpg);
	width:55px;
	height:25px;
	border:none;
	cursor:pointer;
	margin:85px 0 0 242px;
	}


/* ----- main contact form ----- */ 
 
#contact-main { 
	padding:20px 0 10px 0; 
	}
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.1em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select {
	width:205px;
	}
	
#contact-main label textarea { height:100px; }

#stepbystep-container {
	width: 480px; height: 359px;
	margin: 0 0 10px 43px;
}

#stepbystep-nav {
	width: 480px;
	height: 28px;
	clear: both;
}
#stepbystep-body {
	width: 480px; height: 320px;
}

/* SPRITE NAVIGATION */
#stepbystepnav {
	background: url(../images/stepbystep/nav-full.jpg) top left no-repeat;					
	width: 480px;		/* Width whole navigation */
	height: 28px;		/* Height of Nav Bar */
	text-align: left;	/* Clear out align center styles */
}
#stepbystepnav span { display: none; }
#stepbystepnav li { 
	position: relative;
	float: left;
	list-style: none;
}
#stepbystepnav li, #stepbystepnav a { 
	height: 28px;			/* Height of Nav Bar */
	display: block;
}

/* left - Offset from left edge, for the first button. */
/* width - Width of each button */
#stepbystepnav-01 {left: 0px; width: 140px;}
#stepbystepnav-02 {left: 0px; width: 216px;}
#stepbystepnav-03 {left: 0px; width: 124px;}

/* Position of each button, then negative of height */
#stepbystepnav-01 a:hover {background: transparent url(../images/stepbystep/nav-full.jpg) -0px -28px no-repeat;}
#stepbystepnav-02 a:hover {background: transparent url(../images/stepbystep/nav-full.jpg) -140px -28px no-repeat;}
#stepbystepnav-03 a:hover {background: transparent url(../images/stepbystep/nav-full.jpg) -356px -28px no-repeat;}


.box-corner {
	width: 221px;
	height: 77px;
	background: url(../images/homepage/box-corner.jpg) no-repeat left top;
	margin-left: 60px;
	margin-bottom: -65px;
}