@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;
}
	
/*####################### magicians face painters balloonist top nav*/


/*####################### 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;
}
	
/*####################### magicians face painters balloonist top nav*/

#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, #gift_baskets_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*/

/*####################### Promo Video */





/*####################### End Promo Video */
/*####################### slide show */
/*####################### slide big magic show */



#face_painter_in_orange_county{
	text-align: center;
	top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 auto; 
	border:0px solid;
}




 /*####################### don't know*/
#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;
}



#visa{
	position:relative;
	width: 220px;
	height: 125px;
	top: 255px;
	padding-top: 10px;
	padding-bottom: 70px;
	margin: 0 auto; 
	border:0px solid;
}

/*####################### 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, #youtube, #instagram, #pinterest, #gigsalad, #facebook, #magic_store, #google {
	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: 50px;
}

#youtube{
	left: 170px;
}

#instagram{
	left: 285px;
}

#pinterest{
	left: 405px;
}

#gigsalad{
	left: 520px;
}

#facebook{
	left: 630px;
}

#magic_store{
	left: 745px;
}

#google{
	left: 865px;
}



/*####################### 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: 14px;
	padding-right: 10px;
	padding-left: 5px;
	text-shadow: 3px 3px 3px #000000;
	line-height: 2.5;
	font-weight: bold;
}

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

p.footer_colors a:hover{
	color: #44444FF; 
	font-family: Comic Sans MS,Trebuchet MS, Helvetica, Arial; 
	font-size: 14px; 
	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;}


/*####################### font size */

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

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

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", serif, Ariel, Trebuchet MS, Helvetica, sans-serif;
    font-style: italic;	
}


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


p.p1 a{
	color: #ffffff;
	font-size: 20px;
	font-family: Comic Sans MS,Trebuchet MS, Helvetica, Arial; 
}

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

.p2{
    font-size: 25px;
	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;
}

p.p3 a{
	color: #ffffff;
	font-size: 20px;
	font-family: Comic Sans MS,Trebuchet MS, Helvetica, Arial; 
}

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

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

p.p4 a{
	color: #ffffff;
	font-size: 15px;
	font-family: Comic Sans MS,Trebuchet MS, Helvetica, Arial; 
}

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

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

.p6{
    font-size: 16.5px;
    line-height: 1.5;
	color: #6d6d6d;
    font-family: Comic Sans MS,Trebuchet MS, Helvetica;
}
 
.p7{
   font-size: 14.5px;
   color: #8F8F8D;
   font-family: Comic Sans MS,Trebuchet MS, Helvetica;
}

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

.p15{
    font-size: 18.5px;
    line-height: 1.5;
	color: #6d6d6d;
    font-family: Comic Sans MS,Trebuchet MS, Helvetica;
}
 
.p16{
    font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 4px 4px 10px #000000;
}
 
 
/*####################### top nav*/

  
 .class2 a:link {font-size: 17px;  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;}