/* HOMEPAGE RULES */

/* EYE CANDY */

#champagne {
		background: transparent url("/images/eye_candy/home/champagne.png");
	}
	
#cost_ad_cupcake {
		background: transparent url("/images/eye_candy/home/cost_ad_cupcake.png");
	}

#default_ad_apple {
		background: transparent url("/images/eye_candy/home/default_ad_apple.png");
	}

#flexibility_ad_mouse {
		background: transparent url("/images/eye_candy/home/flexibility_ad_mouse.png");
	}

#global_warming {
		background: transparent url("/images/eye_candy/home/global_warming.png");
	}

#golden_bricks {
		background: transparent url("/images/eye_candy/home/golden_bricks.png");
	}

#hidden_pearl {
		background: transparent url("/images/eye_candy/home/hidden_pearl.png");
	}

#ice_cream {
		background: transparent url("/images/eye_candy/home/ice_cream.png");
	}

#multi_tasking {
		background: transparent url("/images/eye_candy/home/multi_tasking.png");
	}

#orange_apple {
		background: transparent url("/images/eye_candy/home/orange_apple.png");
	}

#peanuts {
		background: transparent url("/images/eye_candy/home/peanuts.png");
	}

#quality_ad_splash {
		background: transparent url("/images/eye_candy/home/quality_ad_splash.png");
	}

#red_carpet {
		background: transparent url("/images/eye_candy/home/red_carpet.png");
	}

#scalability_ad_rope {
		background: transparent url("/images/eye_candy/home/scalability_ad_rope.png");
	}

#serving_card {
		background: transparent url("/images/eye_candy/home/serving_card.png");
	}

#slim_spending {
		background: transparent url("/images/eye_candy/home/slim_spending.png");
	}

#speed_ad_turtle {
		background: transparent url("/images/eye_candy/home/speed_ad_turtle.png");
	}

#sqaure_watermellon {
		background: transparent url("/images/eye_candy/home/sqaure_watermellon.png");
	}

#superfruit {
		background: transparent url("/images/eye_candy/home/superfruit.png");
	}

#unconventional_ad_chatter {
		background: transparent url("/images/eye_candy/home/unconventional_ad_chatter.png");
	}
	





/* HEADER */

#header {
	height: 100px;
}

/* MAIN SITE CONTENT BODY */


div#main_body {
	position: relative;
	z-index: 0;
	height: 550px;
}


/* DEFINITION PANEL */

div#definition_panel_container {
	position: absolute;
	left: 0px;
	z-index: 0;
	padding: 65px 0px 0px 20px;
	/* width: 380px; WILL BECOME THIS WIDTH ON SELECTION */
	width: 300px;
}

	/* CAROUSEL ARROWS */

	a#toggle_up_arrow {
		top: 10px;
		background: transparent url("/images/misc_elements/arrow_up.png");
	}
	
	a#toggle_down_arrow {
		top: 390px;
		background: transparent url("/images/misc_elements/arrow_down.png");
	}
	
	a#toggle_up_arrow, a#toggle_down_arrow {
		display: none;	
		position: absolute;
		left: 122px;
		width: 102px;
		height: 75px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#toggle_up_arrow:hover, a#toggle_down_arrow:hover {
		background-position: -102px 0px;
	}
	
		a#toggle_down_arrow span, a#toggle_up_arrow span {
			display: none;
		}
	
	
	/* DEFINITION LIST CONTAINER */

	div#definition_container {
		position: relative;
		width: 300px;
		height: 347px;
		overflow: hidden;
	}
	
		ul#definition_list {
			position: absolute;
			top: 0px;
			list-style: none;
		}
		
			#definition_list li {
				display: inline;
			}
			
				#definition_list li a {
					display: block;
					margin: 20px 0px 0px 0px;
					background: transparent url("/images/misc_elements/definition_li_bg.png");
					cursor: pointer;
				}
				
				#definition_list li a:hover {
					background-position: 0px -267px;
				}
/* default, quality, speed, cost, scalable & flexible, specialty and service */
				
					a.quality span  {
						background: transparent url("/images/misc_elements/quality_text.png");
					}
					
					a.speed span  {
						background: transparent url("/images/misc_elements/speed_text.png");
					}
					
					a.cost span {
						background: transparent url("/images/misc_elements/cost_text.png");
					}
					
					a.scalability span  {
						background: transparent url("/images/misc_elements/scalability_text.png");
					}
					
					a.specialty span  {
						background: transparent url("/images/misc_elements/specialty_text.png");
					}
				
					a.service span  {
						background: transparent url("/images/misc_elements/service_text.png");
					}
				
					#definition_list li a span {
						display: block;
						width: 380px;
						height: 89px;
						background-repeat: no-repeat;
					}
				
						#definition_list li a span strong {
							display: none;
						}


/*AD PANEL*/

div#ad_panel_container {
	position: relative;
	margin: 0px 0px 0px 340px;
	height: 550px;
	width: 640px;
	overflow: hidden;
}

	h2#ad_panel_title {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 640px;
		height: 550px;
		background: transparent url("/images/body_regions/body_region_edges.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		z-index: 250;
	}
		
		#ad_panel_title span {
			display: none;
		}

		ul#ad_panel {
			position: absolute;
			left: 0px;
			height: 550px;
			width: 4480px;
			list-style: none;
			background-repeat: no-repeat;
			z-index: 200;
		}
		
/* default, quality, speed, cost, scalable & flexible, specialty and service */
	
			#ad_panel li {
				float: left;
				position: relative;
				width: 290px;
				height: 550px;
				padding: 0px 350px 0px 0px;
				background-repeat: no-repeat !important;
				background-position: right top !important;			
				_overflow: hidden;
			}
		
				div.ad_panel_text {
					position: relative;
					left: 0px;
					padding: 18px 0px 0px 24px !important;
					width: 286px !important;
					height: 550px;
					background: transparent url("/images/body_regions/ad_panel_container_bg.png");
					background-repeat: no-repeat;
					background-position: -60px 0px;
				}
				
				/* AD PANEL INDENTATION */

					h2.panel_title {
						float: left;
						width: 0px;
						height: 166px;
					}
					
						h2.panel_title span {
							display: none;
						}
										
					.panel_content_divider {
						display: block;
						float: left !important;
						clear:  left;
						width: 55px;
						height: 100px;
						border: none;
						visibility: hidden;
					}

					.ad_panel_text h3 {	
						margin: 0px 0px 10px 0px;
						font-size: 30px;
						color: #0090bb;
					}

					.ad_panel_text p {
						margin: 12px 0px 16px 0px;
					}
					
					.ad_panel_text ul {
						margin: 16px 0px !important;
						list-style: none;
					}

					.ad_panel_text ul.panel_long_list {
						margin: 16px 0px 16px 55px !important;
					}
					
						#ad_panel li div.ad_panel_text ul li {
							float: none !important;
							position: relative;
							padding: 0px 0px 0px 24px !important;
							width: auto !important;
							height: auto !important;
							background: transparent url("/images/misc_elements/homepage_bullet.gif");
							background-position: 0px 0px !important;
							background-repeat: no-repeat;
						}
						
					
					.ad_panel_text a {
						color: #cf1723;
					}
					
					.ad_panel_text a:hover {
						color: #007fa3;
					}
					
					.ad_panel_text em {
						font-size: 20px;
						font-style: normal;
						color: #0090bb;
					}
					
					.ad_panel_text strong {
						font-size: 20px;
						font-style: normal;
						color: #cf1724;
					}
					
					.secondary_content_heading {
						text-align: right;
					}