@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #666666; }

body { text-align: center; background-color: #1A8CA1; background-image: url(images/wallpaper.jpg); }

#wrapper { margin: 18px auto 5px auto; width: 780px; background-color: #FFFFFF; text-align: left; border: solid 18px #FFFFFF; border-bottom: solid 18px #FFFFFF; }
	body#home #wrapper { background-color: #FFFFFF; }
	
#clear, .clear { clear: both; }

#banner { width: 774px;}
	.logo { float: right; }
	
	.contact { float: left; display: block; width: 350px; font-size: 1.15em; padding-top: 25px;  font-weight: lighter; }
		.contact p { margin-bottom: 4px;color: #1A8CA1;}
		.contact a { text-transform: uppercase; font-size: 0.6em; }
		
	.strap  { background: url(images/banner_home.jpg) no-repeat top left; width: 774px; margin-top: 20px;   }
		.strap h1 { color: #1A8CA1; font-size: 2.0em; margin: 0px; padding: 20px 0 0 20px; font-weight: lighter; visibility: hidden; }
		.strap h2 { color: #FFFFFF; font-size: 2.0em; margin: 0px; padding: 0 0 115px 20px; font-weight: lighter; visibility: hidden; }
		body#weddings .strap {background: url(images/somethingBlue/somethingblue-banner.jpg) no-repeat top left;}
	
#navigation { position: absolute; left: auto; margin: 0 auto; width: 800px; padding-left: 0px; text-align: left; }

	#navigation ul { position: relative; width: 800px; }
	#navigation li { list-style: none; float: left;  text-align: left; margin: 0 9px 0 0;  background-color: #FFFFFF; }
	#navigation li a:link, #navigation li a:visited { color: #666666; font-size: 0.75em; text-decoration: none; }
	#navigation li a:active, #navigation li a:hover { color: #1A8CA1; }
		
body#home #home, body#venue_finding #venue, body#event_management #event, body#multimedia_design #design, body#consultancy #consult, body#case_studies #studies, body#testimonials #testimonials, body#about_us #about_us, body#weddings #wedding, body#investig_meetings #investig { color: #1A8CA1; }
		
	/* creates the drop shadow on the navigation */
	#navigation li, #navigation li a {  position: relative;  bottom: 4px;  left: 2px; }
	#navigation li { background-color: #E5E5E5; padding-bottom: 4px;}
	#navigation li a { border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 5px 4px 5px 4px; }

#mainContent { width: 775px; margin-top: 40px; font-size: 0.8em; margin-left: -6px; }
	
	/* left and right promos on home page */
	.leftPromo { width: 585px; float: left; padding: 0px; margin-left: 4px; border: solid 1px #B9BABB;  }
		.leftPromo h1 { color: #FFFFFF; font-size: 1.3em; padding: 6px 5px 5px 5px; margin: 0px; font-weight: lighter; width: 575px; background-color: #1A8CA1; }
		#rotate { background-repeat: no-repeat; background-position: left 30px; }
		.leftPromo p { color: #666666; font-size: 0.95em; padding-left: 380px; }
		.leftPromo h1 a { text-decoration: none; float: right; color: #FFFFFF; text-transform: uppercase; font-size: 0.8em; margin-top: 3px; padding-left: 25px; background: url(images/chevron_white.gif) no-repeat left center;   }
		
	.rightPromo { width: 162px; height: 200px; float: right; text-align: right; margin-right: 0px;  }
		.rightPromo h1 { color: #78A22F; font-size: 1.45em; padding: 0px; margin-top: 70px; font-weight: lighter; }
	
	.leftPromo p, .rightPromo p { margin-top: 5px; padding-top: 5px; }
		
	/* creates the drop shadow on the inner content pages */
	.content, .shadow { position: relative; bottom: 4px; left: 3px; }
	.shadow { background-color: #E5E5E5; }
	.content { background-color: #fff; color: #000; border: 1px solid #CCCCCC; padding: 0.5em; }

/* CONTENT PAGES */
	.innerPic { width: 260px; float: left; min-height: 300px; }
	
	.innerCopy { width: 460px; float: right; padding-left: 12px; padding-right: 5px; }
		.innerCopy h1 { color: #1A8CA1; font-size: 1.8em; font-weight: lighter; padding: 5px 0 5px 0; }
		.innerCopy p, .innerCopy td p, #mainTabbedContent .tab p { font-size: 0.9em; margin-top: 0px; padding: 5px 0px 5px 0; }
		.innerCopy h3 { color: #1A8CA1; padding: 0px; margin: 0px; font-weight: normal; padding: 5px 0 5px 0; }
		.innerCopy ul { list-style: outside disc; margin-left: 15px; margin-bottom: 10px; font-size: 0.9em; }
		
		.innerCopy a:link, .innerCopy a:visited { color: #1A8CA1; padding: 0px; margin: 0px; font-weight: normal; padding: 5px 0 5px 25px; background: url(images/chevron_inactive.gif) no-repeat left center; text-transform: uppercase; text-decoration: none; font-size: 1.2em;  }
		.innerCopy a:active, .innerCopy a:hover {color: #1A8CA1; }
		
		.noCaps a:link, .noCaps a:visited { color: #1A8CA1; padding: 0px; margin: 0px; font-weight: normal; padding: 5px 0 5px 25px; background: url(images/chevron_inactive.gif) no-repeat left center; text-transform: uppercase; text-decoration: none; }
		.noCaps a:active, .noCaps a:hover {color: #1A8CA1; text-decoration: none; }
		
		.subNav { width: 450px; background-color: #E9F5F6; padding: 5px; margin-bottom: 20px; vertical-align:top;  }
			.subNav a:link, .subNav a:visited { color: #78A22F; text-decoration: none; padding: 0px; background: none; text-transform: none;  font-size: 1em; }
			.subNav a:active, .subNav a:hover { text-decoration: none; }
	/* Testimonials */	
	
	.innerCopyTestimonials { width: 770px; margin-left: 0px; }
		.testimonial { width: 720px; padding-left: 12px;}
		.testimonialLeft { width: 475px; float:left; padding-right:20px;}
		.testimonialRight { width: 225px; float:right;}
	.innerCopyTestimonials h1 { color: #1A8CA1; font-size: 1.8em; font-weight: lighter; padding: 5px 0 5px 0; }
		.innerCopyTestimonials p { font-size: 0.9em; margin-top: 0px; padding: 5px 0px 5px 0px; }
	
		.subNavTestimonials { width: 760px; background-color: #E9F5F6; clear: both; margin-top: 5px;  }
			.subNavTestimonials a:link, .subNavTestimonials a:visited { color: #78A22F; text-decoration: none; padding: 0px; background: none; text-transform: none;  font-size: 1em; }
			.subNavTestimonials a:active, .subNavTestimonials a:hover { text-decoration: underline; }
			
		.greenIntro { color: #78A22F; padding: 5px 0 5px 0; }
			.greenIntro h2; .greenIntro a { font-weight: 600; padding: 5px 0 5px 0; }
			.greenIntro a:link, .greenIntro a:visited { color: #78A22F; text-decoration: underline; }
			.greenIntro a:active, .greenIntro a:hover { color: #1A8CA1; text-decoration: underline; }
			.content strong { font-weight: bold; color: #78A22F; }
		.blueIntro { color: #0D838F; padding: 5px 0 5px 0;}
			.blueIntro h2; .blueIntro a { font-weight: 600; padding: 5px 0 5px 0; }
			.blueIntro a:link, .blueIntro a:visited { color: #0D838F; text-decoration: underline; }
			.blueIntro a:active, .blueIntro a:hover { color: #1A8CA1; text-decoration: underline; }
			strong.blueIntro { font-weight: bold; color: #0D838F; }
			
#imageContainer { height: ; }  
#imageContainer img { display:none; position:absolute; top:5px; left:5px; width: 260px; opacity: -0.01; } 	
.innerPic p { padding: 15px 0px 15px 5px; clear: both }
	
	/* MAIN ACCORDION */
	#reveal { width: 450px;  }

					.reveal  { width: 450px;  }
					.reveal .text { padding: 0px 0px 10px 30px; }
					.reveal p { padding: 5px 0px 5px 0px; }
					.reveal ul { padding: 5px 5px 5px 25px; }
					.reveal li { list-style: outside disc; padding-left: 5px;  font-size: 0.75em;}

					.title { cursor: pointer; color: #1A8CA1; padding: 0px; margin: 0px; font-weight: normal; padding: 5px 0 5px 25px; background: url(images/chevron_inactive.gif) no-repeat left center; }
					#list3 div.selected .title, #list3a div.selected .title, #list4 div.selected .title, #list5 div.selected .title { color: #1A8CA1; background: url(images/chevron_active.gif) no-repeat left center;  }
					#list3a .title { font-size: 0.8em; }		
	
	/*tabs for Case Studies */
	
	#mainTabbedContent {  width: 755px; float: left; }
			
				div.TabbedContent { margin: 0 0 20px 0; }
				.tabs-container div p { padding-right: 30px; }
				.tabs-container { width: /*615px 510px*/ 450px; float: right; padding-left: 12px; padding-right: 5px; }
				ul.TabbedContent { list-style-type: none; width: /*140px 223px*/ 280px; padding: 0; float: left; }
				ul.TabbedContent li { margin: 5px; float: left; border: solid 1px #999999; }
				ul.TabbedContent a { float: left; margin: 0; padding: 0px; text-decoration: none;}
					ul.TabbedContent a span { float: left; display: block; padding: 0px; width: /*52px 98px*/ 125px; height: /*52px*/ 74px; }
					ul.TabbedContent a.active span { float: left; display: block; padding: 0px; }
					/* about us */
					ul.TabbedContent a#limeblue span { background-image: url(images/aboutus/limeblue2_off.gif); width: 250px; height: 153px; }
					ul.TabbedContent a:hover#limeblue span { background-image:url(images/aboutus/limeblue2.gif); }
					ul.TabbedContent a.active#limeblue span { background-image:url(images/aboutus/limeblue2.gif); }
					
					ul.TabbedContent a#nicky span { background-image: url(images/aboutus/nicola_off.gif); }
					ul.TabbedContent a:hover#nicky span { background-image:url(images/aboutus/nicola.gif); }
					ul.TabbedContent a.active#nicky span { background-image:url(images/aboutus/nicola.gif); }
					
					ul.TabbedContent a#michelle span { background-image: url(images/aboutus/michelle_off.gif); }
					ul.TabbedContent a:hover#michelle span { background-image:url(images/aboutus/michelle.gif); }
					ul.TabbedContent a.active#michelle span { background-image:url(images/aboutus/michelle.gif); }
					
					ul.TabbedContent a#jo span { background-image: url(images/aboutus/jo_off.gif); }
					ul.TabbedContent a:hover#jo span { background-image:url(images/aboutus/jo.gif); }
					ul.TabbedContent a.active#jo span { background-image:url(images/aboutus/jo.gif); }
					
					ul.TabbedContent a#kate span { background-image: url(images/aboutus/kate_off.gif); }
					ul.TabbedContent a:hover#kate span { background-image:url(images/aboutus/kate.gif); }
					ul.TabbedContent a.active#kate span { background-image:url(images/aboutus/kate.gif); }
					
					ul.TabbedContent a#ali span { background-image: url(images/aboutus/ali_off.jpg); }
					ul.TabbedContent a:hover#ali span { background-image:url(images/aboutus/ali.jpg); }
					ul.TabbedContent a.active#ali span { background-image:url(images/aboutus/ali.jpg); }
					
					ul.TabbedContent a#dasilva span { background-image: url(images/aboutus/dasilva_off.jpg); }
					ul.TabbedContent a:hover#dasilva span { background-image:url(images/aboutus/dasilva.jpg); }
					ul.TabbedContent a.active#dasilva span { background-image:url(images/aboutus/dasilva.jpg); }
					
					ul.TabbedContent a#karen span { background-image: url(images/aboutus/karen_off.gif); }
					ul.TabbedContent a:hover#karen span { background-image:url(images/aboutus/karen.gif); }
					ul.TabbedContent a.active#karen span { background-image:url(images/aboutus/karen.gif); }
					
					ul.TabbedContent a#zoe span { background-image: url(images/aboutus/zoe_off.gif); }
					ul.TabbedContent a:hover#zoe span { background-image:url(images/aboutus/zoe.gif); }
					ul.TabbedContent a.active#zoe span { background-image:url(images/aboutus/zoe.gif); }
					
					ul.TabbedContent a#claire span { background-image: url(images/aboutus/claire_off.jpg); }
					ul.TabbedContent a:hover#claire span { background-image:url(images/aboutus/claire.jpg); }
					ul.TabbedContent a.active#claire span { background-image:url(images/aboutus/claire.jpg); }
					
					ul.TabbedContent a#rachel span { background-image: url(images/aboutus/rachel_off.jpg); }
					ul.TabbedContent a:hover#rachel span { background-image:url(images/aboutus/rachel.jpg); }
					ul.TabbedContent a.active#rachel span { background-image:url(images/aboutus/rachel.jpg); }
					
					
					
				
				.tab div { width: 450px; float: left; }
					.tab p { padding: 5px 0px 5px 0px; }
					.tab h1 { color: #1A8CA1; font-size: 1.8em; font-weight: lighter; padding: 5px 0 5px 0; }
					.tab h2 { color: #1A8CA1; font-size: 1.2em; padding-bottom: 5px; }
					.tab h3 { color: #1A8CA1; padding: 0px; margin: 0px; font-weight: normal; padding: 5px 0 5px 0; }
					.tab strong { font-weight: bold; }
					.tab img {padding: 5px 0px 5px 0px; }
					/*.tab a:link, .tab a:visited { text-decoration: underline; }
					.tab a:active, .tab a:hover { text-decoration: underline; } */
					.tab ul { list-style: inside disc; }
					.tab ul li { padding: 0px 5px 10px 10px;}
					
			.Copy { visibility:hidden; position:absolute; left:300px; top:10px; width: 450px; }
				
/* enquiry form */
form { padding: 0px; margin: 0px; }
	form p { width: 400px; 	float: left; margin: 0;	padding: 0; height: 1%;	}
	form label, .question left_question_first {	font-weight: bold; float: left;	margin-left: 0px; margin-right: 40px;
	width: 120px; }
	form input[type="text"]{ width: 160px;	}
	form textarea { width: 200px; height: 150px; }

/* footer */
#footer { width: 785px; margin: 5px 0px 0px -1px; text-align: center; }
	#footer p { font-size: 0.70em; margin-top: 0px; padding: 5px 0 0px 0; }
	#footer a:link, #footer a:visited { color: #666666; text-decoration: none; }
	#footer a:active, #footer a:hover { color: #78A22F;  }
	#footer strong { font-weight: normal; color: #1A8CA1; }

/* Site by Symbius */
#siteBy { margin: 0px auto; width: 820px; text-align: left; color: #FFFFFF; font-size: 0.6em;  }


