/*
	HOTPRESS WEB FRAMEWORK
	Site:MyQuitPath.com
	By:Steven Waller
	Created:09-10-09
*/

/* Clear
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:#fff;
}

/* Main Container
----------------------------------------------------------------------------------------------------*/
#main-container{
	width:942px;
	margin:0 auto;
	overflow:hidden;
}

/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	width:641px;
	height:111px;
	float:left;
	overflow:hidden;
	background:url(images/logo-underline.gif) no-repeat left bottom;
	margin-left:-2px;
}
	#logo{
		margin:41px 0 0 0;
		float:left;
		display:block;
		width:287px;
		height:55px;
		background:url(images/logo-4.gif) no-repeat 3px top;
		text-indent:-9999px;
	}
	#espanol{
		margin:78px 0 0 0;
		float:right;
	}
		#espanol a:link,
		#espanol a:visited{
			color:#5b5d5c;
			font-size:10px;
			text-decoration:none;
			text-transform:uppercase;
		}
		#espanol a:hover,
		#espanol a:active{
			color:#E77802;
		}

/* Intro
----------------------------------------------------------------------------------------------------*/
#intro {
	float:left;
	padding-bottom:30px;
	padding-top:30px;
	width:636px;
}
	#intro p{
		margin-bottom:0;
		font-size:18px;
		font-weight:bold;
	}
#divider{
	display:block;
	height:40px;
	background: url(images/diagnol-bg.gif) no-repeat left top;
	clear:both;
}
	
/* QuitLine
----------------------------------------------------------------------------------------------------*/
#quit-line{
	overflow:hidden;
	margin-bottom:30px;
}
	#quit-line-video-swf{
		display:block;
		width:320px;
		float:left;
	}
	#quit-line .content{
		float:left;
		width:190px;
		margin-left: 68px;
		padding-top:9px;
		color:#424240;
	}
	#spanish #quit-line .content{
		width:200px;
	}
		#title-quit-line{
			display:block;
			width:184px;
			height:102px;
			background:url(images/quit-line-logo.gif) no-repeat left top;
			text-indent:-9999px;
		}
		#spanish #title-quit-line{
			width:190px;
			height:101px;
			background-image:url(images/quit-line-logo-spanish.gif);
		}
		
/* Quit Paths
----------------------------------------------------------------------------------------------------*/
#title-quit-paths{
	display:block;
	width:102px;
	height:25px;
	background:url(images/title-quit-paths.gif) no-repeat left top;
	text-indent:-9999px;
	margin-left:8px;
	margin-bottom:0;
}
	/* Main Nav
	----------------------------------------------------------------------------------------------------*/
	#main-nav{
		overflow:hidden;
		padding-top:4px;
		margin-bottom:10px;
	}
		#nav-top{
			overflow:hidden;
		}
			#nav-title-1{
				display:block;
				width:501px;
				height:31px;
				background:url(images/nav-title-1.gif) no-repeat left top;
				text-indent:-9999px;
				margin:0;
				float:left;
			}
			#spanish #nav-title-1{
				width:403px;
				background-image:url(images/nav-title-1-spanish.gif);
			}
			#nav-title-2{
				display:block;
				width:441px;
				height:31px;
				background:url(images/nav-title-2.gif) no-repeat left top;
				text-indent:-9999px;
				margin:0;
				float:left;
			}
			#spanish #nav-title-2{
				width:539px;
				background-image:url(images/nav-title-2-spanish.gif);
			}
		#main-nav ul{
			margin:0;
			display:block;
			height:40px;
			background:url(images/nav-bg.gif) no-repeat left top;
			padding-left:6px;
		}
		#spanish #main-nav ul {
			background-image:url(images/nav-bg-spanish.gif);
			padding-left:10px;
		}
			#main-nav li{
				display:inline;
				float:left;
			}
				#main-nav li a:link,
				#main-nav li a:visited{
					display:block;
					height:34px;
					text-indent:-9999px;
					background-position:left top;
					background-repeat:none;
				}
				#main-nav li a:hover,
				#main-nav li a:active{
					background-position:left top;
				}
				#main-nav li.current a:link,
				#main-nav li.current a:visited,
				#main-nav li.current a:hover,
				#main-nav li.current a:active{
					background-position:left bottom;
				}
				#main-nav li#nav-co-quit-line a{
					width:100px;
					background-image:url(images/nav-co-quit-line.gif);
				}
				#main-nav li#nav-fixnixer a{
					width:73px;
					background-image:url(images/nav-fixnixer.gif);
				}
				#main-nav li#nav-become-an-ex a{
					width:99px;
					background-image:url(images/nav-become-an-ex.gif);
				}
				#spanish #main-nav li#nav-become-an-ex a{
					width:393px;
					background-image:url(images/nav-become-an-ex-spanish.gif);
				}
				#main-nav li#nav-my-last-dip a{
					width:88px;
					background-image:url(images/nav-my-last-dip.gif);
				}
				#main-nav li#nav-local-resources a{
					width:135px;
					background-image:url(images/nav-local-resources.gif);
				}
				#main-nav li#nav-cigarette-is-dead a{
					width:143px;
					background-image:url(images/nav-cigarette-is-dead.gif);
				}
				#main-nav li#nav-quit-doing-it a{
					width:130px;
					background-image:url(images/nav-quit-doing-it.gif);
				}
				#main-nav li#nav-smoke-free-kids a{
					width:162px;
					background-image:url(images/nav-smoke-free-kids.gif);
				}
				#spanish #main-nav li#nav-smoke-free-kids a{
					width:537px;
					background-image:url(images/nav-smoke-free-kids-spanish.gif);
				}
	
	/* Cover Flow
	----------------------------------------------------------------------------------------------------*/
	#coverflow-wrapper{
		width:658px;
		float:left;
		overflow:hidden;
	}
	#coverflow-swf{
		float:left;
	}
		a#coverflow-previous:link,
		a#coverflow-previous:visited{
			display:block;
			width:32px;
			height:32px;
			background:url(images/left-arrow-white.gif) no-repeat left top;
			text-indent:-9999px;
			float:left;
			margin:145px 3px 0 3px;
		}
		a#coverflow-previous:hover,
		a#coverflow-previous:active{
			background-position:left bottom;
		}
		a#coverflow-next:link,
		a#coverflow-next:visited{
			display:block;
			width:32px;
			height:32px;
			background:url(images/right-arrow-white.gif) no-repeat left top;
			text-indent:-9999px;
			float:left;
			margin:145px 3px 0 3px;
		}
		a#coverflow-next:hover,
		a#coverflow-next:active{
			background-position:left bottom;
		}
		
	/* Quit Path content
	----------------------------------------------------------------------------------------------------*/
	#current-quit-path{
		width:233px;
		margin-right:6px;
		padding-top:65px;
		float:right;
	}
		.path{
			overflow:hidden;
			position:absolute;
			width:233px;
		}
			#current-quit-path h4{
				margin-bottom:4px;
			}
			#current-quit-path p{
				margin-bottom:10px;
			}
			#title-co-quitline{
				display:block;
				width:191px;
				height:42px;
				background:url(images/title-co-quitline.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#title-fixnixer{
				display:block;
				width:137px;
				height:38px;
				background:url(images/title-fixnixer.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#title-become-an-ex{
				display:block;
				width:217px;
				height:40px;
				background:url(images/title-become-an-ex.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#title-quit-doing-it{
				display:block;
				width:206px;
				height:80px;
				background:url(images/title-quit-doing-it.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#title-cigarette-is-dead{
				display:block;
				width:196px;
				height:79px;
				background:url(images/title-cigarette-is-dead.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#title-smoke-free{
				display:block;
				width:195px;
				height:80px;
				background:url(images/title-smoke-free.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#title-my-last-dip{
				display:block;
				width:181px;
				height:40px;
				background:url(images/title-my-last-dip.gif) no-repeat left top;
				text-indent:-9999px;
			}
			#current-quit-path #title-local-resources{
				display:block;
				width:219px;
				height:33px;
				background:url(images/title-local-resources.gif) no-repeat left top;
				text-indent:-9999px;
				margin-bottom:10px;
			}
			p.description a:link,
			p.description a:visited{
				color:#000;
			}
			p.description a:hover,
			p.description a:active{
				color:#E77802;
			}
		.view-video-btn a:link,
		.view-video-btn a:visited{
			display:block;
			width:102px;
			height:38px;
			background:url(images/btn-view-video.gif) no-repeat left top;
			text-indent:-9999px;
			float:left;
			margin-right:30px;
			margin-top:0px;
		}
		.view-video-btn a:hover,
		.view-video-btn a:active{
			background-position:left bottom;
		}
		
		.quit-now-btn a:link,
		.quit-now-btn a:visited{
			display:block;
			width:58px;
			height:12px;
			background:url(images/btn-quit-now.gif) no-repeat left top;
			text-indent:-9999px;
			float:left;
			margin-top:13px;
		}
		.quit-now-btn a:hover,
		.quit-now-btn a:active{
			background-position:left bottom;
		}
		#spanish .quit-now-btn a{
			width:75px;
			background-image:url(images/btn-quit-now-spanish.gif);
		}
		
		.join-now-btn a:link,
		.join-now-btn a:visited{
			display:block;
			width:58px;
			height:12px;
			background:url(images/btn-join-now.gif) no-repeat left top;
			text-indent:-9999px;
			float:left;
			margin-top:13px;
		}
		.join-now-btn a:hover,
		.join-now-btn a:active{
			background-position:left bottom;
		}
		
		.learn-more-btn a:link,
		.learn-more-btn a:visited{
			display:block;
			width:73px;
			height:12px;
			background:url(images/btn-learn-more.gif) no-repeat left top;
			text-indent:-9999px;
			float:left;
			margin-top:13px;
		}
		.learn-more-btn a:hover,
		.learn-more-btn a:active{
			background-position:left bottom;
		}
		#spanish .learn-more-btn a{
			width:71px;
			height:15px;
			background-image:url(images/btn-learn-more-spanish.gif);
		}
		
		#fixnixer-video,
		#co-quitline-video,
		#cigarette-is-dead-video{
			/*display:none;*/
		}
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	border-top:1px solid #cdcdcd;
	width:936px;
	padding-top:17px;
	overflow:hidden;
}
	#title-my-quit-path{
		display:block;
		width:210px;
		height:34px;
		background:url(images/title-my-quit-path-3.gif) no-repeat left top;
		text-indent:-9999px;
		float:right;
	}
	
/* Featured Links
----------------------------------------------------------------------------------------------------*/
.featured-links{
	float:right;
	width:243px;
}
	#btn-medicaid{
		margin-bottom:30px;
	}
		#btn-medicaid a{
			display:block;
			width:225px;
			height:45px;
			background:url(images/btn-medicade.gif) no-repeat left top;
			text-indent:-9999px;
		}
	#btn-pregnant{
		
	}
		#btn-pregnant a{
			display:block;
			width:233px;
			height:45px;
			background:url(images/btn-pregnant.gif) no-repeat left top;
			text-indent:-9999px;
		}


/* Local Resources Popup
----------------------------------------------------------------------------------------------------*/
#local-resources-popup,
#medicaid-content,
#pregnant-content{
	padding:0 20px;
	width:636px;
}
	#local-resources-popup .top{
		border-bottom:1px solid #cdcdcd;
		overflow:hidden;
		padding-bottom:20px;
		margin-bottom:20px;
		zoom:1;
	}
		#title-find-local-resources{
			display:block;
			width:258px;
			height:31px;
			background:url(images/title-find-local-resources.gif) no-repeat left top;
			text-indent:-9999px;
			margin-bottom:5px;
		}
		.title-underline{
			display:block;
			width:636px;
			height:10px;
			background:url(images/title-underline.gif) no-repeat left top;
			text-indent:-9999px;
			line-height:0;
			margin-bottom:15px;
		}
		#county-form{
			width:350px;
			float:left;
			overflow:hidden;
		}
			#county-dropdown{
				float:left;
			}
				#county-form label{
					padding-bottom:5px;
				}
				#county-form .dropdown{
					width:240px;
					color:#6a6a69;
					
				}
			#county-submit{
				float:right;
				padding-top:16px;
			}
		#btn-print-results{
			float:right;
			padding-top:16px;
			margin:0;
		}
			#btn-print-results a{
				display:block;
				width:87px;
				height:12px;
				background:url(images/btn-print-results.gif) no-repeat left top;
				text-indent:-9999px;
				line-height:0;
			}
	#organizations{
		
	}
		.organization{
			overflow:hidden;
			background:url(images/line-dashed.gif) repeat-x left bottom;
			margin-bottom:20px;
			width:636px;
		}
		#organizations .left{
			float:left;
			width:290px;
			padding-left:5px;
			margin-bottom:20px;
		}
		#organizations .right{
			float:right;
			width:300px;
			padding-right:5px;
			margin-bottom:20px;
		}
			#organizations h3{
				font-size:16px;
				font-weight:normal;
				text-transform:uppercase;
				padding-bottom:20px;
				margin:0;
			}
			#orgnaizations ul{
				margin-left:0;
			}
			#organizations li{
				list-style:none;
				background:url(images/bullet-dash.gif) no-repeat left 6px;
				padding-left:15px;
			}


/* Medicaid Popup
----------------------------------------------------------------------------------------------------*/
#title-medicaid-clients{
	display:block;
	width:202px;
	height:31px;
	background:url(images/title-medicaid-clients.gif) no-repeat left top;
	text-indent:-9999px;
	line-height:0;
}
#title-benefits{
	display:block;
	width:362px;
	height:18px;
	background:url(images/title-to-recieve.gif) no-repeat left top;
	text-indent:-9999px;
	line-height:0;
}

/* Pregnant Popup
----------------------------------------------------------------------------------------------------*/
#title-pregnant{
	display:block;
	width:202px;
	height:31px;
	background:url(images/title-pregnant-women.gif) no-repeat left top;
	text-indent:-9999px;
	line-height:0;
}


/* Slideshow
----------------------------------------------------------------------------------------------------*/
#javascript-slideshow{
	width:576px;
	height:437px;
	overflow:hidden;
}
.slide-image{
	position:absolute;
}

.hide{
	display:none;
}

