@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background: #f3f4f7;
	text-align: center;
}

p {
	font-size: 12px;
	line-height: 14px;
}

.clear {
	clear:both;
}

.maroon {
	color: #b0091d;
}

#logo {
	background: url(images/smileprofilelogo.jpg) no-repeat left top;
	width: 332px;
	height: 67px;
}

#logo span {
	display: none;
}

#banner {
	width: 749px;
	height: 113px;
}

#container {
	position: relative;
	width: 773px;
	margin: 0 auto;
	text-align: left;
	background: #dbdcde;
	padding-bottom: 10px;
}

#container #header {
	position: relative;
	height: 77px;
}

#container #header #logo {
	position: absolute;
	top: 10px;
	left: 0px;
}

#container #banner {
	position: absolute;
	left: 10px;
	top: 82px;
}

#center {
	position: relative;
	padding-top: 124px;
	padding-left: 182px;
	padding-right: 182px;
}

#inner {
	position: relative;
	width: 100%;
}
#float-left {
	position: relative;
	float: left;
	width: 100%;
	margin-left: -173px;
}
#content {
	position: relative;
	float: right;
	margin-right: -173px; /*** Same length as .outer padding-left but with negative value ***/
	width: 100%;
}
#left {
	position: relative;
	float: left;
	width: 173px;
}
#right {
	position: relative;
	float: right; 
	width: 173px;
	margin-right: -173px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}

#topnavigation {
	position:absolute;
	right: 1px;
	top: 41px;
}
#topnavigation ul {
	list-style: none;
}
#topnavigation ul li {
	float: left;
}
#topnavigation ul li a {
	position: relative;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 40px;
	text-indent: 12px;
	color: #ffffff;
	width: 137px;
	height: 43px;
	margin-top: 10px;
}
#topnavigation #homebut {
	background: url(images/but1.gif) no-repeat left top;
	margin-left: 0px;
}
#topnavigation #aboutbut {
	background: url(images/but2.gif) no-repeat left top;
	margin-left: -43px;
}
#topnavigation #servicebut {
	background: url(images/but3.gif) no-repeat left top;
	margin-left: -43px;
}
#topnavigation #kidszonebut {
	background: url(images/but4.gif) no-repeat left top;
	margin-left: -43px;
}
#topnavigation .topnavihover {
	margin-top: 0px;
}


.midtopbox {
	position: relative;
	background: url(images/midtop_bg.jpg) repeat-y left;
}
.midtopbox .topbg {
	position: relative;
	background: url(images/midtop_bot.jpg) no-repeat bottom left;
}
.midtopbox .botbg {
	position: relative;
	background: url(images/midtop_top.jpg) no-repeat top left;
	width: 409px;
	padding-bottom: 10px;
}
.teambox {
	position: relative;
	background: url(images/teamboxbg.gif) repeat-y left;
}
.teambox .topbg {
	position: relative;
	background: url(images/teamboxbot.gif) no-repeat bottom left;
}
.teambox .botbg {
	position: relative;
	background: url(images/teamboxtop.gif) no-repeat top left;
	width: 409px;
	padding-bottom: 10px;
}
.midtopbox h1, .midbotbox h1, .teambox h1 {
	font-size: 14px;
	color: #ffffff;
	line-height: 35px;
	text-indent: 15px;
	padding-top: 10px;
	margin-bottom: 7px;
}
.midtopbox h2, .midbotbox h2, .teambox h2 {
	font-size: 12px;
	color: #46689a;
	margin-bottom: 7px;
	padding:15px;
}
.midtopbox h3, .midbotbox h3, .teambox h3 {
	text-indent: 15px;
	font-size: 11px;
	color: #46689a;
	margin-bottom: 7px;
}
.midtopbox h4, .midbotbox h4, .teambox h4 {
	font-size: 10px;
	color: #46689a;
	margin-bottom: 7px;
	padding: 15px;
}

.midtopbox p, .midbotbox p, .teambox p {
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 7px;
	text-align: justify;
}

.midbotbox {
	position: relative;
	background: url(images/midbot_bg.jpg) repeat-y left;
}
.midbotbox .topbg {
	position: relative;
	background: url(images/midbot_top.jpg) no-repeat top left;
}
.midbotbox .botbg {
	position: relative;
	background: url(images/midbot_bot.jpg) no-repeat bottom left;
	width: 409px;
	padding-bottom: 20px;
}
.midtopbox .banner, .midbotbox .banner {
	margin: 0px;
	margin-left: 5px;
	max-width: 394px;
	max-height: 141px;
}

.leftnavibox {
	position: relative;
	background: url(images/rt_bg.jpg) repeat-y left;
}
.leftnavibox .topbg {
	position: relative;
	background: url(images/rt_bot.jpg) no-repeat bottom;
}
.leftnavibox .botbg {
	position: relative;
	background: url(images/rt_top.jpg) no-repeat top;
	width: 173px;
	padding-bottom: 10px;
}

.spltreatbox {
	position: relative;
	background: url(images/st_bg.jpg) repeat-y left;
}
.spltreatbox .topbg {
	position: relative;
	background: url(images/st_top.jpg) no-repeat top;
}
.spltreatbox .botbg {
	position: relative;
	background: url(images/st_bot.jpg) no-repeat bottom;
	width: 173px;
}

.rtnavibox {
	position: relative;
	background: url(images/rightrt_bg.jpg) repeat-y left;
}
.rtnavibox .topbg {
	position: relative;
	background: url(images/rightrt_top.jpg) no-repeat top;
}
.rtnavibox .botbg {
	position: relative;
	background: url(images/rightrt_bot.jpg) no-repeat bottom;
	width: 173px;
}

.leftnavigation {
	position: relative;
	padding: 3px;
	padding-top: 45px;
}
.leftnavigation ul {
	list-style: none;
}
.leftnavigation ul li {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/redbullet.gif) no-repeat left top;
	line-height: 19px;
	text-indent: 25px;
	padding-left: 5px;
	color: #46689a;
	font-weight: bold;
	margin-bottom: 3px;
}
.leftnavigation ul .active {
	background-color: #DFE1E6;
	background-image: url(images/redbullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.leftnavigation ul li a {
	color: #46689a;
	text-decoration: none;
}
.leftnavigation ul li a:hover {
	text-decoration: underline;
}
.leftnavigation h1 {
	display: block;
	min-height: 40px;
	width: 100%;
	background: #b0091d;
	margin-bottom: 10px;
	color: #ffffff;
	text-align: center;
}
.leftnavigation h1 span {
	display: none;
}
* html .leftnavigation h1 {
	height: 40px;
}

/*** special navigation ***/

.leftspecial {
	position: relative;
	padding: 3px;
	padding-top: 18px;
	padding-bottom: 15px;
}
.leftspecial ul {
	list-style: none;
}
.leftspecial ul li {
	display: block;
	background: url(images/sqbullet.gif) no-repeat left top;
	line-height: 12px;
	text-indent: 12px;
	margin-left: 5px;
	margin-bottom: 3px;
	color: #b10a1f;
	font-size: 9px;
	font-weight: bold;
}
.leftspecial ul li a {
	color: #46689a;
	text-decoration: none;
}
.leftspecial ul li a:hover {
	text-decoration: underline;
}
.leftspecial h1 {
	display: block;
	min-height: 22px;
	width: 100%;
	background: #46689a;
	color: #ffffff;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}
.leftspecial h1 span {
	display: none;
}
* html .leftspecial h1 {
	height: 22px;
}
/**** RIGHT SECTION ****/

.rightcontent {
	position: relative;
	padding: 3px;
	padding-top: 45px;
	padding-bottom: 20px;
}
.rightcontent h1 {
	display: block;
	min-height: 40px;
	line-height: 40px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 0px;
	text-align: center;
}
.rightcontent h2 {
	display: block;
	min-height: 20px;
	line-height: 20px;
	font-size: 11px;
	width: 100%;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;
	margin-bottom: 5px;
}
.orangebg {
	background: #fa7c25;
	color: #ffffff;
}
.greybluebg {
	background: #b0bbc2;
	color: #46689a;
}
.yellowbg {
	background: #ffb83c;
	color: #b0091d;
}

.lightred {
	color: #fb680b;
}

.rightcontent h1 span {
	display: none;
}
* html .rightcontent h1 {
	height: 40px;
}
.rightcontent .imgbotborder {
	border-bottom: solid;
	border-bottom-width: 5px;
	border-bottom-color: #fa7c25;
}

.rightcontent ul {
	list-style: none;
	margin-bottom: 5px;
}
.rightcontent ul li {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 9px;
	text-indent: 6px;
	margin-left: 5px;
	margin-bottom: 3px;
	color: #666666;
	font-size: 9px;
	font-weight: bold;
}
.rightcontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
	padding: 10px;
}
.imgright {
	float: right;
}
#footer {
	position: relative;
}

#footer #footmenu {
	width: 100%;
	text-align: center;
}
#footer #footmenu ul {
	list-style: none;
}
#footer #footmenu ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6c6969;
	line-height: 20px;
	margin-left: 3px;
	font-size: 8px;
	font-weight: bold;
}
#footer #footmenu ul li a {
	color: #6c6969;
	text-decoration: none;
}
#footer #footmenu ul li a:hover {
	text-decoration: underline;
}
#footer p {
	text-align: center;
	color: #6c6969;
	line-height: 30px;
	font-size: 9px;
	font-weight: bold;
}
.blue {
	color: #46689a
}

/* contact page */

.addresses {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.address {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 38%;
	text-align: right;
}
.addresses h3 {
	font-size: 10px;
	color: #46689a;
}
.addresses .bluesmall {
	font-size: 9px;
	color: #46689a;
	font-weight: normal;
}
.addresses p {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	font-size: 9px;
	color: #403e3e;
	text-align: right;
}

.greybox {
	position: relative;
	background: #c0c0c0;
	width: 348px;
	margin: 0px auto;
}
.greybox .topbg {
	position: relative;
	background: url(images/greyboxtop.gif) no-repeat top left;
}
.greybox .botbg {
	position: relative;
	background: url(images/greyboxbot.gif) no-repeat bottom left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 348px;
}

.greybox label {
	display: block;
	height: 15px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #f7f7f7;
	width: 120px;
	margin-right: 15px;
	text-align:right;
	clear: left;
	float: left;
	margin-bottom: 5px;
}
.greybox input, .greybox textarea {
	width: 185px;
	border: none;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8f8989;
	height: 13px;
	line-height: 13px;
	padding: 1px;
	margin-bottom: 5px;
}

.greybox textarea {
	height: 40px;
}

.greybox .submit, .greybox .reset {
	clear: left;
	float: right;
	width: auto;
	margin-right: 82px;
	padding: 0px;
}

.greybox .reset {
	margin-right: 10px;
}

/*** team ***/
.teambox .teamcol1 {
	position: relative;
	width: 204px;
	margin-top: 22px;
	float: left;
}
.teambox .teamcol2 {
	position: relative;
	width: 202px;
	margin-top: 22px;
	float: left;
}
.teambox h1 {
	background: #46689a;
	height: 24px;
	line-height: 24px;
	padding: 0px;
	margin-left: 4px;
	margin-right: 0px;
	margin-bottom: 15px;
	font-size: 11px;
	text-indent: 0px;
	text-align: center;
}
.teambox .teamcol2 h1 {
	margin-left: 2px;
	margin-right: 0px;
	margin-bottom: 15px;
}

.teambox ul {
	list-style: none;
	margin-left: 5px;
	margin-bottom: 15px;
}
.teambox li {
	display: block;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-size: 9px;
	color: #000000;
	margin-bottom: 3px;
}

.teambox .teamhead {
	margin-top: 10px;
	line-height: 13px;
	font-size: 9px;
	color: #46689a;
	background: url(images/greybullet.gif) no-repeat left center;
}
.teambox .content {
	margin-left: 15px;
}

.martop10 {
	margin-top: 10px;
}
.marbot10 {
	margin-bottom: 10px;
}
.teambox p {
	padding-left: 0px;
	padding-bottom: 6px;
	padding-top: 0px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*** kidszone page ***/

.kidspage {
	background: #d2831a url(images/kidspagebg.gif) repeat-x top;
}

.kidspage #container {
	position: relative;
	width: 779px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px;
	background: #fcfdf0 url(images/kidspageend.jpg) no-repeat bottom;
}

.kidspage #container #banner {
	left: 0px;
	top: 55px;
}

.kidspage #container #center{
	padding-top: 265px;
}

.kidspage #topnavigation {
	top: 14px;
	right: 1px;
}

.kidspage .leftnavibox {
	position: relative;
	background: url(images/kidsleftboxbg.gif) repeat-y left;
}
.kidspage .leftnavibox .topbg {
	position: relative;
	background: url(images/kidsleftboxbot.gif) no-repeat bottom;
}
.kidspage .leftnavibox .botbg {
	position: relative;
	background: url(images/kidsleftboxtop.gif) no-repeat top;
	width: 173px;
	padding-bottom: 10px;
}
.kidspage .centerimg {
	margin: 10px;
	margin-top: 10px !important;
	margin-top: -150px;
}

.kidspage .midbotbox {
	position: relative;
	background: url(images/kidscontentboxbg.jpg) repeat-y left;
}
.kidspage .midbotbox .topbg {
	position: relative;
	background: url(images/kidscontentboxtop.jpg) no-repeat top left;
}
.kidspage .midbotbox .botbg {
	position: relative;
	background: url(images/kidscontentboxbot.jpg) no-repeat bottom left;
	width: 409px;
	padding-bottom: 20px;
}
.kidspage .leftnavigation {
	position: relative;
	padding: 3px;
	padding-top: 15px;
}
.kidspage .rtnavibox {
	position: relative;
	background: url(images/kidsleftboxbg.gif) repeat-y left;
}
.kidspage .rtnavibox .topbg {
	position: relative;
	background: url(images/kidsleftboxtop.gif) no-repeat top;
}
.kidspage .rtnavibox .botbg {
	position: relative;
	background: url(images/kidsleftboxbot.gif) no-repeat bottom;
	width: 173px;
}
.kidspage .rightcontent {
	position: relative;
	padding: 3px;
	padding-top: 13px;
	padding-bottom: 20px;
}
.kidspage .rightcontent ul li {
	font-size: 8px;
	margin-left: 15px;
}
.kidspage .rightcontent .orangehead {
	font-size: 9px;
	color: #d2831a;
	margin-left: 7px;
}
.kidspage #footer {
	margin-top: 30px;
}
.kidspage .leftnavibox h1 {
	font-size: 14px;
	line-height: 40px;
	margin: 0px;
	margin-bottom: 10px;
}
.kidspage .leftnavibox p {
	color: #47638e;
	font-size: 10px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 10px;
}
.kidspage .kids2col {
	margin-top: 5px;
	position: relative;
	background: url(images/kids2colboxbg.jpg) repeat-y left;
}
.kidspage .kids2col .topbg {
	position: relative;
	background: url(images/kids2colboxtop.jpg) no-repeat top left;
}
.kidspage .kids2col .botbg {
	position: relative;
	background: url(images/kids2colboxbot.jpg) no-repeat bottom left;
	width: 409px;
	padding-bottom: 20px;
}
.kidspage p {
	font-size: 12px;
	margin-bottom: 10px;
	padding-right: 10px;
}
.kidspage .col1 {
	position: relative;
	width: 204px;
	margin-top: 40px;
	float: left;
}
.kidspage .col2 {
	position: relative;
	width: 195px;
	margin-left: 5px;
	margin-top: 40px;
	float: left;
}
.kidspage .content {
	margin-left: 15px;
}
.kidspage .col1 ul, .kidspage .col2 ul {
	list-style: none;
}
.kidspage .col1 ul li, .kidspage .col2 ul li {
	position: relative;
	display: block;
	padding-left: 20px;
	padding-right: 5px;
	line-height: 12px;
	margin-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(images/greybullet.gif) no-repeat 5px 3px;
}

.kidspage .col1 ul li li, .kidspage .col2 ul li li {
	background: none;
	margin-bottom: 4px;
}

.padding5 {
	padding: 5px;
}

.centerimg {
	margin: 10px;
}