* { margin: 0; padding: 0; outline: 0; }

html 			{ min-height: 101%;
				height: 100%;
				margin-bottom: 1px; }
				
body 			{font-size: 14px;
				line-height: 20px;
				font-family: arial, sans-serif;
				color: #000000;	
				height: 100%;
				margin: 0 0 1px;
				padding: 0;
				height: 100%;
				width: 100%;
				height: 100%; 
				background-image: url('http://www.katies-daycare.com/_template/art/background1.jpg');
				background-size: cover; 
				}

H1				{ font-family: 'Raleway', sans-serif;
				font-weight: 500;
				LINE-HEIGHT: 22pt;
				margin-top:0px;
				margin-bottom:14px;
				FONT-SIZE: 2.1em; 
				COLOR: #3c4143; }
				
.SubH1			{ FONT-SIZE: 1.5em; margin-bottom:-2px;COLOR: #6b6b6b;line-height:20px;margin-bottom:4px}

H2 				{ font-family: 'Raleway', sans-serif;
				font-weight: 500;
				LINE-HEIGHT: 16pt;
				margin-bottom:8px;
				FONT-SIZE: 1.7em; 
				COLOR: #3c4143; }

H3 				{ font-family: 'Raleway', sans-serif;
				font-weight: 600;
				LINE-HEIGHT: 20pt;
				margin-bottom:8px;
				FONT-SIZE: 1.4em;
				COLOR: #163564; }

H4 				{ font-family: 'Raleway', sans-serif;
				font-weight: bold;
				LINE-HEIGHT: 14pt;
				margin-bottom:8px;
				FONT-SIZE: 1.3em;
				COLOR: #163564; }
				
H5 				{ font-family: 'Raleway', sans-serif;
				LINE-HEIGHT: 11pt;
				margin-bottom:8px;
				FONT-WEIGHT: bolder;
				FONT-SIZE: 1em;
				font-style:oblique;
				COLOR: #163564; }
			
H6				{ font-family: 'Raleway', sans-serif;
				font-size: 8pt;
				line-height: 10pt;
				font-weight: normal;
				font-style: normal;
				margin-bottom:0px;
				margin-top:0px;
				COLOR: #3c4143; }

/* FORMS */
input[type=text] { width:270px; height:15px; -moz-border-radius: 4px;border-radius: 4px;padding:4px;margin-bottom:5px}
input[type=password] { width:270px; height:15px; -moz-border-radius: 4px;border-radius: 4px;padding:4px;margin-bottom:5px}
input[type=checkbox] {border:none;margin-right:5px;background-color:transparent;}
input[type=radio] {border:none;padding-right:3px;background-color:transparent;}
input[type=submit], input[type=button], input[type=reset] { width:160px;height:36px;margin-top:20px;margin-bottom:8px;-moz-border-radius: 4px;border-radius: 4px;padding:4px;padding:8px; font-size:16px;}
TextArea { width:270px; height:50px; -moz-border-radius: 4px;border-radius: 4px;padding:4px;}
Select { width:170px; -moz-border-radius: 4px;border-radius: 4px;padding:4px;padding:5px; }

/* LINKS */
a { color: #0252aa; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

/* JQUERY TABS OVERRIDE */
.ui-widget-content a {color: #0252aa;}
.ui-tabs-panel li {margin-left:30px}
.ui-tabs-panel ul {margin-bottom:15px}

/* RIGHT CALLOUT 1 */
.RightColumn {margin-left:25px;width:300px; float:right; background-color:#f3f4f5;padding:2px;padding-left:12px;padding-right:12px;margin-bottom:30px;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;padding-bottom:25px}
.RightColumn A:link	{ text-decoration:none;border:0px}
.RightColumn img	{ margin-bottom:6px;}
.RightColumn h4	{ margin-top:10px;font-size:16px;font-weight:600;display:block;background-color:#5a9308;padding:7px;color:#FFFFFF;margin-bottom:15px}
.NoRightColumn .RightColumn {display:none}

.sublinks ul, .sublinks li {
	margin: -10px 5px 5px 7px;
	padding: 0px;
	list-style-type: none;
}
.sublinks li {
	margin: 6px 5px 0px 7px;
	text-align: left;
	list-style: disc url('http://www.katies-daycare.com/art/bullet2.gif') outside;
	background-position: 18px;
	line-height: 16px;
}
.sublinks li a, .sublinks dt a, a:link a:visited a:focus {
	outline: none;
}
.sublinks. li a:hover a:link a:visited a:focus, .sublinks dt a:hover a:link a:visited a:focus, div. a:focus {
	background: ;
	display: block;
	outline: none;
}

/* CALLOUT BOX 1 */
.Callout1 {background-color: #f3f4f5;padding: 15px;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px; width:520px}

/* CONTACT FORM */
.ContactPageForm {width: 400px; float: right;margin-left:30px}

p { margin-bottom:10px }
.logoLink {height:135px;width:980px;cursor:pointer}
.ContentWrapper {margin-left:40px;margin-right:40px;margin-bottom:25px}
.shell { width: 990px; margin: 0 auto; }
.container { margin-top:20px;background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ;  }
.container { box-shadow: 10px 10px 30px rgba(0,0,0,5) ; -moz-box-shadow: 10px 10px 30px rgba(0,0,0,5) ; -webkit-box-shadow: 30px 30px 30px rgba(0,0,0,5) ; -o-box-shadow: 30px 30px 30px rgba(0,0,0,5) ;  }
#header {background: url(http://www.katies-daycare.com/_template/art/header-1024.png) no-repeat; height:370px;margin-bottom:20px }

#navigation { height: 39px; padding-top: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; padding-right: 2px; line-height: 29px; background: url(http://www.katies-daycare.com/_template/art/nav-borderX.png) no-repeat right 0;  font-size: 15px; text-transform: uppercase; }
#navigation ul li a { display: block; padding: 0 20px 0 20px; color: #FFFFFF; text-decoration: none }
#navigation ul li a:hover,
#navigation ul li.active a  { text-decoration: none; color: #FFFFFF; text-decoration: underline; }
#navigation ul li.first a { padding-left: 38px; }
#navigation a.nav-btn { display: none; color: #FFFFFF; }
.main a.m-btn-grey { display: none; }

.footer-bottom { background: url(http://www.katies-daycare.com/_template/art/footer-bottom.png) repeat 0 0; height: 70px; padding: 34px 20px 0; padding-top: 20px; margin-bottom:50px }
.footer-address {width:300px;float:left;line-height:18px;color:#FFFFFF;margin-left:20px}
.footer-phone {width:210px;float:right;font-size:25px;color:#FFFFFF;margin-top:-9px}

.LeftColImg {max-width: 556px;}



/* #Media Queries
================================================== */

/* 768 SCREEN WIDTH (TABLETS) */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

	#header {background: url(http://www.katies-daycare.com/_template/art/header-768.png) no-repeat;height:310px; width:748px }
	.GalleryFullWidth {width:670px}
	.MobileHide768 {display:none}
	
	.logoLink {height:116px;width:748px;cursor:pointer}
	.shell { width: 748px; }
	#navigation { height: 38px;}
	#navigation {margin-left:8px}
	#navigation ul li a { padding: 0 12px;  }
	#navigation ul li { font-size: 13px; }
	.LeftColImg {max-width: 310px;}
}

	
	
/* 320 VERSION (SMART PHONES) */
@media only screen and ( max-width: 767px) {

	.MobileHide {display:none}
	.moduletitle { font-size:16px;font-weight:bold }
	P { font-size: 95%;line-height: 12pt;margin-bottom:15px;}	
	TABLE, TD, TR	{ font-size: 95%;line-height: 12pt;line-height: normal;color: #4c4c47;vertical-align:top;padding:0px}
	UL,LI { font-size: 95%;line-height: 12pt}
	
	/* RIGHT CALLOUT 1 */
	.RightColumn {margin-left:0px;width:255px; float:left; }
	
	/* CONTACT FORM */
	.ContactPageForm {width: 280px; float: left;margin-left:0px}

	body { width: auto; }
	.shell { width: 320px; margin: 0 auto;  }
	.logoLink {height:100px;width:320px;cursor:pointer}
	#header {background: url(http://www.katies-daycare.com/_template/art/header-320.png) no-repeat;height:150px }
	.ContentWrapper {display:inline-block;margin-left:20px;margin-right:20px}

	#navigation { padding: 0 0 0 0; height: 36px; }
	#navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 0px; padding-left: 22px; text-transform: uppercase;  font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	#navigation a.nav-btn:hover { text-decoration: none;}
	#navigation a.nav-btn span.arr { background: url(http://www.katies-daycare.com/_template/art/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
	#navigation a.nav-btn span.arr.active { background: url(http://www.katies-daycare.com/_template/art/nav-arr.png) no-repeat 0 bottom; }

	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
	#navigation ul li { display: block; line-height: 36px !important; float: none; background: url(http://www.katies-daycare.com/_template/art/navigation.png) repeat 0 0;  }
	#navigation ul li a { padding: 0 22px; width:274px; color:#000000; }
	#navigation ul li.first a { padding-left: 26px; display: none; }
	
	#navigation ul li a:hover,
	#navigation ul li.active a  { text-decoration: none; color: #FFFFFF; background-color:#6f6f6f;}

	.footer-bottom { height: 118px; padding: 34px 20px 0; padding-top: 20px; margin-bottom:50px }
	.footer-address {width:280px;float:left;line-height:18px;color:#FFFFFF;margin-left:0px}
	.footer-phone {width:280px;float:left;font-size:25px;color:#FFFFFF;margin-top:10px}
}



@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	#navigation a.nav-btn span.arr { background: url(art/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#navigation a.nav-btn span.arr.active { background: url(art/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
}