/* Layout */
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

body { background:#d4eeff url("../images/bg.gif") top left repeat-x; }
	#container { width:980px; margin:0 auto 0 auto; }
		#content { background:url("../images/bg.png"); padding:0 10px 10px 10px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }
		#wrapper { background:#fff; padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
			#home #wrapper { border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; }
				
			#logo { float:left; margin:10px 0 10px 20px; width:205px; padding-top:125px; height:0px; display:block; overflow:hidden; background:url("../images/logo.png") 0 0 no-repeat; }
			
			#event-types { margin:0 -20px -10px -20px; padding:0 0 60px 0; background:url("../images/event-type-clouds.gif") bottom left no-repeat; }
			.event { float:left; width:280px; padding:20px; background:url("../images/bg-event.gif") top right no-repeat; }
				#event-corporate { background:0; }
				.event .decoration { float:right; width:70px; height:100px; margin:-30px 0 0 10px; }
					#event-weddings .decoration { background:url("../images/event-bride.gif") top center no-repeat; }
					#event-parties .decoration { background:url("../images/event-clown.gif") top center no-repeat; }
					#event-corporate .decoration { background:url("../images/event-magician.gif") top center no-repeat; }
				#page-02 .event { float:none; width:290px; padding:0; background:0; margin:0 0 15px 0; }
				
			#home-content, #extras { float:left; }
				#home-content { width:610px; margin-right:20px; }
				#extras { width:290px; }
					#home-content #freequote { float:left; width:290px; margin: 0 20px 0 0; }
					#page-02 #freequote { margin:20px 0; }
					
					#home-content #email-signup { float:left; width:290px; }
					
					#home-content .thirdbox { border-top:1px solid #eee; padding-top:10px; margin-top:20px; }
					#home-content .firstbox { clear:both; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:20px; }
					#home-content #promotion { padding-left:160px; }
						.promotion_image { float:left; margin-left:-160px; }
					
				
			#page-01 { float:left; width:590px; padding:0 20px 0 0; }
			#page-02 { float:left; width:290px; padding:20px 0 0 20px; margin-top:-20px; background:url("../images/bg-page-02.jpg") bottom left no-repeat; min-height:400px; }
				#page-02 .hr { width:310px; margin:10px 0 13px -20px; height:2px; background:url("../images/hr.gif") top left no-repeat; border:0; padding:0; }
				
			#pic-founder { float:right; margin:20px 0 20px 5px; }
			
			.highlight { color:#ed177a; font-weight:bold; font-size:1.35em; padding:0 0 0 80px; margin:30px 70px; }
				#highlight-wedding { background:url("../images/event-bride.gif") top left no-repeat; }
				#highlight-parties { background:url("../images/event-clown.gif") top left no-repeat; }
				#highlight-corporate { background:url("../images/event-magician.gif") top left no-repeat; }
				.highlight p { margin:0; }
				
				
			.post { border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:10px; }
				.post-with-image { padding-left:220px; }
				.post-with-image img { float:left; margin-left:-220px; }
				
			#comments { list-style-type:none; margin:0; }
				.comment { padding:15px 20px 5px 20px; background:#eeeeee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
				.comment-meta { background:url("../images/cite.gif") 60px 0 no-repeat; }
					.gravatar { border:1px solid #838383; float:left; margin:10px; }
					.comment-meta cite { float:left; padding:20px 0 0 10px; }
				
				
	#footer { background:url("../images/footer.gif") bottom left repeat-x; position: relative; z-index:-10; margin-top: -90px; /* negative value of footer height */ height: 90px; clear:both; }	

	.cloud { height:300px; position:absolute; top:0; width:100%; }
		#cloud-01 { background:url("../images/clouds-01.png") 60% top; z-index:-10; }
		#cloud-02 { background:url("../images/clouds-02.png") 40% top; z-index:-20; }
		#cloud-03 { background:url("../images/clouds-03.png") -20% top; z-index:-30; }
	
/* Navigation */	
#navigation { clear:both; margin:0; padding:10px 10px 0 10px; list-style-type:none; background:url("../images/bg-navigation.png") top left no-repeat; }
	#navigation li { float:left; margin:0 14px 0 0; }
	#navigation #nav-contact { margin-right:0; }
	#navigation a { padding-top:30px; height:0; display:block; overflow:hidden; background:url("../images/navigation-sprites.gif") no-repeat; }
		
		#navigation #nav-home a { width:66px; background-position:0 0; }
		#navigation #nav-home.selected a, #navigation #nav-home.selected a:hover { background-position:0 -60px; }
		#navigation #nav-home a:hover { background-position:0 -30px; }
		
		#navigation #nav-event a { width:160px; background-position:-85px 0; }
		#navigation #nav-event.selected a, #navigation #nav-event.selected a:hover { background-position:-85px -60px; }
		#navigation #nav-event a:hover { background-position:-85px -30px; }
		
		#navigation #nav-about a { width:97px; background-position:-263px 0; }
		#navigation #nav-about.selected a, #navigation #nav-about.selected a:hover { background-position:-263px -60px; }
		#navigation #nav-about a:hover { background-position:-263px -30px; }
		
		#navigation #nav-why a { width:89px; background-position:-379px 0; }
		#navigation #nav-why.selected a, #navigation #nav-why.selected a:hover { background-position:-379px -60px; }
		#navigation #nav-why a:hover { background-position:-379px -30px; }
		
		#navigation #nav-testimonials a { width:137px; background-position:-487px 0; }
		#navigation #nav-testimonials.selected a, #navigation #nav-testimonials.selected a:hover { background-position:-487px -60px; }
		#navigation #nav-testimonials a:hover { background-position:-487px -30px; }
		
		#navigation #nav-faq a { width:52px; background-position:-643px 0; }
		#navigation #nav-faq.selected a, #navigation #nav-faq.selected a:hover { background-position:-643px -60px; }
		#navigation #nav-faq a:hover { background-position:-643px -30px; }
		
		#navigation #nav-jobs a { width:59px; background-position:-712px 0; }
		#navigation #nav-jobs.selected a, #navigation #nav-jobs.selected a:hover { background-position:-712px -60px; }
		#navigation #nav-jobs a:hover { background-position:-712px -30px; }
		
		#navigation #nav-contact a { width:117px; background-position:-790px 0; }
		#navigation #nav-contact.selected a, #navigation #nav-contact.selected a:hover { background-position:-790px -60px; }
		#navigation #nav-contact a:hover { background-position:-790px -30px; }
		
		#navigation #nav-blog a { width:62px; background-position:-925px 0; }
		#navigation #nav-blog.selected a, #navigation #nav-blog.selected a:hover { background-position:-925px -60px; }
		#navigation #nav-blog a:hover { background-position:-925px -30px; }


/* Forms */
form {}

	#comment_form { margin-bottom:20px; }
	form div {  }
	
	.text { padding:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; color:#aaa; background:#fafafa; }
		.text:focus { color:#000; background:#fff; }
	
	.non-registered-details { float:left; width:170px; margin-right:20px; }
		.last-details { margin-right:0; }
		#comment_name, #comment_email, #comment_url { width:164px; }
		#comment { width:578px; height:110px; font:1.1em "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Sans-serif; }
		#captcha { float:left; margin:2px 10px 0 0; }
		fieldset { margin-bottom:10px; }
		
	.processing { background:url("../images/spinner.gif") left center no-repeat; padding-left:20px; margin-top:10px; font-weight:bold; }
	.subscribed { margin-top:10px; font-weight:bold; }
		

/* Typography */
body { font:67%/1.5 "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Sans-serif; color:#000; }
	#content { font-size:1.1em; }
		.event p { font-size:0.9em; }
	ul { margin:0 0 0 1.4em; list-style-type:square; }
	ol { margin:0 0 0 1.4em; list-style-type:decimal; }
		li { margin-bottom:1em; }
		
		#corporate_logos, #gallery { margin:0; list-style-type:none; }
		#corporate_logos { margin-top:10px; }
			#corporate_logos li { float:left; width:80px; height:80px; margin-right:10px; border:5px solid #eee; }
			#gallery li { float:left; width:130px; height:130px; margin-right:10px; border:5px solid #eee; }
				#corporate_logos li.last-child, #gallery li.last-child { margin-right:0; }

	dl { margin:0 0 20px 0; }
		dt { font-weight:bold; color:#ed177a; }
		dd { margin-bottom:1em; }
	
	dl#contact { float:right; width:500px; padding-top:90px; height:0; overflow:hidden; display:block; background:url("../images/contact.png") top right no-repeat; margin-top:20px; }
	
	.reason { color:#ed177a; font-weight:bold; }
	
	p { margin:0 0 1em 0; }
		.intro { font-size:1.3em; }
		#freequote p { text-align:center; font-size:0.9em; padding:10px; margin:0; }
			#home-content #freequote p { text-align:left; }
		#freequote p span { color:#ed177a; font-weight:bold; }

	blockquote { color:#ed177a; font-size:1em; line-height:1.5; font-weight:bold; font-style:italic; margin:0 0 20px 0; }
		#page-01 blockquote { margin:0 0 3em 0; }
		blockquote p { margin:0; }
		blockquote cite { color:#0055a5; font-size:0.85em; font-weight:bold; font-style:normal; margin:0; }
		
	h1 { color:#ed177a; font-size:4.2em; font-weight:bold; margin:0; line-height:1.1; margin-bottom:15px; }
	h2 { color:#ed177a; font-size:2.5em; font-weight:bold; line-height:1.1; margin:0 0 10px 0; }
		#page-01 blockquote h2 { font-size:2em; margin:20px 50px; }
	h3 { color:#ed177a; font-size:2em; font-weight:bold; margin:0 0 5px 0; line-height:1.1; }
	h4 {  }
		#freequote { background:url("../images/free-quote-bottom.gif") bottom center no-repeat; }
			#home-content #freequote { background:#d4eeff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
			#promotion h3 { color:#d12010; }
		#freequote h4 a { width:290px; height:0; padding-top:50px; display:block; overflow:hidden; background:url("../images/free-quote.gif") top left no-repeat; }
	h5 {  }
	
	
/*  Links  */	
a			{ color:#0055a5; font-weight:bold; text-decoration:underline; }
a:visited	{ color:#0055a5; } 
a:hover		{ color:#ed177a; text-decoration:none; }
a:active	{ color:#0055a5; text-decoration:none; }

h2 a			{ text-decoration:none; }
h2 a:visited	{  } 
h2 a:hover		{ text-decoration:none; }
h2 a:active		{ text-decoration:none; }



	
/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { zoom:1; }
.clearfix { display: block; }
/* End hide from IE-mac */