/*Valid CSS - written for First Steps Nursery - firststepsnursery.net
Written by Kyle Osborne - kowebdesign.co.uk
Validated against W3 Standards - jigsaw.w3.org/css-validator*/

/*Body*/
body 
	{
		font: 14px Arial, Helvetica, sans-serif; 
		text-align: left; 
		line-height: 1.5em;
		padding: 0px;
		margin: 0px;
	}
li
	{
		list-style-image: url(/assets/images/logos/fs-feet-small.jpg);
	}
/*Page Container*/
div#container 
	{
		width: 1000px; 
		height: 558px; 
		padding: 0px; 
		margin: 0px auto;
		position: relative;
	} 
div#container.gallery
	{
		height: 650px;
	}
/*Child Application Form*/
div#application
	{
		height: 70px;
		width: 220px;
		position: absolute;
		left: 780px;
		top: 5px;
	}
div#application a
	{
		background-image: url(../assets/images/general/application.jpg);
		display: block; 
		background-repeat: no-repeat; 
		width: 220px;  
		margin: 6px auto;
		text-decoration: none; 
		height: 52px; 
		text-align: left;
	}
div#application a:hover
	{
		background-position: -222px 0px;
	}
span.applicationText
	{
	display: block;
	width: 195px;
	height: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 10px 15px 12px 10px;
	font: 12px "Comic Sans MS", cursive;
	}
/*Page Header*/
div#header 
	{
		width: 1000px; 
		height: 150px;
		position: relative;
	}
/*First Steps Logo*/
div#logo 
	{
		width: 256px; 
		height: 150px; 
		background-image: url(/assets/images/logos/new_fs_logo.jpg); 
		background-repeat: no-repeat;
		position: relative;
	}
div#message
	{
		width: 680px;
		position: absolute;
		top: 20px;
		left: 294px;
		text-align: center;
		color: #00F;
		border: 1px dotted #F00;
	}
div#message p
	{
		margin: 5px;
		color: #F00;
	}
/*Top Navigation*/
div#topNav 
	{
		width: 706px; 
		height: 41px; 
		margin-left: 322px; 
		margin-top: -71px;
		position: relative;
	}
div.fs_top_rollover a
	{
		display: block; 
		background-image: url(/assets/buttons/button.jpg);
		background-repeat: no-repeat; 
		color: rgb(254,255,255);
		font: 12px "Comic Sans MS", cursive; 
		width: 85px;  
		text-decoration: none; 
		height: 36px; 
		text-align: left;
		float: left;
		
	}
div.fs_top_rollover a:hover
	{
		color: #cccc33;
		background-position: 0px -36px;
	}
span.topNavText
	{
		display: block;
		width: 72px;
		height: 19px;
		padding: 13px 5px 9px 8px;
		font-weight: 500;
		letter-spacing: 1px;
	}
/*Left Navigation*/
div#leftNav 
	{
		width: 256px; 
		height: auto; 
		float: left;
	} 
div.fs_left_rollover a
	{
		display: block; 
		background-image: url(/assets/buttons/button_left.jpg);
		background-repeat: no-repeat; 
		color: #669933;
		font: 24px "Comic Sans MS", cursive; 
		width: 256px;  
		margin: 6px auto;
		text-decoration: none; 
		height: 61px; 
		text-align: left;
	}
div.fs_left_rollover a:hover
	{
		color: rgb(254,255,255);
		background-position: -259px 0px;
	}
span.leftNavText
	{
		display: block;
		width: 226px;
		height: 5px;
		padding: 16px 10px 16px 20px;
		font-weight: 500;
		letter-spacing: 1px;
	}
/*Page Photo*/
div#pagePhoto 
	{
		width: 250px; /*Plus 15px padding each side = 280px*/
		height: 390px; 
		text-align: center; 
		float: left; 
		padding: 15px 15px 3px 15px;
		overflow: hidden;
	}
div#pagePhoto img.stock
	{
		width: 250px;
		max-height: 390px;
	}
div#pagePhoto img.thumbnail
	{
		width: 85px;
		height: auto;
		margin: 1px 1px 0px 0px;
	}
/*Page Content - Main*/
div#pageTitle
	{
		width: 464px;
		height: 50px;
		float: left;
		margin: 0px;
	}
div#content 
	{
		width: 454px; 
		height: 338px; 
		overflow: auto; 
		margin-top: 10px;
		float: left;  
		padding-right: 10px;
	}
span.company /*Makes Company name bold*/
 	{
		font-weight: 600;
	}
div.blog
	{
		width: 434px;
		padding: 4px 5px;
		border: 1px dotted #1E3C90;
		margin: 4px 0px;
	}
div.blog h2
	{
		margin: 2px 0px;
		font-size: 14px;
	}
div.blog p
	{
		margin: 3px 0px;
		text-indent: 10px;
	}
/*Gallery Page - No page photo*/
div#gallery 
	{
		width: 680px; 
		height: 470px; 
		overflow: auto; 
		margin-left: 277px; 
		text-align: center;
	}
div#gallery iframe
	{
		width: 500px;
		border: none;
	}
/*Footer*/
div#footer  
	{
		width: 1000px;
		height: 45px;
		font-size: 12px;
		text-align: center;
		border-top: 1px solid #24416D;
		margin: 5px auto 0px auto;
		padding-top: 5px;
	}
div#footerLeft
	{
		float: left;
		width: 256px;
		text-align: left;
	}			
div#footerLeft .twitter-share-button
	{
		margin: 0px 33px;
	}
div#footerRight
	{
		width: 744px;
		float: right;
		text-align: right;
	}
div#footerRight a
	{
		margin: 0px 0px 0px 40px;
	}
div#validation
	{
		width: 1000px;
		height: 22px;
		margin: 0px auto;
	}
div#validation img
	{
		height: 18px;
	}
div#validation a.center
	{
		margin: 0px 419px;
	}
div#fbContainer
	{
		width: 400px;
	}
div#fbBlueHeader
	{
		background: #3B5998;
		padding: 5px;
	}
div#fbBadgeContent
	{
		height: 77px;
		background: #EDEFF4;
	}
div#fbBadgeContent img
	{
		margin: 11px;
		float: left;
		border: 1px solid #EDEFF4;
	}
div#fbBadgeContent a:hover img
	{
		border: 1px solid #3B5998;
	}
div#fbBadgeLink
	{
		float: right;
		margin: 25px 35px;
	}
div#fbBadgeLink a
	{
		color: #3B5998;
	}
/*Blue Font*/
	body
		{
			color: #385493;
		}
	/*Green Font*/
	div#main-nav a:hover, div#main-nav ul li ul li a, div.fs_left_rollover a, div#application a
		{
			color: #669933;
		}
	/*White Font*/
	table.p, td.a, h1, div#application a:hover
		{
			color: rgb(254,255,255);
		}	
	/*Red Font*/
	span.red, div#message p
		{
			color: #FF0000;
		}
	/*Orange Font*/
	span.orange, cite 
		{
			color: #EF4E22;
		}
/*General Links*/
a
	{
		text-decoration: none;
	}
a:link
	{
		color: #669933;
	}
a:visited
	{
	color: #EF4E22;
	}
a:hover
	{
		color: #EE5BA1;
	}
a:active
	{
		color: #1E3C90;
	}
/*Paragraphs*/
p
	{
		margin: 0px 0px 10px 0px;
	}
/*Headers*/
h1 
	{
		height: 20px;
		margin-top: 10px;
		font-size: 18px;
		font-weight: 500;
		padding: 10px 10px 10px 20px;
		background-image: url(/assets/images/general/h1_bg.jpg);
	}
h2 
	{
		font-size: 16px;
	}
/*General Images*/
img 
	{
		border: none;
	}
/*Facebook Like Badge*/
img.fb
	{
		float: right;
		margin-left: 10px;
	}
img.cr
	{
		width: 200px;
	}
/*Form Elements*/
input 
	{
		width: 150px; 
		background-color: #CFC;
	}
input[type="image"] 
	{
		width:152px;
	}
input[type="radio"] 
	{
		width: 10px;
	}
/*Pricing table*/
table.p 
	{
		width: 390px; 
		margin: 0px; 
		border: 1px solid #B4C82B; 
	}
td 
	{
		border-bottom: 1px solid #B4C82B;
	}
table#pricing td.a 
	{
		width: 336px; 
		background-color: #FF6600; 
		color: #FFFFFF; 
		padding-left: 6px;
	}
table#pricing td.b 
	{
		width: 40px; 
		background-color: #003399; 
		text-align: center; 
		color: #FFFFFF;
	}
table#calculator td
	{
		width: 121px;
		color: #FFF;
		padding-left: 6px;
	}
table#calculator td.a,table#calculator td.c
	{
		background-color: #F60;
	}
table#calculator td.b
	{
		background-color: #039;
	}
th.c 
	{
		color: #003399; 
		background-color: #cccc66;
	}
/*Lists*/
li.list
	{
		margin: 5px;
	}