@charset "UTF-8";


body
{
    margin: 0;
    padding: 0;
    background: #8C0110 url("../images/miscellaneous/untitled_2.png") no-repeat center top;
	    background-size:300% ;
  	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    text-align: left;
    font-family: "Comic Sans MS",Trebuchet MS, Helvetica;
}

#container  {
	position: relative;
   	width: 974px; /* using 50px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: auto; 
	background: #3399FF url("../images/background/orange_county_magician_stars.PNG") repeat left top; 
	border:0px solid;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
 	border-radius:10px;
		box-shadow: -12px 12px 30px #000000;

} 

#header{
	position: relative;
	top: 0px;
   	width: 974px;  /* using 50px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 200px; 
 	background: #3399FFF;	
 	border:0px solid;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-radius:10px;
	
}

/*####################### header images*/


	

#kids_party_balloon_animals_in_oc_home_info{
	Padding-top: 200px;
	top: 100px;
}
	
	
	
#hire_a_face_painter_logo{
	position:absolute;
 	border:0px solid;
	width: 593px; 
	top: 0px;
	left: 0px;}


#hire_a_face_painter_banner{
	position:absolute;
 	border:0px solid;
	width: 593px; 
	top: 0px;
	left: 130px;}

#fiesta_fantastic_party_entertainment{
	position:absolute;
 	border:0px solid;
	top: 11px;
	left: 131px;
}
	
#hire_kids_party_entertment_in_oc{
	position:absolute;
 	border:0px solid;
	top: 12px;
	left: 557px;
}
	
	
#orange_county_face_painting{
	position:absolute;
 	border:0px solid;
	top: 5px;
	left: 792px;
}
	
/*####################### clown and magiciannav */



#maincontent{
	position: relative;
	top: 50px;
   	width: 974px;  /* using 50px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: auto;
	border:0px solid;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-radius:10px;
}
	
	
	
	
	#oc_kids_party_magic_face_painting_balloon_twisting{
	position:absolute;
 	border:0px solid;
	padding-top: 0px;
	top: 0px;
	left: 25px;
	width: 920px;
	text-align: center;
	color: #ffffff;
}
	
	
	#face_painting_in_oc_home {
 	background: #ffffff;
	position:absolute;
	top: 70px;
	left: 45px;
 	border:10px solid;
	width: 195px;
	height: 200px;

	color: #FFFFFF;
 	border-radius:10px;
	box-shadow: 4px 4px 10px #000000;
	text-shadow: 5px 5px 5px #000000;
}
	
	
	#kids_magic_show_in_oc_home {
 	background: #ffffff;
	position:absolute;
	top: 70px;
	left: 295px;
 	border:10px solid;
	width: 195px;
	height: 200px;

	color: #FFFFFF;
 	border-radius:10px;
	box-shadow: 4px 4px 10px #000000;
	text-shadow: 5px 5px 5px #000000;
	
	    font-weight: bold;
 
}
	
	
	#kids_party_balloon_animals_in_oc_home {
 	background: #ffffff;
	position:absolute;
	top: 70px;
	left: 545px;
 	border:10px solid;
	width: 195px;
	height: 200px;

	color: #FFFFFF;
 	border-radius:10px;
	box-shadow: 4px 4px 10px #000000;
	text-shadow: 5px 5px 5px #000000;
}
	
#kids_party_balloon_animals_in_oc_home_info{
	Padding-top: 200px;
	top: 100px;
}
	
	
	
#hire_a_face_painter_logo{
	position:absolute;
 	border:0px solid;
	width: 593px; 
	top: 0px;
	left: 0px;}


#hire_a_face_painter_banner{
	position:absolute;
 	border:0px solid;
	width: 593px; 
	top: 0px;
	left: 130px;}


#fantastic_face_painters_book_a_face_painter_now_logo{
	position:absolute;
 	border:0px solid;
	width: 307px; 
	left: 565px;
	top: 25px;}


/*####################### nav circles*/
#home_oc, #parties_oc, #magician_oc, #face_painting_oc, #balloonist_oc, #trackless_train_oc, #contact_oc{
	position:absolute;
 	border:5px solid;
	box-shadow: 5px 8px 8px #3366cc;
	text-shadow: 3px 5px 10px #000000;
	

}

#home_oc{
 	border:5px solid;
	top: 114px;
	left: 140px;
	height: 90px;
	width: 100px;
	border-radius:100px;
	padding-left: 0px;
	padding-top: 10px;
    background-color: #FF3333;
	color: #ffffff;
	text-align: center;
}


#parties_oc{
		top: 125px;
		left: 260px;
		height: 90px;
		width: 100px;
	border-radius:100px;
	padding-left: 0px;
		padding-top:10px;
    background-color: #FF6633;
	color: #ffffff;

}

#magician_oc{
		top: 85px;
		left: 375px;
		height: 90px;
		width: 100px;
	border-radius:100px;
	    padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		text-align: center;
    background-color: #50D050;
	color: #ffffff;

}


#face_painting_oc{
		top: 115px;
		left: 490px;
		height: 100px;
		width: 100px;
	border-radius:100px;
	    padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
	    background-color: #FFCC33;
	color: #ffffff;
}

#balloonist_oc{
		top: 95px;
		left: 610px;
		height: 100px;
		width: 100px;
	border-radius:100px;
	    padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
	    background-color: #66CCFF;
	color: #ffffff;

}


#trackless_train_oc{
		top: 130px;
		left: 725px;
		height: 100px;
		width: 100px;
	border-radius:100px;
	    padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
	    background-color: #6633FF;
	color: #ffffff;
}



#contact_oc{
		top: 125px;
		left: 845px;
		height: 90px;
		width: 98px;
	border-radius:100px;
	    padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
		text-align: center;
	    background-color: #FFCC33;
	color: #ffffff;
}
/*####################### end nav circles*/



/*####################### slide show */



/*####################### slide big magic show */
#wrap_magic_show {
	position:relative;
	top: 125px;
	width: 868px;
	border:0px solid;
	margin: 0 auto;
	height: 418px;
	border:0px solid; color: #FFFFFF;
	border-radius:10px;
	background: #FFFFFF;	
}






#pager a.activeSlide { background: #FFFFFF;}

.info {
	height: 40px;
	width: 880px;
	display: block;
	position: relative;
	bottom: 72px;
	background: rgba(0,0,0,.4);
	z-index: 99;
}


.info h2 {
	font-family: sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 15px 0 0 20px;
}

.info p {
	font-family: sans-serif;
	font-size: 15px;
	color: #FFF;
	padding: 22px 0 0 15px;
	line-height: 1px;
}	
	
 .info p a:link {text-decoration: none; color: #FFFFFF;	font-weight: 600;}
 .info p  a:visited {color: #FFFFFF; text-decoration: none;}
 .info p a:active {text-decoration: none}
 .info p  a:hover {text-decoration: none; color: none;}
/*####################### end slide showcontent*/
	

/*####################### text */
#children_party_entertaintment_magic_show{
	position: relative;
	top: 125px;
	left: 0px;
   	width: 860px;  
	height: 400px; 
    background-color: #357ec7;
 	border:4px solid;
	color: #ffffff;
	margin: 0 auto; 
	border-radius:10px;
	box-shadow: 5px 4px 15px #000000;
}

#children_party_entertaintment_face_painting{
	position: relative;
	top: 170px;
	left: 0px;
   	width: 860px;  
	height: 400px; 
    background-color: #357ec7;
 	border:4px solid;
	color: #ffffff;
	margin: 0 auto; 
	border-radius:10px;
	box-shadow: 5px 4px 15px #000000;
}

#children_party_entertaintment_balloon_animals{
	position: relative;
	top: 200px;
	left: 0px;
   	width: 860px;  
	height: 400px; 
    background-color: #357ec7;
 	border:4px solid;
	color: #ffffff;
	margin: 0 auto; 
	border-radius:10px;
	box-shadow: 5px 4px 15px #000000;
}


#orange_county_intertainment  {
	background: #ffffff;
	position:absolute;
	top: 70px;
	left: 40px;
	border:10px solid;
	width: 195px;
	height: 200px;
	color: #FFFFFF;
 	border-radius:10px;
	box-shadow: 4px 4px 10px #000000;
	text-shadow: 5px 5px 5px #000000;
}

#orange_county_intertainment_image{
	background: #ffffff;
	position:absolute;
	top: 0px;
	left: 0px;
	border:1px solid;
	width: 195px;
	height: 200px;
	color: #FFFFFF;
	overflow: hidden;
 	border-radius:10px;
	border:1px solid; color: #747474;
}

#image_bottom_word_link{
	background: #ffffff;
	position:relative;
	top: 235px;
	left: 40px;
	width: 200px;
	height: 0px;
	padding-top: 0px;
	color: #FFFFFF;

}

	#children_party_oc_discription{
	left: 300px;
	background: #ffffff;
	position:absolute;
	top: 70px;
	border:10px solid;
	width: 500px;
	height: auto;
	color: #FFFFFF;
	border-radius:10px;
	padding-left: 15px;
	padding-right: 15px;
 	border:2px solid; color: #747474;
	box-shadow: 4px 4px 10px #000000;
}

/*####################### facepaintingpage*/

#facepainting_orange_county_intertainment  {
	background: #ffffff;
	position:absolute;
	top: 70px;
	left: 12px;
	border:10px solid;
	width: 280px;
	height: 290px;
	color: #FFFFFF;
 	border-radius:10px;
	box-shadow: 4px 4px 10px #000000;
	text-shadow: 5px 5px 5px #000000;
}

#facepainting_orange_county_intertainment_image{
	background: #ffffff;
	position:absolute;
	top: 0px;
	left: 0px;
	border:1px solid;
	width: 275px;
	height: 290px;
	color: #FFFFFF;
	overflow: hidden;
 	border-radius:10px;
	border:1px solid; color: #747474;
}


#facepainting_image_bottom_word_link{
	background: #ffffff;
	position:relative;
	top: 260px;
	left: 55px;
	width: 205px;
	height: 0px;
	padding-top: 0px;
	color: #FFFFFF;

}

	#facepainting_children_party_oc_discription{
	left: 325px;
	background: #ffffff;
	position:absolute;
	top: 70px;
	border:10px solid;
	width: 480px;
	height: auto;
	color: #FFFFFF;
	border-radius:10px;
	padding-left: 15px;
	padding-right: 15px;
 	border:2px solid; color: #747474;
	box-shadow: 4px 4px 10px #000000;
}


/*####################### endfacepaintingpage*/

#orange_county_magician {
	width: 800px;
	height: 1px;
	border: 0x solid#FFFFFF;
	background:#FFF;
	padding-top: 0px; 
	padding-bottom: 25px; 
	padding-left: 15px;
}

#top h3{
	margin: 20px;
	line-height:50px;
	padding: 20px 10px;
	font-family: Tahoma, Geneva, Sans-serif;
	font-size: 15px;
}

#bottom {
	width: 893px;
	height: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px; 
	border-left-width: 0px; 
	border-top-style: none; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #333; 
	border-right-color: #333;
	border-bottom-color: #333; 
	border-left-color: #333;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
}

h3{
    color: #747474;
    font-size: 20px;
    font-family: serif, Ariel, Trebuchet MS, Helvetica, sans-serif;
    font-style: italic;	
}

h4{
    color: #747474;
    font-size: 20px;
    font-family: serif, Ariel, Trebuchet MS, Helvetica, sans-serif;
    font-style: italic;	
}
 
 .class2 a:link {text-decoration: none; color: #6d6d6d;	font-weight: 600;}
 .class2 a:visited {color: #6d6d6d; text-decoration: none;}
 .class2 a:active {text-decoration: none}
 .class2 a:hover {text-decoration: none; color: none;}
 
 
 
 .class3 a:link {text-decoration: none; color: #6d6d6d;	font-weight: 600;}
 .class3 a:visited {color: #6d6d6d; text-decoration: none;}
 .class3 a:active {text-decoration: none}
 .class3 a:hover {text-decoration: none; color: none;}

 .class4 a:link {text-decoration: none; color: #6d6d6d;	font-weight: 500;}
 .class4 a:visited {color: #6d6d6d; text-decoration: none;}
 .class4 a:active {text-decoration: none}
 .class4 a:hover {text-decoration: none; color: none;}
 
#visa{
	position:relative;
	width: 220px;
	height: 125px;
	top: 225px;
	padding-top: 10px;
	padding-bottom: 70px;
	margin: 0 auto; 
	border:0px solid;
}


#children_party_entertaintment_social_links{
	position:relative;
	top:35px;
	padding-top: 0px;
	left: 0px;
   	width: 860px;  
	height: 185px; 
 	border:0px solid;
	color: #ffffff;
	margin: 0 auto; 
	border-radius:10px;
}

#yelp_orange_county , #youtube_orange_county, #facebook_orange_county, #google_plus_orange_county{
	position:absolute;
	top: 100px;
	height: 45px;
	width: 45px;
 	border:4px solid; color: #fff;
	background: #FFFFFF;
	border-radius:5px;
	box-shadow: 5px 4px 15px #000000;
}	

#yelp_orange_county{
	left: 0px;
}

#youtube_orange_county{
	left: 150px;
}

#facebook_orange_county{
	left: 650px;
}

#google_plus_orange_county{
	left: 807px;
}

/*####################### county and cities */
#magic_show_in_orange_county_box_text{
	color: #FFFFFF; 
	position:relative;
	top: 0px;
	font-size: 12px;
	text-align: center;
   	width: 965px;
	margin: 0 auto; 
	border:0px solid;
	padding-top: 145px;
	padding-bottom: 5px;
} 

p.county_face_paiting_colors a{
	color: #FFFFFF;
	line-height: 2;
}


p.orange_county_magician_colors a{
	color: #FFFFFF;

}




/*####################### cities we cover box*/
#children_party_entertaintment_social_links {
	position:relative;
	background: #003366; 
	top: 0px;
   	width: 954px;
	height: 100px;  
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 8px;
	margin: 0 auto;
 	border:0px solid #000000;
    border-radius:10px;
	box-shadow: -12px 12px 30px #000000;
} 

#yelp, #instagram, #pinterest, #facebook, #youtube {
	position:absolute;
	top: 20px;
	height: 45px;
	width: 45px;
	border:4px solid; color: #fff;
	background: #FFFFFF;
	border-radius:7px;
	box-shadow: 5px 4px 15px #000000;
	padding-top:0px;
	margin: 0 auto;
}	

#yelp{
	left: 120px;
}

#instagram{
	left: 300px;
}

#pinterest{
	left: 470px;
}

#facebook{
	left: 620px;
}

#youtube{
	left: 800px;
}




#cities_we_cover_box_text .text {color: #ABC;  font-size: 11px; Arial;  text-align: center;}
.tr_text{font-size: 11px; line-height: 1.4;}
.tr_text a{color: #ABC;}

/*####################### cities we cover box*/

#cities_we_cover_in_orange_county_box_text .text {color: #ABC;  font-size: 11px; Arial;  text-align: center;}
#cities_we_cover_in_los_angeles_county_box_text .text {color: #ABC;  font-size: 11px; Arial;  text-align: center;}


/*####################### footer */




p.footer_colors a{
	font-size: 12px;
}

p.footer_colors a:hover{color: #44444FF; font-size: 12px; text-decoration: none;}

  A:link {text-decoration: none}
  A:visited {text-decoration: none}
  A:active {text-decoration: none}
  A:hover {text-decoration: nonee; color: none;}


 .class1 a:link {text-decoration: none; color: #666699; font-weight: bold;}
 .class1 a:visited {color: #666699; text-decoration: none;}
 .class1 a:active {text-decoration: none}
 .class1 a:hover {text-decoration: none; color: none;}
 
  /*####################### top nav*/
 a:link{ 
	
    font-weight: bold;
 	text-decoration: none;
 	color: #ffffff;
}

a:visited{
 
	font-weight: bold;
 	text-decoration: none;
 	color: #ffffff;
}


a:hover, a:active {
 	text-decoration: none;
 	/*color: #ffcc33;*/
	color: #CCFFFF;
}
 
  
 
 
 /*####################### footer nav*/
#bottom_footer_nav  {
    position: absolute;
	width: 974px;
    text-align: center;
    font-size: 12px;
    padding-top: 30px;
    padding-bottom: 50px;
	color: #ffffff;
	border:0px solid;
	line-height: 1.5;

} 


#magic_show_in_orange_county_box_text{
	color: #FFFFFF; 
	position:relative;
	top: 0px;
	font-size: 12px;
	text-align: center;
   	width: 965px;
	margin: 0 auto; 
	padding-top: 145px;
	padding-bottom: 5px;
} 


p.foot_nav_colors a{
	color: #ffffff;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 5px;
	text-shadow: 3px 3px 3px #000000;
	line-height: 2.5;


}

p.foot_nav_colors a:hover{
color: #B7CEEC; font-family: Comic Sans MS,Trebuchet MS, Helvetica, Arial; 
font-size: 12px; 
}






.h2{
    font-size: 5px;
    color: #ffffff;
}



h3{
    color: #747474;
    font-size: 20px;
    font-family: serif, Ariel, Trebuchet MS, Helvetica, sans-serif;
    font-style: italic;	
}

h4{
    color: #747474;
    font-size: 20px;
    font-family: Comic Sans MS,Trebuchet MS, Helvetica;
	font-style: bold;
}




.p1{
    font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}


.p2{
    font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #ffcc33;
	text-shadow: 4px 4px 10px #000000;
}

.p3{
    font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 4px 4px 10px #000000;
}


.p4{
    font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-shadow: 5px 5px 5px #000000;
}


.p5{
    font-size: 23px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-shadow: 5px 5px 5px #000000;
}


.p6{
    font-size: 16px;
	text-align: left;
	color: #6d6d6d;
}

.p7{

	
	font-size: 12.5px;
    line-height: 1.5;
	color: #8F8F8D;
}

.p8{
    font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 4px 4px 10px #000000;
}


.p10{
    font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	line-height: 2;
	text-shadow: 5px 5px 5px #000000;
}


.p11{
    font-size: 12.5px;
    line-height: 1.5;
	color: #8F8F8D;
}