/*
Title: Shining Stars Early Childcare Center In West Nyack, Rockland County, New York
Copyright: (c) 2009
Author: Brian McCormack
*/


/* =all 
-------------------------------------*/
* { 
	margin:0;
	padding: 0;
}

body {
	background: #3e94c5;
    text-align: left;
    width: 100%;
    font: normal 11.5px/120% georgia, times new roman, times, serif; 
    line-height: 15px; 
}

p {
	color: #6a6969;
    font: normal 11.5px/120% georgia, times new roman, times, serif; 
    line-height: 17px; 
}

/* @group background */
	
	#background {
		background: url(../cutup/ShiningStars_Background_Gradient.jpg) top left repeat-x;
		height: 660px;
		width: 100%;
		float: left;
		}
	
	#center {
		background: url(../cutup/ShiningStars_Background.jpg) top left no-repeat;
		width: 1000px;
		height: 660px;
		margin: 0 auto auto auto;
		}
		
	#container {
		float: left;
		width: 1000px;
		}

/* @end */

/* @group stars_bg */

	#stars_bg_left_container,
	#graphic_corner_container{
		position: relative;
		}

	#stars_bg_left{
		position: absolute;
		background: url(../cutup/stars_background_left.png) top left no-repeat;
		top: 370px;
		left: -210px;
		height: 169px;
		width: 271px;
		}

	#graphic_corner{
		position: absolute;
		background: url(../cutup/ShiningStars_GraphicCorner.jpg) top left no-repeat;
		top: 370px;
		left: -180px;
		height: 315px;
		width: 241px;
		}

/* @end */


/* @group header */

	/* =logo
	-------------------------------------*/
		h1.shiningstars_logo a {
			width: 315px;
			height: 79px;	
			background: url(../cutup/ShiningStars_Logo.jpg);	
			text-indent: -9999px;
			overflow: hidden;
			outline-style: none;
			font-size: 1%;
			float: left;
			}

	/* =nav
	-------------------------------------*/
	#nav{
		float: left;
		width: 637px;
		}	
	
	#primary_nav{
		float: left;
		margin: 2px 0 0 23px;
		display: inline;
		padding: 30px 0 0 75px;
		}
	
	#primary_nav ul{
		list-style-type: none;
		float: left;
		}
			
	#primary_nav ul li{
		margin-left: 1.8em;
		display: inline;
		}		
	
	#primary_nav ul li a,
	#primary_nav ul li a:visited{
		outline-style: none;
		color: #006699;
		text-decoration: none;
		letter-spacing: .03em;
	    font: normal 17px/106.3% georgia, times new roman, times, serif;
	    text-transform: none;
		padding: .2em .3em;
		}
		
	#primary_nav ul li a:hover{
		background-color: #66b9dc;
		color: #fff;
		}
		
	#primary_nav ul li.current a{
		background-color: #fff;
		}	
	
	#primary_nav ul li.current a:hover{
		background-color: #fff;
		color: #006699;
		}
		
/* @end */


/* @group content */
	
	#main_content{
		width: 891px;
		margin-left: 61px;		
		float: left;
		display: inline;
		}
	
	#secondary_main_content_area_bg{
		float: left;
		background: url(../cutup/Secondary_MainContentArea_BG.jpg) top left repeat-y;
		}		

	/* =header
	-------------------------------------*/
	#main_content_header{
		float: left;
		width: 891px;
		height: 291px;
		background: url(../cutup/ShiningStars_Welcome_Header.jpg) top left no-repeat;
		}	
	
	#about #main_content_header{
		background: url(../cutup/ShiningStars_About_Header.jpg) top left no-repeat;
		height: 214px;
		float: left;
		}

	#program #main_content_header{
		background: url(../cutup/ShiningStars_Program_Header.jpg) top left no-repeat;
		height: 214px;
		float: left;
		width: 891px;
		}

	#location #main_content_header{
		background: url(../cutup/ShiningStars_Location_Header.jpg) top left no-repeat;
		height: 214px;
		float: left;
		width: 891px;
		}

	#contact #main_content_header{
		background: url(../cutup/ShiningStars_Contact_Header.jpg) top left no-repeat;
		height: 214px;
		float: left;
		width: 891px;
		}

	#header_text{
		width: 425px;
		float: left;
		margin: 45px;
		display: inline;
		}
	
	#program #header_text,
	#location #header_text,
	#contact #header_text{
		margin-top: 65px;
		}
	
	#header_text h2{
	    color: #154e76;
	    font: normal 25px georgia, times new roman, times, serif;		
		letter-spacing: .03em;
		text-indent: -9999px;
		overflow: hidden;		
		margin-bottom: .4em;
		}
	
	#header_text p{
	    color: #4e9ccc;
	    font: normal 16px georgia, times new roman, times, serif;
	    line-height: 20px;				
		letter-spacing: .02em;
		margin-top: 10px;
		}

	#header_text p a{
		outline-style: none;
		color: #4e9ccc;
		text-decoration: none;
		padding-bottom: .02em;
		border-bottom: 1px dotted #256791;	
		}
	
	#header_text p a:hover{
		color: #256791;
		}
	

	/* =white bar
	-------------------------------------*/
	#whitebar{
		float: left;
		width: 891px;
		height: 78px;
		background: url(../cutup/ShiningStars_Whitebar.jpg) top left no-repeat;
		}

	#whitebar ul{
		float: left;
		list-style-type: none;
		}

	#whitebar_headline{
		padding-left: 45px;
		}
	
	#whitebar_headline h3{
		text-transform: uppercase;
		color: #18496a;
	    font: bold 16px georgia, times new roman, times, serif;
		letter-spacing: .06em;
		margin: 20px 30px 5px 0;
		}
		
	#whitebar_headline a	{
	    font: italic 13px georgia, times new roman, times, serif;		
		color: #18496a;
		}

	#whitebar_headline p{
	    font: normal 13px georgia, times new roman, times, serif;		
		color: #18496a;
		}
		
	.whitebar_details{
	    font: normal 12px lucida grande, lucida sans, helvetica, sans-serif;				
		color: #336281;
		margin: 11px 15px 0 35px;
		}

	.whitebar_details li{
		margin-bottom: .3em;	
		}


	/* =main content area
	-------------------------------------*/
	#main_content_area,
	#location #main_content_area{
		float: left;
		width: 891px;
		background: #497c9e url(../cutup/ShiningStars_Content_Background.jpg) top left repeat-x;
		}
	
	#about #main_content_area,
	#program #main_content_area{
		float: left;
		width: 596px;
		background: #fff url(../cutup/ShiningStars_Secondary_MainContent_Gradient.jpg) top left repeat-x;
		}

	#contact #main_content_area{
		float: left;
		width: 891px;
		background: #fff url(../cutup/ShiningStars_Secondary_MainContent_Gradient.jpg) top left repeat-x;
		}

	#map_container h3{
		color: #fff;
	    font: bold italic 16px georgia, times new roman, times, serif;		
		letter-spacing: .04em;
		padding: 35px 0 3px 0;
		border-bottom: 1px solid #72c4e3;
		}
	
	#map_container ul{
		float: left;
		list-style-type: none;
		width: 210px;	
		}

	#location #map_container{
		float: left;
		width: 310px;
		xmargin-left: 10px;
		display: inline;
		}

	#map_items{
		padding-left: 45px;	
		}

	#location #map_items_container{
		float: left;
		width: 335px;
		height: 83px;	
		background: url(../cutup/ShiningStars_Location_Tile.jpg) top left no-repeat;
		margin-left: 15px;	
		padding-bottom: 20px;
		display: inline;	
		}
	
	#location #map_items{
		padding-left: 0;
		}

	#location #map_items_container p{
	    font: normal 12px lucida grande, lucida sans, helvetica, sans-serif;					color: #fff;
	    padding-left: 10px; 
		width: 310px;
		}

	#map_items p{
	    font: normal 12px lucida grande, lucida sans, helvetica, sans-serif;					color: #fff;
		line-height: 16px;
		margin-top: 5px;
		}

	#map_items a,
	#map_items a:visited{
		color: #fff;
		outline-style: none;
		text-decoration: none;
		padding-bottom: 2px;
		border-bottom: 1px dotted #72c4e3;
		}
		
	#map_items a:hover{
		color: #80d0ea;
		}

	#map{
		float: left;
		width: 288px;
		height: 133px;
		border: 5px solid #194a6b;
		margin: 18px 0 0 23px;
		display: inline;
		}

	#location #map{
		float: left;
		width: 325px;
		height: 250px;
		border: 5px solid #194a6b;
		margin: 15px 15px 0 15px;
		display: inline;
		}

	#phyllis_quote{
		margin: 30px;
		}

	#phyllis_quote img{
		float: left;
		margin: 0 20px 7px 0;
		}

	#phyllis_quote p{
	    font: normal 13px georgia, times new roman, times, serif;				
		color: #174868;
		line-height: 1.6em;
		margin-bottom: 1em;
		}

	#phyllis_name p{
		font-style: italic;
		}
		
	#testimonials{
		float: left;
		margin: 0 30px;
		display: inline;
		}

	#testimonials .client_testimonial{
		color: #4a7c9d;
		padding-bottom: .7em;
		}
	
	#testimonials p{
		margin-top: 1em;
	    font: normal 12px georgia, times new roman, times, serif;	
		line-height: 1.5em;
		}

	#testimonials .client_name p{
		font-style: italic;
		padding-bottom: 1.5em;
		border-bottom: 1px dotted #66badc;
		}

	#testimonials .client_name_last_testimonial p{
		font-style: italic;
		}
	
	#testimonials h3{
		text-transform: uppercase;
		color: #174868;
	    font: bold 14px georgia, times new roman, times, serif;
		border-top: 1px solid #66badc;
		border-bottom: 1px solid #66badc;
		letter-spacing: .2em;
		padding:  .5em 0;
		width:  535px;
		text-align: center;
		}

	#content_footerimage img{
		float: right;
		margin-right: 20px;
		display: inline;
		}
		
	#program_text img{
		float: left;
		width: 254px;
		}		

	#program_text {
		margin: 1.5em 0 2em 0;
		}
	
	#program #program_text p{
	    font: normal 13px georgia, times new roman, times, serif;				
		line-height: 1.6em;
		}	

	#program_p1{
		margin: 0 20px 0 42px;
		}
	
	#program_p2{
		float: left;
		width: 310px;
		margin-top: 1.75em;
		padding-bottom: 2.25em;
		}

	#slideshow {
	    position:relative;
	    height:332px;
	    width: 500px;
	    border: 5px solid #fff;
	    margin: 15px 0 15px 15px;
	    float:  left;
	    display:  inline;
		}
	
	#slideshow IMG {
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:8;
		}
	
	#slideshow IMG.active {
	    z-index:10;
		}
	
	#slideshow IMG.last-active {
	    z-index:9;
		}

	/* =contactform
	-------------------------------------*/
	
	#ss_form{
		width:  485px;
		float: left;
		display: inline;
		margin-left: 45px;
		margin-top: 15px;
		margin-bottom: 0;
		padding-bottom:0;
		}

	#contact_divider{
		background: url(../cutup/ShiningStars_Contact_divider.jpg) top left no-repeat;
		width: 1px;
		height:  313px;
		float: left;
		margin: 20px 0 0 40px;
		display: inline;
		}

	#contact_phone{
		width: 250px;
		float: left;
		margin: 20px 0 0 20px;
		display: inline;
		}

	#contact .nobullet{
		list-style-type: none;
		width: 263px;
		}	

	#contact #white_ita{
		color: #57acd2;
	    font: bold 11px georgia, times new roman, times, serif;
	    line-height: 15px;
		margin-top: 90px;
		text-transform: uppercase;
		text-align: center;
		}
			
	#contact #blue_sc{
	    font: bold 20px georgia, times new roman, times, serif;
	    color: #80d0e9;
		line-height: 19px;
		text-align: center;
		margin-top: .4em;
		}


	/* =feature boxes
	-------------------------------------*/
	#featureboxes{
		float: right;
		width: 295px;
		}
		
	#about #featureboxes,
	#program #featureboxes{
		background: #497c9e url(../cutup/ShiningStars_Content_Background.jpg) top left repeat-x;
		}

	#featureboxes .nobullet{
		list-style-type: none;
		}
	
	#feature_photos{
		background: url(../cutup/ShiningStars_Content_FeatureBox_Photos.jpg) top right no-repeat;
		height: 90px;
		}

	#feature_program{
		background: url(../cutup/ShiningStars_Content_FeatureBox_Program.jpg) top right no-repeat;
		height: 89px;
		}

	#feature_brochure{
		background: url(../cutup/ShiningStars_Content_FeatureBox_Brochure.jpg) top right no-repeat;
		height: 90px;
		margin-top: 1px;
		}	
	
		#feature_testimonials{
		background: url(../cutup/ShiningStars_FeatureBox_Testimonials.jpg) top right no-repeat;
		height: 89px;
		}
	
	#feature_photos a,
	#feature_photos a:visited,
	#feature_brochure a,
	#feature_brochure a:visited,
	#feature_program a,
	#feature_program a:visited,
	#feature_testimonials a,
	#feature_testimonials a:visited{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		cursor: pointer; 
		outline-style: none;
		}
		
	#feature_photos a:hover,
	#feature_brochure a:hover{
		text-decoration: none;
		}

	#yellow_ita{
	    font: bold italic 13px georgia, times new roman, times, serif;
	    color: #255677;	
	    padding: 25px 0 0 19px;	
		}
	
	#yellow_sc{
	    font: bold 14px georgia, times new roman, times, serif;
	    color: #255677;		
		text-transform: uppercase;
		line-height: 19px;
		padding-left: 19px;
		}
	
	#blue_norm{
	    font: bold  13px georgia, times new roman, times, serif;
	    color: #fff;
	    padding: 28px 0 0 19px;	
	    }
	
	#blue_ita{
		color: #7dcee8;
	    font: bold italic 12px georgia, times new roman, times, serif;
	    line-height: 15px;
		padding-left: 19px;
		}

	#program_blue_ita{
	    font: bold italic 13px georgia, times new roman, times, serif;
		color: #7dcee8;
	    padding: 25px 0 0 19px;	
		}
	
	#program_blue_sc{
	    font: bold 14px georgia, times new roman, times, serif;
	    color: #fff;
		text-transform: uppercase;
		line-height: 19px;
		padding-left: 19px;
		}
	
	
/* @end */


/* @group footer */

	#footer {
		clear: both;
		float: left;
		width: 891px;
		height: 57px;
		background: url(../cutup/ShiningStars_Footer.jpg) top left repeat-x;
		margin-left: 61px;
		display: inline;
		}		
	
	#footer p{
	    font: normal 11px lucida grande, lucida sans, helvetica, sans-serif;				
		color: #91d7ee;
		}
	
	#rights p {
		float: left;
		margin: 9px 0 0 45px;
		display: inline;
		line-height: 1.7em;
		}
	
	#built{
		float: right;
		margin: 9px 32px 0 0;
		display: inline;
		}
	
	#footer a,
	#footer a:visited{
		outline-style: none;
		color: #91d7ee;
		text-decoration: none;	
		border-bottom: 1px dotted #fff;
		padding-bottom: .2em;			
		}
	
	#footer a:hover{
		color: #fff;
		}

/* @end */