/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/* Masthead */
#masthead {float: left;margin-left:20px; margin-top: 5px; padding-top:8px;position:absolute}
#masthead #logo h1 {float:left;margin:0;padding:0;text-transform: uppercase;font-weight: bold}
#masthead #logo h1 a {color:#fff;font-size:0.45em;}
#masthead #logo .description {float:right; margin:1.5em 2em;vertical-align: middle; font-size:18px;}

/* Main navigation overrides */
body {color:#999;background: #000 url(images/body-bg.jpg) repeat-x;}
#nav-main {height:46px;background:#4bc4b9;margin:0 0 2em 0}
.home #nav-main {margin:1em 0;}
#nav-main .sf-menu {margin:0;padding:0;display:block;position:relative;top:0;font-size:14px;font-weight:bold;width:950px;height:46px;float:none;clear:both; background:#4bc4b9}
#nav-main .sf-menu li {margin-right:0; background:#4bc4b9;white-space:nowrap;text-transform:capitalize}
#nav-main .sf-menu li a {padding:10px 55px 22px 12px; color:#fff;}
#nav-main .sf-menu li a:hover {color:#fff;background:#C93;}
#nav-main .sf-menu li.sfHover ul {top:3.4em;}
#nav-main .sf-menu li {border-right: 1px solid #fff;margin-left:0;}
#nav-main .sf-menu li li {border:none;background:#6bc4b9}
#nav-main .sf-menu li li li {border:none;}
#nav-main .sf-menu a {padding:9px;text-decoration:none;}
.container {width:990px;margin:0 auto;background:#f8fbec;z-index:49;}
.content {display:block;clear:both;margin-top:25px}
.app {margin-bottom:5px;}
#page-banner {
width: 950px;
height: 200px;
background:url(http://www.stoneyskids.net/banners/jumping-kids.jpg) no-repeat;
margin-bottom: 5px;
}
li {
color:#515151;	
}