/* version: 2.6.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

html {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: #12b0e4;
	background: url(/images/hills-middle.jpg) repeat;
	color: #333;
}

/* @end */

/* GLOBAL ------------------------*/

a {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#wrap {
	width: 100%;
	background: url(/images/hills-top.jpg) repeat-x top;
}

/* HEADER ------------------------*/

#header {
	height: 42.6em;
}

#contact h2, #discounts h2 {
	padding: 5px 0;
	text-indent: -999em;
	width: 100%;
}

#contact h3, #discounts h3 {
	text-indent: -999em;
	width: 100%;
	padding: 5px 0;
}

#contact a, #discounts a, #identity a {
	display: block;
	text-indent: -999em;
}

#contact {
	position: absolute;
	left: 0;
	top: 75px;
	width: 264px;
}

#contact h2 {
	background: url(/images/phone-numbers.png) no-repeat center;
	height: 55px;
}

#contact a {
	background: url(/images/contact-text-2.png) no-repeat center -36px;
	height: 36px;
	margin-top: 13px;
}

#contact a:hover, #discounts a:hover {
	background-position: center 0;
}
#find {
	position: absolute;
	right: 35px;
	top: 6px;
	width: 98px;
	z-index: 99;
	height: 26px;
}

#find a {
	background: url(/images/facebook.png) no-repeat center -36px;
	height: 32px;
	margin-top: 13px;
}

#find b {
	background: url(/images/twitter.png) no-repeat center;
	height: 32px;
	margin-top: 13px;
}

#discounts {
	position: absolute;
	right: 0;
	top: 50px;
	width: 242px;
	z-index: 99;
}

#discounts h2 {
	background: url(/images/we-make-text.png) no-repeat center;
	height: 84px;
}

#discounts h3 {
	background: url(/images/serving-text.png) no-repeat center;
	height: 32px;
}

div.hr {
	background: url(/images/hr.png) no-repeat center;
	border: none;
	width: 100%;
	height: 16px;
	margin: 5px 0 8px 0;
}

div.hr hr {
	display: none;
}

#identity h1 {
	text-indent: -9999em;
	background: url(/images/bonbon-logo.png) no-repeat center;
	width: 488px;
	height: 188px;
}

#identity {
	width: 488px;
	position: absolute;
	left: 230px;
	top: 15px;
	z-index: 99;
}

#identity ul {
	width: 480px;
	border-top: 1px solid #584481;
	margin: 13px 0 0 6px;
}

#identity li {
	float: left;
	padding: 15px 15px;
}

#identity a {
	float: left;
	height: 12px;
	overflow: hidden;
}

#home a {
	background: url(/images/home-menu.png) no-repeat center -12px;
	width: 44px;
}

#photos a {
	background: url(/images/photo-menu.png) no-repeat center -12px;
	width: 118px;
}

#testimonials a {
	background: url(/images/testimonial-menu.png) no-repeat center -12px;
	width: 109px;
}

#contactus a {
	background: url(/images/contact-menu.png) no-repeat center -12px;
	width: 87px;
}

#home a:hover, #photos a:hover, #testimonials a:hover, #contactus a:hover {
	background-position: center 0;
} 

.home #home, .testimonials #testimonials, .photos #photos, .contacts #contactus {
	background: url(/images/cloud.png) no-repeat center;
}

.home #home a, .testimonials #testimonials a, .photos #photos a {
	background-position: center 0;
}

#contact a:hover, #discounts a:hover {
	color: yellow;
}

/* MAIN ------------------------------*/

#main {
	text-align: left;
	position: relative;
	width: 960px;
	margin: auto;
	background: url(/images/hills-header-middle.jpg) no-repeat center top;
}

.home #main {
	background: url(/images/characters-top.jpg) no-repeat center top;
}

.photos #main {
	background: url(/images/photo-gallery-top.jpg) no-repeat center top;
}

#content {
	clear: both;
	position: relative;
	padding-bottom: 20px;
}

.home #content {
	height: 70em;
}

#character-image {
	position: absolute;
	top: -160px;
	z-index: 0;
	left: 40px;
}

.card {
	position: absolute;
	padding-bottom: 34px;
}

.card h2, .photos #main h2 {
	text-indent: -999em;
}

.card ul {
	padding-top: 8px;
}

.card li {
	font-size: 1.4em;
	padding: 5px 30px 5px 30px;
}

/* CLOWN-A-GRAM ------------------*/

#clown-a-gram {
	left: 0;
	top: 55px;
	width: 499px;
	background: url(/images/clown-a-gram-bottom.png) no-repeat center bottom;
}

#clown-a-gram h2 {
	width: 499px;
	height: 134px;
	background: url(/images/clown-a-gram-top.png) no-repeat left top;
}

#clown-a-gram p {
	font-size: 2.4em;
	font-weight: bold;
	padding: 20px 250px 5px 40px;
	color: #8a387d;
	background: url(/images/clown-a-gram-middle.png) repeat-y;
}

#clown-a-gram .details {
	text-transform: uppercase;
	font-weight: normal;
	font-size: .75em;
}

#clown-a-gram #phone {
	padding-bottom: 50px;
}

/* PARTIES -------------------*/

#parties {
	left: 235px;
	top: 155px;
	width: 273px;
	z-index: 2;
	background: url(/images/parties-bottom.png) no-repeat bottom;
}

#parties h2 {
	width: 273px;
	height: 112px;
	background: url(/images/parties-top.png) no-repeat left top;
}

#parties ul {
	background: url(/images/parties-middle.png) repeat-y center;
}

#parties li {
	color: #ec008c;
	text-align: right;
	padding-right: 71px;
}


/* EVENTS -------------------*/

#events {
	left: 440px;
	top: 115px;
	width: 304px;
	z-index: 99;
	background: url(/images/events-bottom.png) no-repeat bottom;
}

#events h2 {
	width: 304px;
	height: 115px;
	background: url(/images/events-top.png) no-repeat left top;
}

#events ul {
	background: url(/images/events-middle.png) repeat-y center;
}

#events li {
	color: #15aee0;
	padding-left: 50px;
}


/* CHARACTERS -------------------*/

#characters {
	top: 140px;
	left: 645px;
	z-index: 1;
	width: 316px;
	background: url(/images/characters-bottom.png) no-repeat bottom;
}

#characters h2 {
	width: 316px;
	height: 113px;
	background: url(/images/characters-top.png) no-repeat left top;
}

#characters ul {
	background: url(/images/characters-middle.png) repeat-y center;
}

#characters li {
	color: #aab31d;
	text-align: right;
	padding-right: 50px;
	padding-left: 80px;
}


/* OLDER -------------------*/

#older {
	left: 60px;
	bottom: 75px;
	z-index: 1;
	width: 338px;
	background: url(/images/older-bottom.png) no-repeat bottom;
}

#older h2 {
	width: 338px;
	height: 154px;
	background: url(/images/older-top.png) no-repeat left top;
}

#older ul {
	background: url(/images/older-middle.png) repeat-y center;
}

#older li {
	color: #e94236;
	padding-left: 90px;
	padding-right: 80px;
}

/* ALWAYS -------------------*/

#always {
	left: 307px;
	bottom: 90px;
	width: 484px;
	background: url(/images/always-top-bg.png) no-repeat top;
	padding: 0;
	z-index: 1;
}

#always h2 {
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: 257px;
	height: 18.9em;
	background: url(/images/always-top.gif) no-repeat left bottom;
	z-index: 1;
}

#always ul {
	padding: 35px 0;
	background: url(/images/always-bottom.png) no-repeat bottom;
}

#always li {
	color: #f47f24;
	padding-left: 300px;
	background: url(/images/always-middle-bg.png) repeat-y;
}

#always li#first {
	padding-top: 70px;
}

/* TESTIMONIALS -------------------------*/

.testimonials #content h1 {
	background: url(/images/testimonial-head.png) no-repeat center;
	width: 100%;
	height: 138px;
	text-indent: -999em;
	position: absolute;
	top: -110px;
}

.testimonials #first {
	padding-top: 20px;
}

.testimonial {
	background: url(/images/testimonial-bottom.png) no-repeat center bottom;
	width: 960px;
	padding-bottom: 34px;
}

.testimonial h2 {
	background: url(/images/testimonial-top.png) no-repeat center top;
	font-size: 2.4em;
	color: #ec008c;
	text-transform: uppercase;
	font-weight: bold;
	padding: 50px 80px 0 60px;
	width: 820px;
}

.testimonial p {
	font-size: 1.4em;
	line-height: 1.5;
	padding: 10px 80px 15px 60px;
	background: url(/images/testimonial-middle.png) repeat-y center;
}

.testimonial a {
	color: #ec008c;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #ec008c;
}

/* CONTACTS-------------------------*/

.contacts #content h1 {
	width: 100%;
	height: 138px;
	text-indent: -999em;
	position: absolute;
	top: -110px;
	background-image: url(/images/contact-head.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contacts #first {
	padding-top: 20px;
}

.testimonial {
	background: url(/images/testimonial-bottom.png) no-repeat center bottom;
	width: 960px;
	padding-bottom: 34px;
}

.testimonial h2 {
	background: url(/images/testimonial-top.png) no-repeat center top;
	font-size: 2.4em;
	color: #ec008c;
	text-transform: uppercase;
	font-weight: bold;
	padding: 50px 80px 0 60px;
	width: 820px;
}

.testimonial p {
	font-size: 1.4em;
	line-height: 1.5;
	padding: 10px 80px 15px 60px;
	background: url(/images/testimonial-middle.png) repeat-y center;
}

.testimonial a {
	color: #ec008c;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #ec008c;
}

/* PHOTO GALLERY ------------------------*/

#team-pics, #party-pics {
	padding-bottom: 35px;
}

#team-pics {
	width: 478px;
	background: url(/images/team-bottom.png) no-repeat bottom;
	float: left;
}

#party-pics {
	width: 479px;
	background: url(/images/partypics-bottom.png) no-repeat bottom;
	float: right;
}

#party-pics h2 {
	width: 479px;
	background: url(/images/partypics-top.png) no-repeat left top;
	height: 115px;
}

#team-pics h2 {
	width: 478px;
	background: url(/images/team-top.png) no-repeat left top;
	height: 115px;
}

#party-pics ul {
	float: left;
	padding: 10px 20px 0 20px;
	background: url(/images/partypics-middle.png) repeat-y;
	width: 479px;
	width: 439px;
}

#team-pics ul {
	background: url(/images/team-middle.png) repeat-y;
	float: left;
	padding: 10px 20px 0 20px;
	width: 478px;
	width: 438px;
}

#party-pics li, #team-pics li {
	float: left;
	padding: 10px 0 5px 20px;
}

#party-pics img, #team-pics img {
}

/* FOOTER -------------------------------*/

#footer-wrap {
	clear: both;
	width: 100%;
	background: url(/images/footer-grad.png) repeat-x bottom;
	height: 30em;
}

#footer {
	width: 920px;
	margin: auto;
	text-align: left;
	padding-top: 15px;
}

#footer a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: #333;
}

#footer p {
	font-size: 1.1em;
	line-height: 1.5;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#footer p#credits {
	float: right;
	border: none;
}

#footer p#copyright {
	float: left;
	border: none;
}

/* LOCAL -------------------------------*/

#local {
	width: 920px;
	float: left;
	border-bottom: 1px solid #000;
	margin-bottom: 3px;
}

#local ul {
	float: left;
	width: 920px;
	margin-bottom: 15px;
}

#local li {
	float: left;
}

#local li#sj {
	float: left;
}

#local li#rs {
	margin: 0 45px 0 40px;
}

#local li#title {
	font-size: 1.8em;
	font-weight: bold;
	
}
.btn_06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.btn_06 a:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.btn_06 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.btn_06 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #75BA36;
	text-decoration: none;
	line-height: 20px;
}
.btn_06 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}