@charset "utf-8";
/*  ---------------------------------------
	
	home.css
	````````
	home page stylesheets document for
	Texas Builders Insurance Company (TBIC)
	
    ---------------------------------------  */


/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#container {
			min-height: 577px;
			height: auto !important; /* "Min-Height Fast Hack" by Dustin Diaz */
		  height: 559px; /* for IE 6 */
		}
	
	
	
	
	#background-container {
			display: block;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			background: orange;
		}

			#background-container p {
				display: block;
				width: 100%;
				height: 1500px;
				background-position: top center;
				background-repeat: no-repeat;
				position: absolute;
				top: 0;
				left: 0;
			}

				#slide-eight { background-image: url(../images/bg_body_08.jpg); }
				#slide-one { background-image: url(../images/bg_body_01.jpg); }
				#slide-two { background-image: url(../images/bg_body_02.jpg); }
				#slide-three { background-image: url(../images/bg_body_03.jpg); }
				#slide-four { background-image: url(../images/bg_body_04.jpg); }
				#slide-five { background-image: url(../images/bg_body_05.jpg); }
				#slide-six { background-image: url(../images/bg_body_06.jpg); }
				#slide-seven { background-image: url(../images/bg_body_07.jpg); }
				
			#background-container img {
				display: block;
				margin: 0 auto;
			}
	
	
	
	
		/* Initial Slide */
	
		#initial-slide {
			width: 940px;
		}

			#initial-slide .masthead h2 {
				width: 745px;
				height: 200px;
				text-indent: -999em;
				background-color: transparent;
				color: inherit;
				overflow: hidden;
				margin-top: 87px;
				margin-left: 195px;
			}

				#initial-slide .masthead h2 a {
					display: block;
					width: 745px;
					height: 170px;
					background: transparent url(../images/masthead.png) no-repeat top left;
					color: inherit;
				}

				#initial-slide .masthead h2 a:hover {
					background: transparent url(../images/masthead.png) 0 -170px no-repeat;
					color: inherit;
				}

		/* Choose Slide */
		
		#choose-slide {
			display: none;
			width: 940px;
			height: 457px;
		}
	
		#choose-slide .masthead h2 {
			width: 785px;
			height: 119px;
			text-indent: -999em;
			background: transparent url(../images/masthead_info2.png) no-repeat top left;
			color: inherit;
			overflow: hidden;
			margin-top: 21px;
			margin-left: 155px;
			margin-bottom: 24px;
		}
		
			#choose-slide #describes-you {
				width: 402px;
				height: 35px;
				text-indent: -999em;
				background: transparent url(../images/hdr_describes_you.png) no-repeat top left;
				color: inherit;
				overflow: hidden;
				margin-bottom: 36px;
			}
			
			#choose-slide #choices {
				float: left;
				width: 940px;
				margin-bottom: 40px;
			}
			
				#choices .choice {
					float: left;
					width: 263px;
					height: 136px;
					background: transparent url(../images/choice-box-bg.gif) no-repeat top left;
					color: inherit;
					margin-left: 15px;
					padding: 20px;
					font-size: .85em;
				}
				
				#choices .choice.first {
					margin-left: 0;
				}
				
				#choices .choice h3 {
					margin: 0 0 .5em 0;
					height: 26px;
				}
				
				#choices .choice h3 span {
					display: block;
					text-indent: -999em;
					position: absolute;
					width: 0;
					height: 0;
					overflow: hidden; /* bug fix for IE 7 */
				}
				
				#choices .choice h3#panel-agent {
					background: transparent url(../images/hdr_panel_agent.png) no-repeat 0 0;
					color: inherit;
					height: 26px;
				}
				
				#choices .choice h3#panel-employer {
					background: transparent url(../images/hdr_panel_employer.png) no-repeat 0 0;
					color: inherit;
					height: 26px;
				}
				
				#choices .choice h3#panel-worker {
					background: transparent url(../images/hdr_panel_worker.png) no-repeat 0 0;
					color: inherit;
					height: 26px;
				}
				
				#choices .choice p {
					background-color: transparent;
					color: #FF9800;
					margin: 0 0 .5em 0;
				}
				
				#choices .choice p.enter {
					text-align: right;
					font-weight: bold;
					margin-top: 1em;
					text-decoration: underline;
				}
				
				#choices .choice p.enter a {
					background-color: transparent;
					color: #FF9800;
					text-decoration: underline;
				}
				
				#choices .choice ul {
					background-color: transparent;
					color: #424242;
				}
				
				#choices .choice ul li {
					padding-left: 15px;
					background: transparent url(../images/icon_bullet_orange.gif) no-repeat 0 3px;
					color: inherit;
					font-size: 18px;
				}
				
				#choices .choice:hover {
					background: transparent url(../images/choice-box-bg.gif) no-repeat bottom left;
					color: inherit;
				}
				
				#choices .choice:hover h3#panel-agent, #choices .choice:hover h3#panel-employer, #choices .choice:hover h3#panel-worker {
					background-position: 0 -27px;
				}
				
				#choices .choice:hover p, #choices .choice:hover p.enter a {
					background-color: transparent;
					color: #7E4B00;
					margin: 0 0 .5em 0;
				}
				
				#choices .choice:hover p.enter {
					text-align: right;
					font-weight: bold;
					margin-top: 1em;
				}
				
				#choices .choice:hover ul li {
					padding-left: 15px;
					background: transparent url(../images/icon_bullet_brown.gif) no-repeat 0 3px;
					color: inherit;
				}