@charset "utf-8";
/*
	Author: Veb4Design
    Date: July 19, 2009
    Description: Westislanddental.com - Home Style Sheet.
    This style sheet contains the styling of the index page

    Note: Make sure to read the comments before editing.
    Thank you.
*/

/* ------------------------------- */
/* Home Page Classes               */
/* ------------------------------- */
	
	/* ------------------------------- */
	/* General Classe                  */
		.seperator { height:25px; padding:1em 0 .5em 5em; }
		.img { float:left; margin:0; padding:0;  }
		.text 
		{ 
			float:right; 
			width:250px; 
			height:133px; 
			padding-top:.3em; 
			text-align:left;
		}
		.text p {text-align:left; }
		.text h2 {margin-bottom:0; font-weight:bold; }
		.news_wrapper { margin-bottom:4em;}
		.news_overflow { overflow:hidden; height:107px; }
		
/* ------------------------------- */
/* Home Page Structure             */
/* ------------------------------- */

	/* ------------------------------- */
	/* HOME WRAPPER                    */
		#home_wrapper { width:960px; margin:4em auto 0 auto; text-align:left;}
		
	/* ------------------------------- */
	/* MINI NAV                        */
		#mini_nav
		{
			width:960px;
			height:149px;
			background-image:url(../../Images/Home/loungue_mininav_bg.png);
			background-repeat:no-repeat;
			margin:2em auto 2em auto;
		}
		.mini_btn, .mini_link, .mini_btn:hover
		{
			width:160px;
			height:149px;
			display:block;
			float:left;
		}
		.mini_btn:hover { background-color:#000; }
		
		#cosmetic, #emergencies, #videos, #blog, #contact, #about
		{
			background-repeat:no-repeat;
			background-position:center center;
			position:relative;/*Align the text to the bottom */
		}
		
		#cosmetic { background-image:url(../../Images/Home/lounge_mini_cosmetic.png);}
		#emergencies { background-image:url(../../Images/Home/lounge_mini_emergencies.png);}
		#videos { background-image:url(../../Images/Home/lounge_mini_videos.png);}
		#blog { background-image:url(../../Images/Home/lounge_mini_blog.png);}		
		#contact { background-image:url(../../Images/Home/lounge_mini_contact.png);}
		#about { background-image:url(../../Images/Home/lounge_mini_about.png);}
		
		#cosmetic p,  #emergencies p, #videos p, #blog p, #contact p, #about p
		{
			padding-top:1em;
			text-align:center;
			/*Align the text to the bottom */
			position:absolute;
			bottom:0; 
		}
		
	/* ------------------------------- */
	/* PROMOTION                       */
		#promotion 
		{
			width:100%;
			height:179px;
			display:block;
			background-image:url(../../Images/Home/loungue_promotion_bg.png);
			background-repeat:repeat;
			margin:3em 0 3em 0;
			text-align:left;
		}
		#promotion_inside 
		{ 
			width:960px; 
			margin:0 auto; 
			background:url(../../Images/Global/loungue/westIsland_layout_5_r15_c15.png) no-repeat right center; 
		}
		#promotion_inside p { width:825px; display:block; }
	
	/* ------------------------------- */
	/* COLUMN GROUPPINGS               */
		#left_col h1, #right_col h1 { margin:0; padding:0 0 2em 0; }
		#left_col h2, #right_col h2 { margin:0; padding:0 0 1.3em 0; font-weight:normal;}
		
		/* ------------------------- */
		/* LEFT COL                 */
			
			#left_col { float:left; width:473px; }
			
		/* ------------------------- */
		/* RIGHT COL                 */
			#right_col { float:right; width:446px; }
			
			/* ---------------------*/
			/* QUIZES               */
				.quiz, .quiz_link, .quiz_link:hover
				{
					width:473px;
					height:100px;
					display:block;
					background:#353535 url(../../Images/Home/lounge_test_iq.png) no-repeat 402px center;
					border:1px solid #666;
				}
				
				.quiz { margin:0 0 2em 0;	text-align:center;}
				.quiz_link:hover { background:#232323 url(../../Images/Home/lounge_test_iq.png) no-repeat 402px center;  }
				
				.quiz h1  
				{
					color:#ccc;
				    font-size:26px;
					/*Vertical Align*/
				 	line-height:100px; 
				}
				
			/* ----------------------*/
			/* SERVICES              */
				#services { margin:1em 0 0 0; padding:0 }
				#special_services ul li, #more_services li { margin:0; padding:.3em 0 .3em 0; }
				#special_services ul li a, #more_services ul li a { color:#FFF; font-size:13px; }
				#special_services ul li a:hover , #more_services ul li a:hover { color:#CCCC00; font-size:13px; }	
				
				/*-------------------*/
				/*SPECIAL SERVICES   */
					#special_services {float:left; width:200px;}
					
					
				/*-------------------*/
				/*MORE SERVICES   */
					#more_services {float:right; width:203px;}

/* ------------------------------- */
	/* UPDATE                          */
		#update 
		{
			width:600px;
			margin:1em auto 1em auto;
			display:block;
			padding-left:1em;
			padding:0;
			text-align:left;
		}
		#update li { padding-bottom: 1em; }	
	
	/* ------------------------------- */
	/* Box Content                     */
	/* ------------------------------- */
	
		/* ------------------------------*/
		/* Grouppings                    */
			.box, .box_top, .box_bottom { width:315px; }
			.box_middle a, .box_middle a:hover, .box_middle a:active, .box_middle a:focus, .box_middle a:visited,
			.seperator
			{ 			
				height:25px; 
				display:block;
				text-decoration:none; 
				color:#333;
				padding:1em 0 .5em 5em;
			}
				
		/* ------------------------------*/
		/* Strucutres                    */
			.box 
			{
				margin:3em 2em 3em 0; 
				float:left; 
				display:block;
			}
			.box_top 
			{	
				height:31px;
				background: url(../../Images/Home/box1_top.gif); 
				display:block;
			}	
			.box_bottom 
			{ 
				height:31px;
				background:url(../../Images/Home/box1_bottom.gif);
				display:block;
				
			}	
			.box_middle
			{
				display:block;
				border-right: 1px solid #999;
				border-left: 1px solid #999;
				text-align:left;
			} 
			/*Hover state*/
			.box_middle a:hover  
			{
				background-color:#54A7FF; 				
				display:block;
				text-decoration:none; 
				color:#333;
			}