/**
 * Stylesheet for Maggie Bolt Associates
 * http://www.maggieboltassociates.com/
 * Designed April 2010 by danny@thirteen.com
 * Developed April 2010 by derek@sharpshooter.org
 */
 
/*
Page elements
0. Miscellaneous
1. Layout
2. Header
3. Navigation
4. Footer
5. Content
6. Colours
7. Quotes
8. Bubbles
9. Clients
10. Associates
*/

/* 0. Miscellaneous */

a img
{
	border:none;
}

.clear,
.clear-left
{
	clear:left;
	height:0;
	overflow:hidden;
}

.clear-right
{
	clear:right;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus
{
	color:#fff;
	text-decoration:uderline;
}

/*a:hover,
a:active,
a:focus
{
	color:#fff;
}*/



/* 1. Layout */

/*html,*/
body
{
	background-color:#5A2E49; /* default for homepage */
	color:#fff;
	/*text-shadow: rgba(247, 120, 51, 0) 0 0 1px;*/
	font-family:"VAG Rounded Std Thin", BPreplayRegular, Arial, Verdana, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}

div.page
{
	margin:0 auto;
	width:950px;
}



/* 2. Header */

.header
{
	background-image:url(../images/backgrounds/dots/about.32bit.png);
	background-repeat:no-repeat;
	background-position:0 183px;
	margin:0 0 30px 0;
}

	.header .logo
	{
		padding:15px 0 21px 0;
	}

	.header .strapline
	{
		padding:0 0 18px 0;
	}


/* 3. Navigation */

.navigation
{
	margin:5px 0 0 0;
	padding:0;
}

	.navigation li
	{
		margin:0 0 5px 0;
		padding:0;
	}

		.navigation li a
		{
			text-decoration:none;
		}

		.navigation li a:link,
		.navigation li a:visited
		{
			color:#fff;
		}

		.navigation li a:hover,
		.navigation li a:active,
		.navigation li a:focus,
		.navigation li.active a:link,
		.navigation li.active a:visited
		{
			color:#F77833;
		}
		
		.navigation li ul
		{
			margin-top:5px;
		}



/* 4. Footer */


/* 5. Content */
.content p,
.content cite,
.content ul,
.content ol
{
	font-size:14px;
	line-height:1.5;
	margin-bottom:10px;
}

	.content h1
	{
		font-size:18px;
		font-weight:normal;
		margin-bottom:10px;
	}

	.content h2
	{
		font-family:"VAG Rounded Std Thin", BPreplayBold, Arial, Verdana, sans-serif;
		font-size:14px;
		font-weight:bold;
		margin-bottom:5px;
	}

	.content .intro p
	{
		font-size:18px;
		line-height:24px;
		color:#F77833;
	}
	
	.content ul
	{
		margin-left:20px;
		list-style:disc;
	}
	
		.content li
		{
			margin-bottom:5px;
			line-height:1.5;
		}
	
	.content ol
	{
		margin-left:20px;
		list-style:decimal;
	}

/* 6. Colours */

/* ----- about */
body.about
{
	background-color:#5A2E49;
}

body.about .navigation li.active a:visited,
body.about .content .intro p,
body.about .quote blockquote p a.more,
body.about .navigation li a:hover,
body.about .navigation li a:active,
body.about .navigation li a:focus,
body.about .navigation li.active a:link,
body.about .navigation li.active a:visited
{
	color:#F77833;
}

body.about .quote .quote-open,
body.about .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/about.32bit.png);
}

/* ----- approach */
body.approach
{
	background-color:#493850;
}

body.approach .navigation li.active a:visited,
body.approach .content .intro p,
body.approach .quote blockquote p a.more,
body.approach .navigation li a:hover,
body.approach .navigation li a:active,
body.approach .navigation li a:focus,
body.approach .navigation li.active a:link,
body.approach .navigation li.active a:visited
{
	color:#549ec2;
}

body.approach .quote .quote-open,
body.approach .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/approach.32bit.png);
}

/* ----- offer */
body.offer
{
	background-color:#afbc96;
}

body.offer .navigation li.active a:visited,
body.offer .content .intro p,
body.offer .content,
body.offer .navigation li a:hover,
body.offer .navigation li a:active,
body.offer .navigation li a:focus,
body.offer .navigation li.active a:link,
body.offer .navigation li.active a:visited
{
	color:#51197c;
}

body.offer .quote blockquote p a.more
{
	color:#fff;
}

body.offer .quote .quote-open,
body.offer .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/offer.32bit.png);
}

body.offer .bubble
{
	background-position:-360px 100%;
}

body.offer .bubble .bubble-bottom
{
	background-position:-360px 0;
}

/* ----- professional */
body.professional
{
	background-color:#c1beb6;
}

body.professional .navigation li.active a:visited,
body.professional .content .intro p,
body.professional .content,
body.professional .navigation li a:hover,
body.professional .navigation li a:active,
body.professional .navigation li a:focus,
body.professional .navigation li.active a:link,
body.professional .navigation li.active a:visited
{
	color:#251e7e;
}

body.professional .quote .quote-open,
body.professional .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/professional.32bit.png);
}

body.professional .bubble
{
	background-position:-720px 100%;
}

body.professional .bubble .bubble-bottom
{
	background-position:-720px 0;
	color:#fff;
}

body.professional .bubble-white
{
	background-position:-360px 100%;
}

body.professional .bubble-white .bubble-bottom
{
	background-position:-360px 0;
	color:#333;
}

/* ----- associates */
body.associates
{
	background-color:#151226;
}

body.associates .navigation li.active a:visited,
body.associates .content .intro p,
body.associates .content
{
	color:#fff;
}

body.associates .content h1,
body.associates .content p strong,
body.associates .content p a.more,
body.associates .quote blockquote p a.more,
body.associates .navigation li a:hover,
body.associates .navigation li a:active,
body.associates .navigation li a:focus,
body.associates .navigation li.active a:link,
body.associates .navigation li.active a:visited
{
	color:#0cb0ed;
}

body.associates .quote .quote-open,
body.associates .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/associates.32bit.png);
}

body.associates .header
{
	background-image:url(../images/backgrounds/dots/associates.32bit.png);
}

/* ----- projects */
body.projects
{
	background-color:#e0e6e9;
}

body.projects .navigation li.active a:visited,
body.projects .content .intro p,
body.projects .content
{
	color:#51197c;
}

body.projects .content p strong,
body.projects .content p a.more,
body.projects .quote blockquote p a.more,
body.projects .navigation li a:link,
body.projects .navigation li a:visited,
body.projects .navigation li a:hover,
body.projects .navigation li a:active,
body.projects .navigation li a:focus,
body.projects .navigation li.active a:link,
body.projects .navigation li.active a:visited,
body.projects .navigation li.active ul li a:link,
body.projects .navigation li.active ul li a:visited
{
	color:#51197c;
}


body.projects .content h1,
body.projects .content a,
body.projects .navigation li.active a:link,
body.projects .navigation li.active a:visited,
body.projects .navigation li.active ul li.active a:link,
body.projects .navigation li.active ul li.active a:visited
{
	color:#1ea8eb;
}

body.projects .bubble
{
	background-position:-360px 100%;
}

body.projects .bubble .bubble-bottom
{
	background-position:-360px 0;
}

body.projects .header
{
	background-image:url(../images/backgrounds/dots/projects.32bit.png);
}

/* ----- testimonials */
body.testimonials
{
	background-color:#fff;
}

body.testimonials .navigation li.active a:visited,
body.testimonials .content .intro p,
body.testimonials .content,
body.testimonials .content h1,
body.testimonials .content p strong,
body.testimonials .content p a.more,
body.testimonials .quote blockquote p a.more,
body.testimonials .navigation li a:link,
body.testimonials .navigation li a:visited,
body.testimonials .navigation li a:hover,
body.testimonials .navigation li a:active,
body.testimonials .navigation li a:focus,
body.testimonials .navigation li.active a:link,
body.testimonials .navigation li.active a:visited
{
	color:#1c5721;
}

body.testimonials .quote blockquote p
{
	font-size:14px;
	line-height:1.5;
}

body.testimonials .quote .quote-open,
body.testimonials .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/testimonials.32bit.png);
}

body.testimonials .quote.quote-odd .quote-open,
body.testimonials .quote.quote-odd .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/testimonials-odd.32bit.png);
}

body.testimonials .header
{
	background-image:url(../images/backgrounds/dots/testimonials.32bit.png);
}

body.testimonials .quote
{
	background-image:url(../images/backgrounds/dots/testimonials.32bit.png);
	background-repeat:no-repeat;
	background-position:0 100%;
	font-size:18px;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
}

body.testimonials .quote.last
{
	background-image:none;
}

/* ----- contact */
body.contact
{
	background-color:#bd9f6e;
}

body.contact .navigation li.active a:visited,
body.contact .content .intro p,
body.contact .content,
body.contact .content h1,
body.contact .content p strong,
body.contact .content p a.more,
body.contact .quote blockquote p a.more,
body.contact .navigation li a:link,
body.contact .navigation li a:visited
{
	color:#fff;
}

body.contact .navigation li a:hover,
body.contact .navigation li a:active,
body.contact .navigation li a:focus,
body.contact .navigation li.active a:link,
body.contact .navigation li.active a:visited,
body.contact .content a
{
	color:#683093;
}

body.contact .quote .quote-open,
body.contact .quote .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/contact.32bit.png);
}

body.contact .quote.quote-odd .quote-open,
body.contact .quote.quote-odd .quote-close
{
	background-image:url(../images/backgrounds/speech-marks/contact-odd.32bit.png);
}



/* 7. Quotes */

.quote
{
	margin-bottom:20px;
}

	.quote .quote-open,
	.quote .quote-close
	{
		display:block;
		width:58px;
		height:37px;
		background-image:url(../images/backgrounds/speech-marks/about.32bit.png);
		background-position:0 0;
		background-repeat:no-repeat;
		margin:0 0 10px 0;
	}

	.quote .quote-close
	{
		background-position:-58px 0;
		margin:10px 0 10px 0;
	}

	.quote blockquote
	{
		padding:5px 0;
	}

		.quote blockquote p
		{
			font-size:24px;
			line-height:28px;
		}

			.quote blockquote p a.more
			{
				font-size:12px;
				color:#F77833;
			}

		.quote blockquote cite
		{
			font-style:normal;
		}

		.quote blockquote cite strong
		{
			/*font-family:"VAG Rounded Std Thin", BPreplayBold, Arial, Verdana, sans-serif;*/
			font-family:"VAG Rounded Std Thin", BPreplayBold, Arial, Verdana, sans-serif;
			/*font-size:16px;*/
			font-weight:normal;
		}
		

/* 8. Bubbles */

.bubble
{
	background-image:url(../images/backgrounds/bubbles/sprite-bottom.32bit.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding-bottom:60px;
	margin-top:20px;
	margin-bottom:10px;
}

	.bubble .bubble-bottom
	{
		background-image:url(../images/backgrounds/bubbles/sprite-top.32bit.png);
		background-position:0 0;
		background-repeat:no-repeat;
		padding:20px 20px 0 20px;
	}

	.bubble h1
	{
		font-size:18px;
		font-weight:normal;
		margin-bottom:5px;
	}

	.bubble p
	{
		margin-bottom:0px;
		padding-bottom:5px;
	}
	
	
/* 9. Clients */

.content-clients h1
{
	margin-bottom:20px;
}

.content-clients p
{
	background-image:url(../images/backgrounds/dots/projects.32bit.png);
	background-repeat:no-repeat;
	background-position:0 100%;
	font-size:18px;
	font-weight:normal;
	/*margin:20px 0 0 0;
	padding:0 0 10px 0;*/
	margin:0 0 0 0;
	padding:5px 0;
}

.content p.client-item.last
{
	background-image:none;
}

	.client-item .client
	{
		color:#1ea8eb;
	}
	

/* 10. Associates */

.associate-item
{
	background-image:url(../images/backgrounds/dots/associates.32bit.png);
	background-repeat:no-repeat;
	background-position:0 100%;
	font-size:18px;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
}

.associate-item.last
{
	background-image:none;
}

.associate-item .more
{
	display:none;
}