/* CSS Styles for all pages */

BODY {
	FONT-SIZE: 0.70em; PADDING: 0px; MARGIN: 0px; FONT-FAMILY: Helvetica, Arial, sans-serif; background: url(../www_images/bg_main_gradient.png) #f9fbd2 repeat-x top left; /*margin-top: 40px;*/ font: 12px "Lucida Grande", Arial, Helvetica, clean, sans-serif; color: #333;
}

img, div, input, h1 { border : 0; }
p {margin:0; padding:0;}

a { text-decoration:none; color:#333}
a:hover { color:#000; }

h2 { margin: 0; padding: 0;  }
h3 { padding: 0; margin: 0; height: 16px; padding-bottom: 10px; font-size: 170%; color: #0d4bd7;}
h4 { padding: 0; margin: 0; }
h5 { padding: 0; margin: 0; padding-bottom: 5px; font-size: 160%; color: #0d4bd7;}

h2.page_title_h2 {
		color: #999;
		color: blue;
		font-size: 400%;
		letter-spacing: -2px;
		padding-bottom: 20px;
		height: 36px;
}

span.heading4 {padding: 0; margin: 0; font-size: 227%; color: #0d4bd7; letter-spacing: 0px;}

#main_container {
	MARGIN: 0px auto; WIDTH: 960px; POSITION: relative; padding:0;
}

#phone_youtube_facebook {
	position: absolute;
	top: 273px;
	left: 495px;
	width: 460px;
	height: 73px;
}

#youtube_facebook_buttons {margin:0px; padding:0px; list-style-type:none; float:right;}
#youtube_facebook_buttons li { float:left; }
#youtube_facebook_buttons li a {margin:0px; padding:0px; display:block; outline:none;}

a#facebook_button { width:49px; height: 46px; background:url(../www_images/facebook_youtube_buttons/facebook_button.png) no-repeat;}
a#twitter_button {width:49px; height: 46px; background:url(../www_images/facebook_youtube_buttons/twitter_button.png) no-repeat;}
a#youtube_button {width:49px; height: 46px; background:url(../www_images/facebook_youtube_buttons/youtube_button.png) no-repeat;}

a#facebook_button:hover {background-position: -49px 0;}
a#twitter_button:hover {background-position: -49px 0;}
a#youtube_button:hover {background-position: -49px 0;}

h3#phone_number {clear: both; padding: 0; display:block; text-align:right; height: 30px; padding-top:5px;}

#cloud_front1 {
	background: url(../www_images/cloud_front1.png) no-repeat;
	width: 314px;
	height: 99px;
	position: absolute;
	top: 60px;
	left: 622px;
}
#cloud_front2 {
	background: url(../www_images/cloud_front2.png) no-repeat;
	width: 333px;
	height: 104px;
	position: absolute;
	top: 41px;
	left: -15px;
}
#cloud_back1 {
	background: url(../www_images/cloud_back1.png) no-repeat;
	width: 169px;
	height: 55px;
	position: absolute;
	top: 232px;
	left: -17px;
}
#cloud_back2 {
	background: url(../www_images/cloud_back2.png) no-repeat;
	width: 167px;
	height: 55px;
	position: absolute;
	top: 217px;
	left: 822px;
}

#site_header {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	height:393px; /*was 354px*/
	z-index: 2;
}

#header-01 {
	background:url(../www_images/header/header_01.png) no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:50px;
}

#header-02 {
	background:url(../www_images/header/header_02.png) no-repeat;
	position:absolute;
	left:0px;
	top:50px;
	width:341px;
	height:63px;
}

#header-03 {
	background:url(../www_images/header/header_03.jpg) no-repeat;
	position:absolute;
	left:341px;
	top:50px;
	width:282px;
	height:63px;
}

#header-04 {
	background:url(../www_images/header/header_04.png) no-repeat;
	position:absolute;
	left:623px;
	top:50px;
	width:337px;
	height:63px;
}

#header-05 {
	background:url(../www_images/header/header_05.png) no-repeat;
	position:absolute;
	left:0px;
	top:113px;
	width:209px;
	height:64px;
}

#header-06 {
	background:url(../www_images/header/header_06.jpg) no-repeat;
	position:absolute;
	left:209px;
	top:113px;
	width:548px;
	height:64px;
}

#header-07 {
	background:url(../www_images/header/header_07.png) no-repeat;
	position:absolute;
	left:757px;
	top:113px;
	width:203px;
	height:64px;
}

#header-08 {
	background:url(../www_images/header/header_08.png) no-repeat;
	position:absolute;
	left:0px;
	top:177px;
	width:131px;
	height:91px;
}

#header-09 {
	background:url(../www_images/header/header_09.jpg) no-repeat;
	position:absolute;
	left:131px;
	top:177px;
	width:703px;
	height:91px;
}

#header-10 {
	background:url(../www_images/header/header_10.png) no-repeat;
	position:absolute;
	left:834px;
	top:177px;
	width:126px;
	height:91px;
}

#header-11 {
	background:url(../www_images/header/header_11.png) no-repeat;
	position:absolute;
	left:0px;
	top:268px;
	width:63px;
	height:86px;
}

#header-12 {
	background:url(../www_images/header/header_12.jpg) no-repeat;
	position:absolute;
	left:63px;
	top:268px;
	width:842px;
	height:86px;
}

#header-13 {
	background:url(../www_images/header/header_13.png) no-repeat;
	position:absolute;
	left:905px;
	top:268px;
	width:55px;
	height:86px;
}

#sun_anim { background:url(../www_images/sun_anim.gif) no-repeat; width: 36px; height: 35px; position: absolute; top: 204px; left: 601px; }

/*TOP MENU*/
ul#topnav { height: 39px; width: 100%; margin:0px; padding:0px; list-style-type:none; position:relative; top:354px; }
ul#topnav li { float:left; 
			   margin: 0; padding: 0;
			   position: relative; /*--Important--*/}
ul#topnav li a {margin:0px; padding:0px; display:block; outline:none; height: 39px; float: left; color: #FFF; position: relative;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav li a.current { background-position: 0px -39px; }
ul#topnav li.hoveranywayli:hover a.current { background-position: left bottom; }

ul#topnav li a span { padding: 0; margin: 0; font-size: 160%; position: absolute; top: 5px; left: 12px;}

ul#topnav a.home { background:url(../www_images/mainmenu/nav_home.png) no-repeat; width: 103px; }
ul#topnav a.parties { background:url(../www_images/mainmenu/nav_parties.png) no-repeat; width: 168px; }
ul#topnav a.about { background:url(../www_images/mainmenu/nav_about.png) no-repeat; width: 152px; }
ul#topnav a.contact { background:url(../www_images/mainmenu/nav_contact.png) no-repeat; width: 122px; }
ul#topnav a.blog { background:url(../www_images/mainmenu/nav_blog.png) no-repeat; width: 129px; }
ul#topnav a.quickquote { background:url(../www_images/mainmenu/nav_quickquote.png) no-repeat; width: 162px; }
ul#topnav li.remainder { background:url(../www_images/mainmenu/nav_menuremainder.png) no-repeat; width: 124px; height: 39px;}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 39px; left: 0;
	background: #548df5 url(../www_images/mainmenu/sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 163px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 120%;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #ffff00;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../www_images/mainmenu/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
	text-decoration: underline;
}
ul#topnav .sub ul li h2 a:hover { /*--Sub nav heading link style--*/
	color: #ffff00;
}

/*TOP MENU END*/


#site_footer { position: relative; margin-top: 30px; padding-top: 20px; font-size: 80%; line-height: 1.1em; height: 70px; background:url(../www_images/footer_bg_grad.png) top left no-repeat; float: none; clear: both;}
#copyright_section { margin: 0px auto; width: 226px; padding-top: 30px; }
#buttons_bottom { padding-left: 18px; height: 16px;  }
#addthisbutton { float: left; }
#feedback_btn { background:url(../www_images/feedback_btn.png) no-repeat; width: 113px; height: 21px; float: left; border:none; padding:0; margin:0; margin-left: 15px; }
#paypal_logo { position:absolute; bottom:  50px; right: 15px; background:url(../www_images/paypal_logo.png) no-repeat; width: 150px; height: 45px; border:none; padding:0; margin:0; margin-left: 15px; }

#main_content_section {margin:0px; padding:24px 0 0 30px; width: 930px; background:url(../www_images/main_content_top_bg.png) top left repeat-x; overflow:auto;}

#left_section_container {width: 173px;  margin:0px; padding:0px; float:left;}
.leftmenu { position:relative; width: 173px;  margin:0px; padding:0px; padding-top: 34px; background:url(../www_images/left_menu/ourparties_header_h3.png) no-repeat; }
h3.ourparties_h3 {color: #0d4bd7; padding:0; margin:0; position: absolute; top: 8px; left: 11px; letter-spacing: 1px; text-transform:uppercase;}
.leftmenufooter { background:url(../www_images/left_menu/ourparties_footer.png) bottom left no-repeat; height:11px; width: 173px;}
.leftmenu ul {margin:0px; padding:0px; list-style-type:none; width: 173px; background:url(../www_images/left_menu/leftmenubg.png) repeat-y;}
.leftmenu ul li { /*background:url(../www_images/left_menu/hilited.png);*/ }

.leftmenu ul li a { font-size: 140%; color: #777; position: relative; margin:0px; padding:0px; display:block; outline:none; height: 21px; width: 155px; margin-left: 4px; background:url(../www_images/left_menu/item_unselected_bg.gif) repeat-x; padding-left: 10px; padding-top: 4px;}
.leftmenu ul li a:hover { background:url(../www_images/left_menu/hilited.png) repeat-x; } /*this is really for the Joomla Blog menu on the left and in case the person doesn't have Javascript enabled*/



#calendar_container_div {position: relative; width: 173px; height: 190px; margin:0px; padding:0px; padding-top:34px; margin-top: 20px; background:url(../www_images/availability_bg.png) no-repeat; }
h3.availability { letter-spacing: 4px; color: #0d4bd7; padding:0; margin:0; position: absolute; top: 8px; left: 11px;}
#check_date_button_div { position: absolute; top: 212px; left: 37px; padding: 10px 0 0 0; width: 99px; margin: 0px; }
#check_date_button {position: absolute; bottom: 0px; left: 0px; width: 99px; height: 30px; background:url(../www_images/check_pick_date_btn.png) no-repeat; background-position: 0 -30px; cursor: pointer; border: 0px; margin:0px; }
#check_date_button_placeholder {position: absolute; bottom: 0px; left: 0px; width: 99px; height: 30px; background:url(../www_images/check_pick_date_btn.png) no-repeat; border: 0px; margin:0px; }
#check_date_button:hover { background:url(../www_images/check_pick_date_btn.png); background-position: 0 -600px;}

#content_right_container { position:relative; float: left; margin-left:35px; width: 688px; }
#breadcrumb { padding-bottom: 5px; font-size: 90%; }
#breadcrumb a:hover { text-decoration:underline; }

#content_right_top { background:url(../www_images/content_area/content_top_bg.png) top left no-repeat; width: 100%; height: 30px;}
#content_right_middle { background:url(../www_images/content_area/content_middle_bg.png) top left repeat-y; width: 100%; }
#content_right_bottom { background:url(../www_images/content_area/content_bottom_bg.png) bottom left no-repeat; width: 100%; height: 30px;}

.content_right_top_class { background:url(../www_images/content_area/content_top_bg.png) top left no-repeat; width: 100%; height: 30px; margin-top: 15px;}
.content_right_middle_class { background:url(../www_images/content_area/content_middle_bg.png) top left repeat-y; width: 100%; }
.content_right_bottom_class { background:url(../www_images/content_area/content_bottom_bg.png) bottom left no-repeat; width: 100%; height: 30px;}

/*Bottom boxes - this is a 3 box container for the bottom of the website*/
#bottom_boxes_container {float: none; clear: both; padding-top:30px; height: 98px; overflow:hidden;}
#bottom_boxes_list {  list-style-type:none; border:0; margin:0; padding:0; height: 98px;} 
#bottom_boxes_list li { float:left; }
#bottom_boxes_list li a {margin:0px; padding:0px; outline:none; float: left; }
#bottom_boxes_list li a span { border:0; margin:0px; padding: 0; cursor: pointer; display: block; padding: 8px;}
#bottom_boxes_list li a span.menupic { cursor: pointer; display: block;}
#bottom_box_1 a { width: 299px; height: 98px; background:url(../www_images/bottom_boxes/box_1_unselected.png) no-repeat; }
#bottom_box_2 a { width: 297px; height: 98px; background:url(../www_images/bottom_boxes/box_2_unselected.png) no-repeat; }
#bottom_box_3 a { width: 300px; height: 98px; background:url(../www_images/bottom_boxes/box_3_unselected.png) no-repeat; }
#bottom_box_1 a span{ width: 299px; height: 98px; background:url(../www_images/bottom_boxes/box_1_selected.png) no-repeat; }
#bottom_box_2 a span{ width: 297px; height: 98px; background:url(../www_images/bottom_boxes/box_2_selected.png) no-repeat; }
#bottom_box_3 a span{ width: 300px; height: 98px; background:url(../www_images/bottom_boxes/box_3_selected.png) no-repeat; }

.padleft25px { padding-left: 25px; }
.padtop20px { margin-top: 20px; } 
.padtop50px { margin-top: 50px; } 
.padtop30px { margin-top: 30px; } 
.padtop10px { margin-top: 10px; } 
.padbottom20px { margin-bottom: 20px;}
.padbottom30px { margin-bottom: 30px;}
.pad2bottom20px { padding-bottom: 20px;}
.padbottom10px { margin-bottom: 10px;}
.padbottom5px { margin-bottom: 5px;}
.marginleft25px { margin-left: 25px; }
.padleft35px { margin-left: 35px; }


/*different for every page*//*========HOME PAGE==========*/
#content_right_content_absolute { position: absolute; top: 0; left: 0; width: 688px; }
.home_content_area { }
.content_right_middle_home { height: 255px; }
#parties_tag_cloud { padding-left: 12px; padding-top: 15px; width: 213px; position: absolute; top:0; left:0; }
h4.parties_tag_cloud_text {font-size: 227%; color: #0d4bd7; letter-spacing: 0px; display:block; margin-left: 135px;}
#view_video_text { margin-left: 5px; margin-top: 9px; width:230px; height: 98px; position: absolute; top:180px; left:0; }
#video_window { position: absolute; top: 18px; left: 240px; width: 428px; height: 271px;}
#homepage_text { padding:0; margin:0; padding: 5px 70px 0px 70px; font-size: 110%; line-height: 1.5em;}
h4.bookparty_text {font-size: 227%; color: #0d4bd7; letter-spacing: 0px; padding-top: 15px; padding-bottom: 15px; display:block; margin-left: 200px;} 
a.book_party_today { background:url(../www_images/main/book_your_party_button_bg.png) no-repeat; background-position: 0 0; width: 305px; height:35px; padding-left: 10px; display:block; }
a.book_party_today:hover { background-position: 0px -37px;}

/*========CONTACT PAGE==========*/
.contact_content_area { /*height: 600px;*/  }
.content_right_middle_contact { height: 596px; }
#addressphone { margin:0; padding:0; padding-bottom: 15px; padding-left: 15px;}


 
#phone_email_list {list-style: none; margin:0; padding:0; padding-left: 15px; height: 75px;}
#phone_email_list li { padding-top:2px; }

.phone_title {width: 130px; float: left; clear:both;}
.phone_number {float: left; width: 100px;}

input, select { vertical-align:middle; font-weight:normal;}

#cForm { padding: 0; margin: 0;}

#contact_form_table {padding-left: 15px;}
.form { height:30px; padding-top:5px;}
.form input {width:200px; height:22px; background:none; border:1px solid #ccc; padding:0; margin:0; padding-left:4px;  padding-top:3px;
font-size: 14px; color: #888; }
textarea { width:300px; height:150px; background:none; overflow:auto; border:1px solid #ccc; padding:0; margin:0; padding-left:4px; padding-top:3px; margin-bottom: 5px;
font-size: 14px; color: #888; font-family: "Lucida Grande", Arial, Helvetica, clean, sans-serif;}
#submit_button { width: 52px; height: 30px; font-size: 16px; padding: 4px; color:#fff; background:url(../www_images/contact_page/sendbutton_bg.png); cursor: pointer; border: 0px; margin: 0; }
#submit_button:hover {background:url(../www_images/contact_page/sendbutton_bg.png); background-position: 0 -30px;}
#submit_button_div {padding: 10px 367px 0 0; float:right;}

p#newsletter_text { padding-bottom: 30px; width: 200px; font-size: 90%; color: #999;}
#newsletter {padding: 5px 0 0 20px; position: absolute; width: 250px; height: 200px; top: 106px; left: 410px; background:url(../www_images/leftcolumnseparator.gif) repeat-y;}
#newsletter_internal_div {padding-left: 5px;}
#signup_button_div {float: right; padding: 10px 39px 0 0;}
#signup_button {width: 73px; height: 30px; font-size: 16px; padding: 4px; color:#fff; background:url(../www_images/contact_page/signupbutton_bg.png); cursor: pointer; border: 0px; margin: 0; }
#signup_button:hover { background:url(../www_images/contact_page/signupbutton_bg.png); background-position: 0 -30px;}

#balloons_pic { background:url(../www_images/contact_page/balloons_bg.jpg) no-repeat; position: absolute; top:326px; left: 412px; width: 263px; height:278px;}
#birds_pic { background:url(../www_images/contact_page/birds.png) no-repeat; position: absolute; top:188px; left: 595px; width: 45px; height:27px;}
#squirrel_pic { background:url(../www_images/contact_page/squirrel.png) no-repeat; position: absolute; top:397px; left: 310px; width: 34px; height:31px;}
#butterfly_pic { background:url(../www_images/contact_page/butterfly.png) no-repeat; position: absolute; top:575px; left: 278px; width: 25px; height:26px;}
#butterfly_swirls_pic { background:url(../www_images/contact_page/butterfly_swirls.png) no-repeat; position: absolute; top:596px; left: 130px; width: 148px; height:72px;}

@media screen and (-webkit-min-device-pixel-ratio:0){

textarea { padding-left:2px; }

} 

/*========OUR PARTIES PAGE==========*/
.content_right_middle_ourparties {}

#ourparties_gps_content_container {
	position: relative; 
	width: 436px; 
	height: 462px; 
	margin-left: 194px; 
	display: block; 
	background:url(../www_images/ourparties/content/princess_content_bg.png) no-repeat; 
	overflow: hidden;
	}
	
#ourparties_inner_container {
	width: 4860px; /*Change this value to encompass all the divs width = all widths combined*/
	height: 462px;
	position: relative;
}

.scrolling-content {
	width: 436px;
	height: 462px;
	position: absolute;
}

/* --------- Photos Section ---------- */
h4.subheading {font-size: 290%; color: #0d4bd7; letter-spacing: 0px; display:block;}

#party_photos_container { display:inline-block; height: 360px; width: 100%;}
a#prev_button_strip { background-image:url(../www_images/gallery/prev_arrow_enabled.png); background-repeat:no-repeat; width: 48px; height:48px; padding-right: 20px; margin-top: 73px; display:block; outline:none;}
a#next_button_strip { background-image:url(../www_images/gallery/next_arrow_enabled.png); background-repeat:no-repeat; width: 48px; height:48px; margin-top: 73px; display:block; outline:none;}

span#prev_button_unlit { background-image:url(../www_images/gallery/prev_arrow_disabled.png); background-repeat:no-repeat; width: 48px; height:48px; display:block; outline:none; cursor:pointer;}
span#next_button_unlit { background-image:url(../www_images/gallery/next_arrow_disabled.png); background-repeat:no-repeat; width: 48px; height:48px; display:block; outline:none; cursor:pointer;}

#photo_gallery_outer {position: relative; width: 520px; overflow: hidden; display: block; }
#photo_gallery_inner {width: 1040px; position: relative; display: block;}

ul#gallery_browser_control {margin:0px; padding:0px; list-style-type:none; width: 100%; padding-left: 26px;}
ul#gallery_browser_control li {float: left;}

ul.photo_thumbs {margin:0px; padding:0px; list-style-type:none; width: 520px; text-align:center; float:left;}
ul.photo_thumbs li { float:left; padding-right: 10px; padding-bottom: 10px; width: 93px; line-height: 110%;}
ul.photo_thumbs li a {margin:0px; padding:0px; outline:none; font-size: 90%; font-weight:normal; }


#princess_theme { background:url(../www_images/ourparties/content/princess_content_bg.png) no-repeat; top: 0px; left: 0px;}
#superhero_theme { background:url(../www_images/ourparties/content/superhero_content_bg.png) no-repeat; top: 0px; left: 436px; }
#rockstar_theme { background:url(../www_images/ourparties/content/rockstar_content_bg.png) no-repeat; top: 0px; left: 872px; }
#bootcamp_theme { background:url(../www_images/ourparties/content/bootcamp_content_bg.png) no-repeat; top: 0px; left: 1308px; }
#clown_theme { background:url(../www_images/ourparties/content/clown_content_bg.png) no-repeat; top: 0px; left: 1744px; }
#mystical_theme { background:url(../www_images/ourparties/content/mystical_content_bg.png) no-repeat; top: 0px; left: 2180px; }
#mascot_theme { background:url(../www_images/ourparties/content/mascot_content_bg.png) no-repeat; top: 0px; left: 2616px; }
#facepainting_theme { background:url(../www_images/ourparties/content/mascot_content_bg.png) no-repeat; top: 0px; left: 3052px; }
#balloons_theme { background:url(../www_images/ourparties/content/balloons_content_bg.png) no-repeat; top: 0px; left: 3488px; }
#holiday_theme { background:url(../www_images/ourparties/content/holiday_content_bg.png) no-repeat; top: 0px; left: 3924px; }

/*party package backgrounds etc*/
#princess_pretty_princess_package { background:url(../www_images/ourparties/packages/princess_package_bg_pink.png) no-repeat; }
#princess_party_princess_package { background:url(../www_images/ourparties/packages/princess_package_bg_yellow.png) no-repeat; }
#princess_little_princess_package { background:url(../www_images/ourparties/packages/princess_package_bg_pink.png) no-repeat; }
#princess_super_princess_package { background:url(../www_images/ourparties/packages/princess_package_bg_yellow.png) no-repeat;  }

#superhero_masquerade_package { background:url(../www_images/ourparties/packages/superhero_package_bg_blue.png) no-repeat; }
#superhero_training_package { background:url(../www_images/ourparties/packages/superhero_package_bg_yellow.png) no-repeat; }
#superhero_appearance_package { background:url(../www_images/ourparties/packages/superhero_package_bg_blue.png) no-repeat; }

#rockstar_appearance_package {background:url(../www_images/ourparties/packages/rockstar_package_bg_gray.png) no-repeat;}
#rockstar_highschoolmusical_training_package {background:url(../www_images/ourparties/packages/rockstar_package_bg_yellow.png) no-repeat;}
#rockstar_wannabe_package {background:url(../www_images/ourparties/packages/rockstar_package_bg_gray.png) no-repeat;}

#bootcamp_little_athlete_package {background:url(../www_images/ourparties/packages/bootcamp_package_bg_blue.png) no-repeat;}
#bootcamp_package {background:url(../www_images/ourparties/packages/bootcamp_package_bg_orange.png) no-repeat;}

#clown_package {background:url(../www_images/ourparties/packages/clown_package_bg_yellow_orange.png) no-repeat;}

#mystical_dragon_package {background:url(../www_images/ourparties/packages/mystical_package_bg_orange.png) no-repeat;}
#mystical_fairy_package { background:url(../www_images/ourparties/packages/mystical_package_bg_pink.png) no-repeat; }

#mascot_package {background:url(../www_images/ourparties/packages/rockstar_package_bg_yellow.png) no-repeat;}

#facepainting_package {background:url(../www_images/ourparties/packages/mystical_package_bg_pink.png) no-repeat;}
#facepainting_handcheek_art_package {background:url(../www_images/ourparties/packages/mystical_package_bg_orange.png) no-repeat;}

#balloons_funfancy_package {background:url(../www_images/ourparties/packages/superhero_package_bg_blue.png) no-repeat;}
#balloons_elaborate_balloon_sculpting_package {background:url(../www_images/ourparties/packages/superhero_package_bg_yellow.png) no-repeat;}

#holiday_cute_holiday_elf_package { background:url(../www_images/ourparties/packages/princess_package_bg_pink.png) no-repeat; }
#holiday_santa_visit_package { background:url(../www_images/ourparties/packages/princess_package_bg_yellow.png) no-repeat; }
#holiday_mrs_clause_package { background:url(../www_images/ourparties/packages/princess_package_bg_pink.png) no-repeat; }


.package { width: 329px; height: 286px; position: relative; }
.packages_container { margin-left: 52px; margin-top: 13px; height: 434px; width: 365px; position:relative; overflow: auto; overflow-y: auto; overflow-x: hidden; /*overflow: hidden; float: left; NOTE: enable these for custom scrollbar code below*/ }

/*this enables the custom scrollbar on the OUR PARTIES page... this doesn't work because Cufon font rendering needs visibility: visible and not hidden*/
/*
.scrollbar-vert{
	background:url(../www_images/scroll_bar_transparent_line.png) repeat-y;;
	height: 434px;
	width: 20px;
	float:left;
}
.handle-vert{
	height: 42px;
	width: 20px;
	background: url(../www_images/handle.png) no-repeat;
}
*/

h4.pretty_princess_package_h4 {position: absolute; top: 19px; left: 21px; padding: 0; margin: 0; height: 27px; width: 270px; font-size: 220%; color: #0d4bd7; letter-spacing: 0px;  padding-left: 2px; background:url(../www_images/ourparties/packages/pretty_princess_h4_shadow.png) no-repeat;}
h4.party_princess_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0; height: 31px; width: 270px;  font-size: 270%; color: #0d4bd7; letter-spacing: 0px; padding-top: -3px; background:url(../www_images/ourparties/packages/party_princess_h4_shadow.png) no-repeat;}
h4.little_princess_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0; height: 41px; width: 233px; font-size: 300%; color: #0d4bd7; letter-spacing: 0px; padding-left: 1px; background:url(../www_images/ourparties/packages/little_princess_h4_shadow.png) no-repeat;}
h4.super_princess_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0;  font-size: 300%; color: #0d4bd7; height: 37px; width: 229px; letter-spacing: 0px; padding-top: 2px; background:url(../www_images/ourparties/packages/super_princess_h4_shadow.png) no-repeat;}

h4.superhero_masquerade_package_h4 {position: absolute; top: 15px; left: 17px; padding: 0; margin: 0;  font-size: 200%; color: #0d4bd7; height: 37px; width: 290px; letter-spacing: 0px; padding-top: 2px; padding-left: 4px; background:url(../www_images/ourparties/packages/superhero_masquerade_package_h4_shadow.png) no-repeat;}
h4.superhero_training_package_h4 {position: absolute; top: 19px; left: 19px; padding: 0; margin: 0;  font-size: 170%; color: #0d4bd7; height: 37px; width: 290px; letter-spacing: 0px; padding-top: 1px; padding-left: 2px; background:url(../www_images/ourparties/packages/superhero_training_package_h4_shadow.png) no-repeat;}
h4.superhero_appearance_package_h4 {position: absolute; top: 17px; left: 21px; padding: 0; margin: 0;  font-size: 200%; color: #0d4bd7; height: 37px; width: 290px; letter-spacing: 0px; padding-top: 4px; padding-left: 4px; background:url(../www_images/ourparties/packages/superhero_appearance_package_h4_shadow.png) no-repeat;}

h4.rockstar_appearance_package_h4 {position: absolute; top: 15px; left: 13px; padding: 0; margin: 0;  font-size: 150%; color: #0d4bd7; height: 37px; width: 300px; letter-spacing: 0px; padding-top: 6px; padding-left: 7px; background:url(../www_images/ourparties/packages/rockstar_appearance_package_h4_shadow.png) no-repeat;}
h4.highschoolmusical_training_package_h4 {position: absolute; top: 15px; left: 12px; padding: 0; margin: 0;  font-size: 130%; color: #0d4bd7; height: 37px; width: 300px; letter-spacing: 0px; padding-top: 9px; padding-left: 7px; background:url(../www_images/ourparties/packages/highschoolmusical_training_package_h4_shadow.png) no-repeat;}
h4.wannabe_rockstar_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0;  font-size: 260%; color: #0d4bd7; height: 37px; width: 290px; letter-spacing: 0px; background:url(../www_images/ourparties/packages/wannabe_rockstar_package_h4_shadow.png) no-repeat;}

h4.little_athlete_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0;  font-size: 210%; color: #0d4bd7; height: 37px; width: 270px; letter-spacing: 0px; padding-top: 1px; padding-left: 2px; background:url(../www_images/ourparties/packages/littleathlete_theme_package_h4_shadow.png) no-repeat;}
h4.bootcamp_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0;  font-size: 220%; color: #0d4bd7; height: 37px; width: 270px; letter-spacing: 0px; padding-top: 2px;}

h4.mascot_package_h4 {position: absolute; top: 7px; left: 21px; padding: 0; margin: 0;  font-size: 370%; color: #0d4bd7; height: 59px; width: 270px; letter-spacing: 0px; padding-top: 1px; padding-left: 3px; background:url(../www_images/ourparties/packages/mascot_package_h4_shadow.png) no-repeat;}

h4.clowns_package_h4 {position: absolute; top: 15px; left: 21px; padding: 0; margin: 0;  font-size: 250%; color: #0d4bd7; height: 37px; width: 270px; letter-spacing: 0px; padding-top: 2px; padding-left: 4px; background:url(../www_images/ourparties/packages/clown_party_package_h4_shadow.png) no-repeat;}

h4.dragon_package_h4 {position: absolute; top: 6px; left: 14px; padding: 0; margin: 0;  font-size: 300%; color: #0d4bd7; height: 51px; width: 204px; letter-spacing: 0px; padding-top: 12px; padding-left: 9px; background:url(../www_images/ourparties/packages/dragon_theme_package_h4_shadow.png) no-repeat;}
h4.fairy_package_h4 {position: absolute; top: 6px; left: 4px; padding: 0; margin: 0;  font-size: 270%; color: #0d4bd7; height: 59px; width: 285px; letter-spacing: 0px; padding-top: 9px; padding-left: 17px; background:url(../www_images/ourparties/packages/fairy_party_package_h4_shadow.png) no-repeat;}

h4.fancy_face_painting_package_h4 {position: absolute; top: 10px; left: 21px; padding: 0; margin: 0;  font-size: 280%; color: #0d4bd7; height: 37px; width: 300px; letter-spacing: 0px; padding-top: 1px; padding-left: 5px; background:url(../www_images/ourparties/packages/fancy_face_painting_package_h4_shadow.png) no-repeat;}
h4.handcheek_art_package_h4 {position: absolute; top: 16px; left: 21px; padding: 0; margin: 0;  font-size: 220%; color: #0d4bd7; height: 37px; width: 270px; letter-spacing: 0px; padding-top: 2px; padding-left: 3px; background:url(../www_images/ourparties/packages/handcheek_art_package_h4_shadow.png) no-repeat;}

h4.funfancy_balloons_package_h4 {position: absolute; top: 16px; left: 21px; padding: 0; margin: 0;  font-size: 170%; color: #0d4bd7; height: 37px; width: 350px; letter-spacing: 0px; padding-top: 0px; padding-left: 2px; background:url(../www_images/ourparties/packages/funballoonsculpting_package_h4_shadow.png) no-repeat;}
h4.elaborate_balloon_sculpting_package_h4 {position: absolute; top: 19px; left: 21px; padding: 0; margin: 0;  font-size: 180%; color: #0d4bd7; height: 50px; width: 350px; letter-spacing: 0px; padding-top: 2px; padding-left: 1px; background:url(../www_images/ourparties/packages/elaborateballoonsculpting_package_h4_shadow.png) no-repeat;}

h4.cute_holiday_elf_package_h4 {position: absolute; top: 19px; left: 21px; padding: 0; margin: 0;  font-size: 210%; color: #0d4bd7; height: 37px; width: 300px; letter-spacing: 0px; padding-top: 1px; padding-left: 0px; background:url(../www_images/ourparties/packages/cuteholidayelf_package_h4_shadow.png) no-repeat;}

h4.santa_visit_package_h4 {position: absolute; top: 19px; left: 21px; padding: 0; margin: 0;  font-size: 220%; color: #0d4bd7; height: 37px; width: 300px; letter-spacing: 0px; padding-top: 3px; padding-left: 2px; background:url(../www_images/ourparties/packages/santasvisit_package_h4_shadow.png) no-repeat;}

h4.mrs_clause_package_h4 {position: absolute; top: 16px; left: 21px; padding: 0; margin: 0;  font-size: 240%; color: #0d4bd7; height: 37px; width: 300px; letter-spacing: 0px; padding-top: 3px; padding-left: 2px; background:url(../www_images/ourparties/packages/mrsclause_package_h4_shadow.png) no-repeat;}



p.package_p { margin:0; padding:0; width: 282px; height: 21px; padding: 4px; padding-left: 6px; margin-bottom: 23px;}
.package_contents {position: absolute; top: 58px; left: 20px;}
.package_features_list {list-style: none; margin:0; padding:0; padding-left: 15px; }
.package_features_list li { background: url(../www_images/ourparties/star_bullet.png) no-repeat; padding-left: 30px; height:20px; padding-top: 2px; margin-bottom: 6px;}
a.book_now_button { position:absolute; bottom: 15px; left: 18px; background:url(../www_images/ourparties/book_now_button_bg.png) no-repeat; background-position: 0 0; width: 119px; height:23px; padding-left: 3px; padding-top: 2px; display: block; font-size: 200%; color: #0d4bd7; letter-spacing: 0px;}
a.book_now_button:hover {background-position: 0px -25px;}
.comingsoon_button { position:absolute; bottom: 15px; left: 18px; background-position: 0 0; width: 200px; height:23px; padding-left: 3px; padding-top: 2px; display: block; font-size: 200%; color: #0d4bd7; letter-spacing: 0px;}

#ourparties_gps_container { position:relative; width: 630px; margin-left: 25px; }
#gpsbuttonslist {position: absolute; top:0; left:0; margin:0px; padding:0px; list-style-type:none; width: 234px; height: 462px; }
#gpsbuttonslist li { /*background:url(../www_images/left_menu/hilited.png);*/ }

#gpsbuttonslist li h5 { font-size: 120%; margin: 0; padding: 0; letter-spacing: 1px;}
#gpsbuttonslist li a { font-size: 140%; color: #777; margin:0px; padding:0px; display:block; outline:none; background:url(../www_images/ourparties/all_parties_buttons.jpg)  no-repeat; width: 179px; height: 32px; padding-top: 14px; padding-left: 15px; border-right: solid 2px #F00;}

li#princess_gps a, li#princess_gps a.inactive { background-position: 0px 0px; }
li#superhero_gps a, li#superhero_gps a.inactive { background-position: 0px -46px; }
li#rockstar_gps a, li#rockstar_gps a.inactive { background-position: 0px -92px;  }
li#bootcamp_gps a, li#bootcamp_gps a.inactive { background-position: 0px -138px; }
li#clown_gps a, li#clown_gps a.inactive { background-position: 0px -184px; }
li#mystical_gps a, li#mystical_gps a.inactive { background-position: 0px -230px; }
li#mascot_gps a, li#mascot_gps a.inactive { background-position: 0px -276px;}
li#facepainting_gps a,li#facepainting_gps a.inactive { background-position: 0px -322px; }
li#balloons_gps a, li#balloons_gps a.inactive { background-position: 0px -368px; }
li#holiday_gps a, li#holiday_gps a.inactive { background-position: 0px -414px; height: 34px;}

li#princess_gps a:hover, li#princess_gps a.active { background-position: 0px -462px; }
li#superhero_gps a:hover, li#superhero_gps a.active { background-position: 0px -508px; }
li#rockstar_gps a:hover, li#rockstar_gps a.active { background-position: 0px -554px; }
li#bootcamp_gps a:hover, li#bootcamp_gps a.active { background-position: 0px -600px; }
li#clown_gps a:hover, li#clown_gps a.active { background-position: 0px -646px; }
li#mystical_gps a:hover, li#mystical_gps a.active { background-position: 0px -692px; }
li#mascot_gps a:hover, li#mascot_gps a.active { background-position: 0px -738px; }
li#facepainting_gps a:hover, li#facepainting_gps a.active { background-position: 0px -784px; }
li#balloons_gps a:hover, li#balloons_gps a.active { background-position: 0px -830px; }
li#holiday_gps a:hover, li#holiday_gps a.active { background-position: 0px -876px;}

#princess_tip { position:absolute; top: 0px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); }
#superhero_tip { position:absolute; top: 46px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -40px 0px; }
#rockstar_tip { position:absolute; top: 92px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -80px 0px; }
#bootcamp_tip { position:absolute; top: 138px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -120px 0px; }
#clown_tip { position:absolute; top: 184px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -160px 0px; }
#mystical_tip { position:absolute; top: 230px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -200px 0px; }
#mascot_tip { position:absolute; top: 276px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -240px 0px; }
#facepainting_tip { position:absolute; top: 322px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -280px 0px; }
#balloons_tip { position:absolute; top: 368px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -320px 0px; }
#holiday_tip { position:absolute; top: 414px; left: 194px; width: 0px; height: 53px; background:url(../www_images/ourparties/arrows.png); background-position: -360px 0px; }

/*========QUICKQUOTE PAGE==========*/
.quickquote_content_area { /*height: 600px;*/  }
.content_right_middle_quickquote { height: 820px; }
.form {clear: both;}
#quick_quote_form_container {width: 616px;}
.formlabel {width: 130px; float: left; line-height: 2em; clear:both;}
.middlelabeldiv {float: left; line-height: 2em; width: 55px; }
.qqinput {height:22px; background:none; border:1px solid #ccc; padding:0; margin:0; padding-left:4px;  padding-top:3px; font-size: 14px; color: #888; float: left;}
#qq_form_table { padding-left: 5px;}
#party_date_div {position:relative;}
#party_date_button {position: absolute; top: 6px; left: 343px; width: 59px; padding:0; margin:0; }
#PartyAddress { margin-bottom: 8px; clear: both;}
#PartyCity {width:100px; float: left; clear: both;}
#PartyState {width: 50px; float: left; background:#fff; border:1px solid #ccc; padding:0; margin:0; margin-left: 8px; margin-top: 3px; font-size: 14px; color: #555; font-family: "Lucida Grande", Arial, Helvetica, clean, sans-serif;}
#PartyZip { width: 80px; float: left; margin-left: 8px;}
#citystatediv {float: left;}
#partyaddressgroup {height: 80px;}
#typeeventdiv { clear: both; padding-top: 10px; }
#TypeOfEvent, #PartyPackage {width: 170px; background:#fff; border:1px solid #ccc; padding:0; margin:0; margin-top: 3px; margin-right:30px; font-size: 14px; color: #555; font-family: "Lucida Grande", Arial, Helvetica, clean, sans-serif; float: left;}
#OtherEvent { }
#partytimediv { float: left; clear: both; padding-top: 5px; padding-bottom: 10px;}
#partytimediv img {margin-top: 3px; margin-left: 8px;}
#partyenddivlabel { float: left; line-height: 2em; width: 100px; margin-left: 20px;}
#PartyStartTimeTextField {width: 65px; float: left; background:#efefef;}
#PartyEndTimeTextField {width: 65px; float: left; margin-left: 8px; background:#efefef;}

#genderagediv { float: left; clear: both; padding-top: 10px; }
#PartyPersonGender {width: 170px; background:#fff; border:1px solid #ccc; padding:0; margin:0; margin-top: 3px; margin-right:30px; font-size: 14px; color: #555; font-family: "Lucida Grande", Arial, Helvetica, clean, sans-serif; float: left;}
#numberofchildrendiv { float: left; clear: both; padding-top: 10px; width: 300px; }
#agerangediv { float: left; clear: both; padding-top: 10px; width: 300px; }
#partydescriptiondiv, #partypackagediv { clear: both; padding-top: 10px; width: 600px;}
.qq_message {width:550px; height:150px; float: left; clear: both; }
#qq_submit_button_div {padding: 10px 55px 0 0; float:right;}


/*========ABOUT PAGE==========*/
.content_right_middle_about {}
p#about_paragraph { display: block; background:url(../www_images/aboutus/p_cloud_bg.jpg) no-repeat; width: 560px; padding: 65px; padding-top: 110px; margin: 4px; line-height: 1.5em; padding-bottom: 30px;}
span.thanks_text { display:block; text-align:center; font-size: 140%; color: #0d4bd7; padding-bottom: 40px;}
#about_right_nav_container { /*display: block;*/ padding: 0; margin:0; padding-bottom: 50px; /*padding-left: 60px;*/ text-align: center;}
#testimonial_button { display: block; width: 281px; height: 24px; /*float: left; clear: left;*/  margin-top: 11px; margin: 0px auto;}
#contract_button { background:url(../www_images/aboutus/view_contract_pdf_bg.png) top right no-repeat; display: block; width: 254px; height: 24px; margin:0; padding:0; float: left; margin-left: 35px; padding-top: 11px; }

/*========TESTIMONIALS PAGE==========*/
.content_right_middle_testimonials { padding-bottom: 5px}
#testimonials_div { background:url(../www_images/testimonials/p_cloud_testimonials_bg.jpg) no-repeat; padding: 70px 70px 0 70px; padding-top: 110px; margin: 4px; line-height: 1.5em;}
#testimonials_div form { padding: 0; margin: 10px 0 40px 0; }
h3#showentries {width: 540px; border-bottom: solid 2px #ccc; margin-bottom: 8px; }

label.testimonials_label {
	width: 80px;
	float: left;
	margin: 4px 0 2px 0;
	text-align: right;
	vertical-align: top;
}

.inputText, .inputTextArea {
 	background:none; border:1px solid #ccc; padding:0; padding-left:4px;  padding-top:3px; font-size: 14px; color: #888;
	margin: 4px 0 4px 7px;
	vertical-align: top;
}

.inputText {height:22px;}

.challengeImage {
	margin: 5px 0 4px 3px;
	vertical-align: top;
}

select {
	margin: 2px 0px 2px 5px;
}

input.submitGuestBook {
	/*color: #000000;
	background: #99cc99;
	border: 2px outset #cccccc;
	width: 120px;*/
	padding:0; margin:0;
	width: 123px; height: 30px; display: block;
	background:url(../www_images/testimonials/addbutton.png); cursor: pointer; border: 0px; margin: 0; 
}

input.submitGuestBook:hover {background:url(../www_images/testimonials/addbutton.png); background-position: 0 -30px;}
#submitGuestBook_div { margin: 10px 0 10px 0; text-align: left; padding-left: 87px;}

.errorMessage {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
	padding: 5px 0 5px 0;
	margin: 0;
}

.successMessage {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color:#36C;
	padding: 5px 0 5px 0;
	margin: 0;
}

.entry {
	width: 540px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-bottom: solid 1px #ccc;
	clear: both;
}

#lastEntry {
	border-bottom: none;
}

.entry .field, .timestampGuestBook {
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	clear: both;
}

.entry .field .label {
	float: left;
	width: 100px;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	text-align: right;
	display: inline;
	font-weight: bold;
	color: #999;
}

.entry .field .value {
	float: left;
	width: 400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}

.timestampGuestBook {
	margin: 0 0 4px 106px;
	padding: 8px 0 0 0;
	clear: both;
	font-size: 80%; color: #aaa;
	text-align: right;
}

.navigationGuestBook {
	width: 540px;
	padding-top: 10px;
	margin-bottom: 40px;
	text-align: center;
	border-bottom: solid 2px #ccc;
	border-top: solid 1px #ccc;
	padding-bottom: 10px;
}

#previousGuestBook {
	
	margin-right: 30px;
	font-weight: bold;
	display: inline;
}

#nextGuestBook {
	font-weight: bold;
	margin-left: 30px;
    display: inline;
}

.pageNumberContainer {
	display: inline;
	text-align: center;
}

.pageNumber {
	margin-left: 4px;
	margin-right: 4px;
}

#currentPageNumber {
	font-weight: bold;
	color: #ff0000;
}

.entryCount {
	width: 540px;
	text-align: center;
	padding-bottom: 4px;
	margin-top: 8px;
	font-size: 80%;
}




/*========MESSAGE BOX PAGE==========*/
/*use this for 404 page not found and formmail.php contact results after message is sent*/

.messagebox_content_area {
		text-align: center; padding: 120px 0 120px 0; font-size: 120%; color:#666; font-weight:bold;
}

a.return { padding: 5px; border:1px solid #ccc; background: url(../www_images/contact_page/return_button_bg.png) repeat-x; } 

/*========BLOG PAGE==========*/
h1.componentheading { /*this is a style override from Joomla*/
		color: blue;
		font-size: 400%;
		letter-spacing: -2px;
		padding-bottom: 20px;
		height: 50px;
}

.article-content a { color:#09F; }
.article-content a:hover { color:#09F; text-decoration:underline;}

h3.categories_h3 {color: #0d4bd7; padding:0; margin:0; position: absolute; top: 8px; left: 11px; letter-spacing: 1px; text-transform:uppercase;}
