@charset "utf-8";
/* CSS Document */

/*design by www.JohnMandel.com*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}
	/* resets all browsers*/

body{
	font-size: 14px;
	color:#309;
	font-weight:normal;
 	font-family:Verdana, Geneva, sans-serif;
	background:#469FFF;
	
 
}

p {
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 color: #000;
 text-align: justify;
}




h1{
	font-size: 14px;
	color:#309;
 	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}

h2{
	font-size: 20px;
	font-weight:200;
 font-family:Arial, Helvetica, sans-serif;
 color: #F39;
}
h3{
	font-size:18px;
	font-family: "ff-cocon-web-pro",sans-serif;
font-style: normal;
font-weight: 400;
	color:#F39;
	text-align:center;
	}
	
h4{
	font-size:24px;
 	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	text-align:center;
	}
	
  a{
	text-decoration:none;
	color:#ee3c96;
					}
						
 a:visited{
			text-decoration:none;
					}						
a:hover{
		text-decoration:underline;
						}
 a:active{
	text-decoration:none;
				}
				
img{
	border:0;}
					
#teen{
	color:#333;
		background:#666;}
	#teen .colunnR{
	border:2px solid #666;}
	#teen .biggwhite{
		color:#666;}
		
		#treat{
			color:#bd7851}
		#treat #content{
			padding:0px 20px 20px;}
			#treat .colunnR{
	border:2px solid #bd7851;}
	         #treat #navbar{
				 background:#89591d;}
				 
				 #rain{
					 background:url(images/rain.png);}
					 #rain #content{
						 background:;}
	
#outside{
	width:1000px;
	margin:20px auto;}
	
#inside{
			float:left;
			width:1000px;
			background:#fff;
			border: 1px solid #000;}
		
	#banner{
		float:left;
		width:980px;
		height:185px;
		padding:0px 0px 20px 20px;}
	
	#header{
		float:left;
		width:1000px;
		height:424px;
		background:url(images/flower-header2.png) no-repeat;}
			
			
	#navbar{
		float:left;
		width:960px;
		line-height:45px;
		padding:0px 20px 0px 20px;
		color:#fff;
		text-transform:lowercase;
		background:#ee3c96;
		}
		
		#navbar a{
			color:#fff;
			font-weight:bold;
			margin-right:50px;}
			
					

		
	#content{
		float:left;
		padding:30px;
		width:940px;
		}
		
		.content2{
		float:left;
		padding:20px;
		width:960px;
		background:url(images/content2.jpg) repeat-y;
		}
		
		#content3{
			float:left;
			width:1000px;}
			 #content3 .row{
				 float:left;
				 width:960px;
			padding:0px 20px 0px 20px;}
			#content3 .rowctr{
			float:left;
			width:960px;
			text-align:center;
			padding:0px 20px 0px 20px;
			}
			
			.listrow{
				 float:left;
				 width:960px;
			padding:0px 20px 0px 20px;
			background:url(images/party-list.png);}
			
		.row{
			float:left;
			width:940px;
			}
			
			.rowctr{
			float:left;
			width:940px;
			text-align:center;
			}
			.halfrow{
				float:left;
				width:460px;
				margin-right:10px;}
				
				.talkbox{
				float:left;
			width:640px;
			height:200px;
			padding:20px 210px 20px 150px;
			background:url(images/talk2.jpg) no-repeat;
			font-weight:bold;
			}
			.talkbox h3
			{
				text-align:left;
				color:#ee3c96;
				font-size:36px;
				font-weight:100;}
				.partybox{
				float:left;
				width:410px;
				text-align:left;
				padding:20px;
				border:1px solid #F0F;
				margin:0px 20px 20px 5px;
				font-weight:normal;}
				
				.partyboxR{
				float:left;
				width:447px;
				text-align:left;
				padding:10px;
				border:1px solid #F0F;
				font-weight:normal;}
				.partyphoto{
					float:left;
					margin:20px 20px 20px 0px;}
				
				.thirds{
					float:left;
					text-align:center;
					width:293px;
					padding:10px;
					margin-bottom:20px;}
		
		.thirdsbubble{
					float:left;
					text-align:left;
					width:225px;
					height:175px;
					padding:40px 50px 60px 35px;
					font-size:16px;
					color:#ee3c96;
					
					background:url(images/bubble3.png) no-repeat;
					margin:0px 0px 0px 12px;}
					
					.thirdsbubbleRT{
					float:right;
					text-align:center;
					width:205px;
					height:145px;
					padding:70px 50px 60px 55px;
					font-size:20px;
					color:#ee3c96;
					
					background:url(images/bubble.png) no-repeat;
					margin-bottom:0px;}
		
		.thirdsbubbleLeft{
					float:left;
					text-align:center;
					width:205px;
					height:165px;
					padding:45px 50px 60px 55px;
					font-size:20px;
					color:#ee3c96;
					
					background:url(images/bubble2.png) no-repeat;
					margin-bottom:0px;}
	
	
	#extras{
		float:right;
		width:399px;
		padding:20px;
		border:5px solid #fcb316;
	
		color:#093;
		font-size:14px;
		font-weight:bold;}	
		
		.boxes{float:left;
		margin:5px;
		width:161px;
		padding:10px;
		text-align:center;
		line-height:20px;
		height:250px;
		border:1px solid #F30;}
		
		.rtbox
		{float:left;
		margin:5px 0px 5px 5px;
		text-align:center;
		line-height:20px;
		width:161px;
		padding:10px;
		height:250px;
		border:1px solid #F30;}
		
.colunnL{
	float:left;
	width:299px;
	padding:10px 10px 10px 0px;
	}
		
.colunnR{
	float:right;
	width:180px;
	padding:10px 10px 10px 10px;
	border:2px solid #F0C;
	text-align:center;
	margin:30px 0px 20px 20px;
		}
		
		.colunnR2{
	float:right;
	text-align:center;
	width:180px;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	border:2px solid #fff;
	margin:0px 0px 20px 20px;
		}
	.colunnR3{
	float:right;
	width:190px;
	padding:10px 10px 10px 30px;
	border:2px solid #F0C;
	text-align:left;
	margin:20px 0px 20px 20px;
		}
		.rthold{
			float:right;
			width:260px;}
		.constantcontact{
			float:left;
			width:168px;
			margin:20px 0px 20px 386px;
			padding:10px;
			color:#fff;
			text-align:center;
			font-weight:bold;
			border:2px solid #ff3399;
			
			}
			
			.constantcontact2{
				float:left;
				clear:none;
			width:168px;
			margin:0px 12px 20px 0px;
			padding:10px;
			color:#fff;
			text-align:center;
			font-weight:bold;
			border:2px solid #ff3399;}
			
			.facebook{
				float:left;
			width:960px;
			text-align:center;
			padding:20px 0px 20px 0px;
				}
	#footer{
		float:left;
		width:1000px;
		line-height:35px;
		padding:0px 0px 0px 0px;
		text-align:center;
		color:#fff;
		font-size:16px;
		background:#ee3c96;
		}
		#footer a{
			color:#fff;}
		.ctr{
			text-align:center;}
		.right{
			float:right;}
			.biggwhite{
				color:#66F;
				font-weight:bold;
				font-size:14px;}
				
				.pink{
				color:#ee3c96;
				font-weight:bold;
				font-size:16px;}
				.pinkbig{
					color:#ee3c96;
				font-weight:200;
				font-size:24px;}
					
				.orange{
				color:#f2673a;
				font-weight:bold;
				font-size:16px;}
				.yellow{
				color:#f6eb14;
				font-weight:bold;
				font-size:16px;}
				.aqua{
				color:#48c2c5;
				font-weight:bold;
				font-size:16px;}
				
				.rain{
					color:#97b8d3;
				font-weight:bold;
				font-size:16px;}
				
				.black{
					color:#000;}
				
				.leftpad{
					float:left;
					margin:0px 20px 20px 0px;}
					
					.bigger{
						font-size:16px;}
						.norm{
							font-weight:normal;}
		#botnav{
			float:left;
			width:960px;
			padding:20px;
			color:#fff;
			text-align:center;}
			#botnav a{
				color:#fff;
				margin:0px 12px 0px 12px;}					
							
		#jm{
			font:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:normal;
		float:left;
		width:960px;
		color:#fff;
		padding:20px;
		text-align:right;}
		#jm a{
			color:#fff;}