/*
Theme Name: elizabeth&jane
Theme URI: http://elizabethandjane.ca
Description: The theme for the Elizabeth & Jane photography blog and company web-site
Version: 1.0
Author: Thomas J Bradley
Author URI: http://thomasjbradley.ca
Tags: purple, turquoise, pink, wide
*/

/**
 *	Elizabeth & Jane
 *	Primary Screen and Print Styles
 *	@media		screen,print
 *	
 *	@project	elizabethandjane.ca
 *	@author		Thomas J Bradley <theman@thomasjbradley.ca>
 *	@link		http://thomasjbradley.ca
 *	@copyright	2009- Thomas J Bradley
 *	@version	$Id: style.css 389 2009-06-01 22:09:44Z thomasjbradley $
 *	
 *	@colordef	#662d8e; purple
 *	@colordef	#46adc1; turquoise
 *	@colordef	#475295; blue
 */

@font-face {
	font-family: 'CaviarDreams';
	src: url('fonts/CaviarDreams-webfont.eot');
	src: local('☺'), url('fonts/CaviarDreams-webfont.woff') format('woff'), url('fonts/CaviarDreams-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'CaviarDreams';
	src: url('fonts/CaviarDreams_Bold-webfont.eot');
	src: local('☺'), url('fonts/CaviarDreams_Bold-webfont.woff') format('woff'), url('fonts/CaviarDreams_Bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	}
	
@font-face {
	font-family: 'CaviarDreams';
	src: url('fonts/CaviarDreamsItalic-webfont.eot');
	src: local('☺'), url('fonts/CaviarDreamsItalic-webfont.woff') format('woff'), url('fonts/CaviarDreamsItalic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	}

@font-face {
	font-family: 'CaviarDreams';
	src: url('fonts/CaviarDreams_BoldItalic-webfont.eot');
	src: local('☺'), url('fonts/CaviarDreams_BoldItalic-webfont.woff') format('woff'), url('fonts/CaviarDreams_BoldItalic-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	}

/**
 *	@section	General
 */

@media screen,print {

html {
	margin: 0;
	padding: 0;
	
	background: #fff url("images/common/burst.jpg") no-repeat center top;
	
	font: normal 100.01%/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	text-rendering: optimizeLegibility;
	}

body {
	margin: 0;
	padding: 0;
	
	background: transparent url("images/common/vines.png") no-repeat left top;
	}

} /* END MEDIA: screen */



/**
 *	@section	Layout
 */

@media screen {
	
.wrapper {
	margin: 0 auto;
	min-height: 1px;
	padding: 0 80px;
	position: relative;
	width: 820px;
	}
	
	.wrapper:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		
		content: ".";
		font-size: 0;
		}
	
#content {
	padding-top: 20px;
	padding-bottom: 20px;
	
	background: #fff url("images/common/content-bg.jpg") no-repeat center bottom;
	}
	
#footer {
	height: 228px;
	margin: 0;
	padding: 0;
	
	background: #662d8e url("images/common/footer-bg.jpg") no-repeat center top;
	
	color: #fff;
	font-size: 0.75em;
	}
	
	#footer-inner {
		height: 228px;
		
		background: transparent url("images/common/footer-swirl-left.png") no-repeat left 20px;
		}
		
	#footer-core {
		height: 228px;

		background: transparent url("images/common/footer-swirl-right.png") no-repeat right bottom;
		}
	
	#footer .wrapper {
		padding: 25px 0 0;
		width: 940px;
		}
	
.col {
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 260px;
	}
	
.col-half {
	width: 390px;
	}
	
.col-full {
	display: block;
	float: none;
	width: 100%;
	}

.col-group {
	clear: both;
	overflow: hidden;
	}
	
.col-double {
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 540px;
	}
	
.first {
	margin-left: 0;
	}
	
.pricing {
	font-size: 0.875em;
	line-height: 1.375;
	}
	
} /* END MEDIA: screen */



/**
 *	@section	Typography
 */

@media screen,print {

h1 {
	padding: 0 0 0.5em 0;
	
	background: transparent url("images/common/heading-border-turquoise.gif") no-repeat right bottom;
	
	color: #333;
	font: italic normal 1.875em/1 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	}
	
h1.blog-title {
	margin: 0;
	}
	
	h1.blog-title span {
		display: block;
		margin: 0;
		padding: 0 0 0 40px;
		
		background: transparent url("images/common/icon-liz.gif") no-repeat left center;
		}
		
	h1.blog-title span.written-by-Jane {
		background-image: url("images/common/icon-jane.gif");
		}
		
h1.purple {
	background-image: url("images/common/heading-border-purple.gif");
	}
	
h1.blue {
	background-image: url("images/common/heading-border-blue.gif");
	}
	
	.pricing h1 {
		font-size: 2.2em;
		}
	
h2 {
	padding: 0 0 10px 0;

	background: transparent url("images/common/heading-border-blue.gif") no-repeat right bottom;

	color: #333;
	font: italic normal 1.5em/1.5 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	}
	
	.pricing h2 {
		margin-bottom: 0;
		padding: 0;
		
		background-image: none;
		
		text-transform: none;
		}
		
	.pricing h2.aqua {
		color: #87cdda;
		}
		
	.pricing h2.turquoise {
		color: #46adc1;
		}
		
	.pricing h2.violet {
		color: #9b75b4;
		}
		
	.pricing h2.aubergine {
		color: #4d398b;
		}
		
	.pricing h2.pink {
		color: #ea1e79;
		}
		
	.pricing h2.green {
		color: #00a69a;
		}
		
	.home h2 {
		background-image: url("images/common/heading-border-turquoise.gif");
		}
	
	.home h2.blue {
		background-image: url("images/common/heading-border-blue.gif");
		}
		
	.home h2.purple {
		background-image: url("images/common/heading-border-purple.gif");
		}

h3 {
	color: #333;
	font: italic normal 1.275em/1.375 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	}

	.blog-footer h3 {
		margin: 0 0 0.7em 0;
		padding: 0 0 10px 0;
	
		background: transparent url("images/common/heading-border-turquoise.gif") no-repeat right bottom;
		}
	
	h3.blue {
		background-image: url("images/common/heading-border-blue.gif");
		}
		
	h3.purple {
		background-image: url("images/common/heading-border-purple.gif");
		}

h4 {
	color: #333;
	font: italic normal 1.125em/1.375 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	}

h5 {
	color: #333;
	font: italic normal 1em/1.375 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	}

h6 {
	color: #333;
	font: italic normal 1em/1.375 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	}
	
p {
	margin: 0 0 1.375em 0;
	padding: 0;
	}
	
p.intro {
	color: #662d8e;
	font-style: italic;
	}
	
p.fine-print {
	margin: 0;
	
	text-align: center;
	}
	
ol {
	margin: 0 0 1.375em 0;
	padding: 0 0 0 1.5em;
	}
	
ol.steps {
	color: #46adc1;
	font-size: 1.5em;
	font-weight: bold;
	}
	
ol.blue {
	color: #475295;
	}
	
ol.blue li {
	background: none;
	}
	
	ol.steps p {
		margin: 0;
		padding: 0;
		
		color: #000;
		font-size: 0.7em;
		font-weight: normal;
		}

ul {
	margin: 0 0 1.375em 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	ul li {
		margin: 0;
		padding: 0 0 0 15px;
		
		background: transparent url("images/common/bullet-pink.gif") no-repeat left 0.3em;
		}
		
	.aqua li {
		background-image: url("images/common/bullet-aqua.gif");
		}
		
	.turquoise li {
		background-image: url("images/common/bullet-turquoise.gif");
		}
		
	.violet li {
		background-image: url("images/common/bullet-violet.gif");
		}
		
	.aubergine li {
		background-image: url("images/common/bullet-aubergine.gif");
		}
		
	.blue li {
		background-image: url("images/common/bullet-blue.gif");
		}
		
	.black li {
		background-image: url("images/common/bullet-black.gif");
		}
		
	.grey li {
		background-image: url("images/common/bullet-grey.gif");
		}
		
	.green li {
		background-image: url("images/common/bullet-green.gif");
		}
		
		.green ul {
			margin: 0;
			padding: 0;
			}
			
			.green li li {
				background-image: url("images/common/bullet-green-light.gif");
				}
	
a,
a:link {
	color: #46adc1;
	text-decoration: none;
	}
	
a:visited {
	color: #729197;
	}
	
a:focus,
a:hover,
a:active {
	text-decoration: underline;
	}
	
.blog-author {
	display: block;
	margin: 0 0 1.5em;
	padding: 0;
	
	color: #333;
	}
	
.coming-soon {
	margin: 5em 0;
	padding: 0;

	color: #333;
	font: italic normal 1.875em/5 Georgia,Cambria,Times,serif;
	text-transform: lowercase;
	text-align: center;
	}
	
.n-symbol span {
	font-size: 70%;
	
	text-decoration: underline;
	vertical-align: top;
	}
	
address {
	margin: 0 0 1.375em 0;
	padding: 0;
	
	font-style: normal;
	}
	
} /* END MEDIA: screen,print */

@media print {

a:link:after,
a:visited:after,
a:hover:after,
a:active:after {
	content: " <http://elizabethandjane.ca/"attr(href)"> ";
	
	color: #808080;
	font-style: italic;
	font-weight: normal;
	}

a[href^="/"]:after {
	content: " <http://elizabethandjane.ca"attr(href)"> ";
	}
	
a[href^="http"]:after {
	content: " <"attr(href)"> ";
	}

/* Use this one if the link text does not have the e-mail address inside */
a[href^="mailto"]:after {
	content: " <"attr(href)"> ";
	}

/* Use this only if the link text always has the e-mail address inside */
/*
a[href^="mailto"]:after {
	content: "";
	}
*/

} /* END MEDIA: print */



/**
 *	@section	Forms
 */

@media screen,print {

form,
fieldset {
	display: block;
	margin: 0;
	padding: 0;
	
	border: 0;
	}

input,
select {
	font: normal 1em/1.375em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	vertical-align: middle;
	}

textarea {
	font: normal 1em/1.375em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}

label {
	vertical-align: middle;
	}
	
#search input {
	margin: 0;
	padding: 0.2em;
	width: 12em;
	
	border: 1px solid #ccc;
	
	font-size: 1em;
	line-height: 1.375;
	}
	
#search button {
	margin: 0;
	padding: 0.3em 0.6em;
	
	background-color: #662d8e;
	border: 0;
	cursor: pointer;
	
	color: #fff;
	font: bold 1em/1.375em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	vertical-align: middle;
	}

#client-form,
#contact-form {
	margin: 0;
	padding: 10px;
	
	background: #bbe0e9 url("images/common/footer-swirl-left.png") no-repeat left top;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	font-size: 1.125em;
	line-height: 1.375;
	}
	
#contact-form {
	padding: 25px 20px;
	}

#client-form label,
#contact-form label {
	display: block;
	margin: 0 0 0.3em;
	padding: 0;
	
	color: #475295;
	}
	
#client-form div,
#contact-form div {
	margin: 0 0 1em;
	padding: 0;
	}
	
#client-form input,
#contact-form input {
	margin: 0;
	padding: 3px;
	width: 227px;
	
	border: 1px solid #ccc;
	
	font-size: 1.125em;
	line-height: 1.375;
	}
	
#contact-form input {
	width: 494px;
	}

#client-form .buttons,
#contact-form .buttons {
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	
	text-align: right;
	}
	
#contact-form .buttons {
	padding: 0.75em 3px;
	}

#contact-form div.message textarea {
	max-width: 100%;
	width: 100%;
	
	border: 1px solid #ccc;
	}

#client-form button,
#contact-form button {
	font: normal 1.5em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}
	
.error {
	margin: 0.2em 15px 1em 0;
	padding: 0.4em 0.4em 0.6em 34px;
	
	background: #ffc url("images/common/error-message.png") no-repeat 5px 0.3em;
	
	color: #333;
	font-weight: bold;
	}
	
.success {
	margin: 0;
	padding: 0;
	
	color: #475295;
	font-size: 1.5em;
	line-height: 1.375;
	text-align: center;
	}
	
	.success span {
		font-size: 0.75em;
		}
	
} /* END MEDIA: screen,print */


/**
 *	@section	Tables
 */

@media screen,print {

table {
	margin: 0 0 1.375em 0;
	padding: 0;
	width: 100%;
	
	border: 2px solid #46adc1;
	border-collapse: collapse;
	
	color: #475295;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	}
	
th {
	padding: 0.3em;
	
	background-color: #46adc1;
	
	color: #fff;
	}
	
td {
	padding: 0.3em;
	
	border-right: 2px solid #46adc1;
	}
	
.prices td {
	width: 50%;
	}
	
tr.alternate {
	background-color: #b7dfe7;
	}

} /* END MEDIA: screen,print */


/**
 *	@section	Images
 */

@media screen,print {

img {
	margin: 0;
	padding: 0;
	
	border: 0;
	}
	
a.figure,
a.figure:link,
a.figure:visited {
	display: block;
	margin: 0;
	padding: 0;
	
	color: #46adc1;
	text-align: center;
	text-decoration: none;
	}
	
	a.figure:hover,
	a.figure:focus,
	a.figure:active {
		color: #000;
		}
	
	.figure img {
		border: 5px solid #000;
		}
		
	.figure span {
		font: italic normal 0.875em/1.375 Georgia,Cambria,Times,serif;
		}
	
} /* END MEDIA: screen,print */


/**
 *	@section	Misc
 */
@media screen,print {

.gallery {
	height: 500px;
	margin: 0;
	padding: 0 0 20px 0;
	
	background: #000 url("images/common/content-border.jpg") repeat-x center bottom;
	}
	
	.gallery div {
		height: 500px;
		
		background: transparent none no-repeat center top;
		}
	
	.inside-gallery {
		height: 300px;
		}
		
		.inside-gallery div {
			height: 300px;
			
			background: transparent none no-repeat center top;
			}
	
.mini-profiles {
	margin: 0 0 0.5em 0;
	padding: 0;
	position: relative;
	
	border-top: 1px solid #999;
	
	font-size: 0.875em;
	line-height: 1.375em;
	}
	
	.mini-profiles dt {
		height: 22px;
		margin: 0;
		padding: 1.7em 0 0 0;
		position: absolute;
		width: 34px;
		}
		
	.mini-profiles dd {
		margin: 0;
		padding: 1.375em 0 0 45px;
		
		border-bottom: 1px solid #999;
		}
		
.profile-links {
	margin: 0;
	padding: 0;
	
	text-align: right;
	}
	
.recent-posts {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	}
	
	.recent-posts li {
		margin: 0 0 0.5em;
		padding: 0;
		
		background: none;
		border-bottom: 1px solid #ccc;
		}
		
		.recent-posts li a,
		.recent-posts li a:link {
			display: block;
			margin: 0;
			padding: 0 15px 0.1em;
			
			background: transparent url("images/common/blog-plus.jpg") no-repeat right center;	
			}
	
#testimonials {
	margin: 0;
	height: 25em;
	overflow: hidden;
	padding: 0;
	width: 260px;
	}
		
#testimonials blockquote {
	margin: 0;
	padding: 0;
	}
	
#testimonials ul {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	text-align: left;
	}
	
#testimonials li {
	margin: 0;
	height: 23em;
	padding: 0;
	width: 260px;
	
	background: none;
	}
	
	#testimonials .next-previous-links {
		text-align: right;
		}
		
	#testimonials cite {
		display: block;
		margin: 0;
		padding: 0 0 0 1.3em;
		
		color: #333;
		font-size: 0.875em;
		line-height: 1.375em;
		}
		
		#testimonials cite span {
			display: inline;
			float: left;
			margin: 0 0 0 -1.3em;
			padding: 0;
			}
			
#footer p {
	display: inline;
	float: left;
	}
	
#footer a#halftone,
#footer a#halftone:link,
#footer a#halftone:visited {
	display: inline;
	float: right;
	height: 39px;
	margin: 0;
	padding: 0;
	width: 75px;
	
	background: transparent url("images/common/halftone.png") no-repeat left top;
	}
	
	#footer a#halftone span {
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		
		text-indent: -999em;
		}
		
#footer a#halftone:hover,
#footer a#halftone:focus,
#footer a#halftone:active {
	background-position: right top;
	}
	
#liz,
#liz #jane {
	margin: 0 0 -36px 0;
	padding: 0;
	position: relative;
	width: 822px;
	
	background: transparent url("images/liz.png") no-repeat left bottom;
	}
	
#liz #jane {
	margin: 0;
	min-height: 1px;
	
	background: transparent url("images/jane.png") no-repeat right bottom;
	}
	
	#liz #jane:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		
		content: ".";
		font-size: 0;
		}
	
#liz-col,
#jane-col {
	padding-bottom: 290px;
	}
	
#process-col {
	padding-bottom: 20px;
	}
	
.blog-footer {
	color: #555;
	font-size: 0.875em;
	line-height: 1.375;
	}
	
	.blog-footer a,
	.blog-footer a:link {
		color: #662d8e;
		}
		
	.blog-footer a:visited {
		color: #773e9f;
		}
		
.blog-footer-top {
	margin-top: 1.5em;
	padding-top: 1.5em;
	
	background: transparent url("images/common/content-border.jpg") no-repeat center -15px;
	}
		
.tags {
	margin: 0;
	padding: 0;
	
	color: #662d8e;
	font-size: 0.875em;
	}
	
.blog-post {
	margin: 0 0 3em 0;
	padding: 0 0 110px;
	
	background: transparent url("images/common/divider.png") no-repeat center bottom;
	}
	
#comments-box {
	margin: 1em 0 0 0;
	padding: 10px 0 0 0;
	
	background: transparent url("images/common/heading-border-purple.gif") no-repeat right top;
	}
	
#comments-box textarea {
	width: 100%;
	}
	
	.commentlist {
		margin: 0;
		overflow: hidden;
		padding: 0;
		
		font-size: 0.875em;
		line-height: 1.375;
		list-style-type: none;
		}
		
		.commentlist li {
			display: inline;
			float: left;
			margin: 0 2% 1em 0;
			padding: 0;
			width: 48%;
			}
		
		.commentlist div {
			margin: 0;
			padding: 0 0 0 42px;
			}
			
			.commentlist .comment-author {
				color: #662d8e;
				}
				
			.commentlist .comment-meta {
				margin: 0 0 0.5em;
				}
			
			.commentlist .avatar {
				display: inline;
				float: left;
				margin: 0 0 0 -42px;
				padding: 0;
				}
			
			.commentlist div div {
				margin: 0;
				padding: 0;
				}

#post-next-previous {
	margin: 0;
	overflow: hidden;
	padding: 0;
	
	font-weight: bold;
	}
	
	#post-next-previous .post-pager {
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		width: 390px;
		}

	#post-next-previous .sep {
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		width: 40px;
	
		color: #ccc;
		text-align: center;
		}
	
	#post-next-previous #post-previous {
		text-align: right;
		}
	
.callout {
	margin: 1em 0;
	padding: 15px;
	
	background: #bbe0e9 url("images/common/footer-swirl-left.png") no-repeat left top;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	color: #475295;
	}
	
	.callout h2 {
		margin: 0 0 0.8em 0;
		padding: 0;
		
		color: #662d8e;
		font-size: 1.125em;
		line-height: 1;
		text-transform: none;
		}
		
	.callout ul,
	.callout p {
		margin: 0;
		}
		
		.callout li {
			background-image: url("images/common/bullet-blue-callout.gif");
			}
			
.callout-alternate {
	background: #9b75b4 url("images/common/vines.png") no-repeat right center;
	
	color: #fff;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.375;
	}
			
.package {
	margin: 1.375em 0 0 0;
	padding: 1em 0 0;
	
	background: transparent url("images/common/content-border-small.jpg") no-repeat center top;
	}
	
.first-package {
	margin: 0;
	padding: 0;
	
	background: none;
	}
	
	.package h2 {
		margin-top: 0;
		
		line-height: 1.2;
		}
		
		.package li p {
			margin: 0;
			
			font-size: 0.875em;
			}
			
.taxes {
	margin: 1.375em 0 0 0;
	
	text-align: center;
	}
	
dl.faq {
	margin: 0;
	padding: 0;
	}
	
	dl.faq dt {
		margin: 0;
		padding: 0;
		
		color: #662d8e;
		font-size: 1.125em;
		font-weight: bold;
		line-height: 1.375;
		}
		
	dl.faq dd {
		margin: 0 0 1.375em 0;
		padding: 0;
		}

} /* END METHOD: screen,print */


/**
 *	@section	Misc
 *	@subsection	Nav
 */

@media screen,print {
	
#nav {
	position: relative;
	
	background: transparent url("images/common/nav-bg.gif") repeat-x left bottom;
	}
	
	#nav .wrapper {
		min-height: 165px;
		position: relative;

		background: transparent url("images/common/logo.png") no-repeat right bottom;
		}
	
	#nav ul {
		bottom: 0;
		left: 62px;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 860px;

		list-style-type: none;
		}
		
	#nav ul:after {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;

		content: ".";
		font-size: 0;
		}
		
		#nav li {
			display: inline;
			float: left;
			margin-left: 6px;
			min-height: 25px;
			padding: 0;
			
			background: none;
			}
			
			#nav a,
			#nav a:link,
			#nav a:visited {
				display: block;
				height: 25px;
				margin: 0;
				overflow: hidden;
				padding: 25px 12px 8px;
				
				background: transparent url("images/common/nav-sprites.png") no-repeat left top;
				
				color: #fff;
				text-decoration: none;
				text-indent: -999em;
				text-transform: lowercase;
				}

			li#nav-home {
				width: 64px;
				}
				
				li#nav-home a,
				li#nav-home a:link,
				li#nav-home a:visited {
					background-position: -138px 0;
					}
					
				li#nav-home a:focus,
				li#nav-home a:hover,
				li#nav-home a:active,
				li#nav-home a.active,
				li#nav-home a.active:link,
				li#nav-home a.active:visited {
					background-position: 0 0;
					}
					
			li#nav-about {
				width: 86px;
				}
				
				li#nav-about a,
				li#nav-about a:link,
				li#nav-about a:visited {
					background-position: -138px -56px;
					}
					
				li#nav-about a:focus,
				li#nav-about a:hover,
				li#nav-about a:active,
				li#nav-about a.active,
				li#nav-about a.active:link,
				li#nav-about a.active:visited {
					background-position: 0 -56px;
					}
					
			li#nav-galleries {
				width: 80px;
				}
				
				li#nav-galleries a,
				li#nav-galleries a:link,
				li#nav-galleries a:visited {
					background-position: -138px -113px;
					}
					
				li#nav-galleries a:focus,
				li#nav-galleries a:hover,
				li#nav-galleries a:active,
				li#nav-galleries a.active,
				li#nav-galleries a.active:link,
				li#nav-galleries a.active:visited {
					background-position: 0 -113px;
					}
					
			li#nav-pricing {
				width: 70px;
				}
				
				li#nav-pricing a,
				li#nav-pricing a:link,
				li#nav-pricing a:visited {
					background-position: -138px -170px;
					}
					
				li#nav-pricing a:focus,
				li#nav-pricing a:hover,
				li#nav-pricing a:active,
				li#nav-pricing a.active,
				li#nav-pricing a.active:link,
				li#nav-pricing a.active:visited {
					background-position: 0 -170px;
					}
					
			li#nav-charity {
				width: 120px;
				}
				
				li#nav-charity a,
				li#nav-charity a:link,
				li#nav-charity a:visited {
					background-position: -138px -227px;
					}
					
				li#nav-charity a:focus,
				li#nav-charity a:hover,
				li#nav-charity a:active,
				li#nav-charity a.active,
				li#nav-charity a.active:link,
				li#nav-charity a.active:visited {
					background-position: 0 -227px;
					}
					
			li#nav-faq {
				width: 44px;
				}
				
				li#nav-faq a,
				li#nav-faq a:link,
				li#nav-faq a:visited {
					background-position: -138px -284px;
					}
					
				li#nav-faq a:focus,
				li#nav-faq a:hover,
				li#nav-faq a:active,
				li#nav-faq a.active,
				li#nav-faq a.active:link,
				li#nav-faq a.active:visited {
					background-position: 0 -284px;
					}
					
			li#nav-contact {
				width: 76px;
				}
				
				li#nav-contact a,
				li#nav-contact a:link,
				li#nav-contact a:visited {
					background-position: -138px -341px;
					}
					
				li#nav-contact a:focus,
				li#nav-contact a:hover,
				li#nav-contact a:active,
				li#nav-contact a.active,
				li#nav-contact a.active:link,
				li#nav-contact a.active:visited {
					background-position: 0 -341px;
					}

			li#nav-blog {
				margin-left: 79px;
				width: 54px;
				}
				
				li#nav-blog a,
				li#nav-blog a:link,
				li#nav-blog a:visited {
					background-position: -138px -398px;
					}
					
				li#nav-blog a:focus,
				li#nav-blog a:hover,
				li#nav-blog a:active,
				li#nav-blog a.active,
				li#nav-blog a.active:link,
				li#nav-blog a.active:visited {
					background-position: 0 -398px;
					}
					
			li#nav-clients {
				width: 126px;
				}
				
				li#nav-clients a,
				li#nav-clients a:link,
				li#nav-clients a:visited {
					background-position: -138px -454px;
					}
					
				li#nav-clients a:focus,
				li#nav-clients a:hover,
				li#nav-clients a:active,
				li#nav-clients a.active,
				li#nav-clients a.active:link,
				li#nav-clients a.active:visited {
					background-position: 0 -454px;
					}
					
#gallery-toolbar {
	margin: 0;
	padding: 0;
	
	background: #fff url("images/common/vines.png") no-repeat left center;
	}
	
#gallery-toolbar-vines {
	margin: 0;
	padding: 0;
	
	background: transparent url("images/common/vines-right.png") no-repeat right center;
	}
	
#gallery-toolbar-border {
	margin: 0;
	padding: 0 0 20px 0;
	
	background: transparent url("images/common/content-border.jpg") repeat-x center bottom;
	}
	
	#gallery-toolbar ul {
		margin: 0 auto;
		padding: 10px 0 0;
		overflow: hidden;
		width: 400px;
		
		list-style-type: none;
		}
		
		#gallery-toolbar li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0 5px;
			
			background: none;
			}
			
			#gallery-toolbar a,
			#gallery-toolbar a:link,
			#gallery-toolbar a:visited {
				display: block;
				height: 51px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 88px;
				
				background: transparent url("images/common/gallery-nav.gif") no-repeat left top;
				
				text-indent: -999em;
				}
				
			#gallery-toolbar a:hover,
			#gallery-toolbar a:focus,
			#gallery-toolbar a:active,
			#gallery-toolbar a.current,
			#gallery-toolbar a.current:link,
			#gallery-toolbar a.current:visited {
				background-position: right top;
				}
				
			#gallery-toolbar #gal-kids a,
			#gallery-toolbar #gal-kids a:link,
			#gallery-toolbar #gal-kids a:visited {
				background-position: left -51px;
				}
				
			#gallery-toolbar #gal-kids a:hover,
			#gallery-toolbar #gal-kids a:focus,
			#gallery-toolbar #gal-kids a:active,
			#gallery-toolbar #gal-kids a.current,
			#gallery-toolbar #gal-kids a.current:link,
			#gallery-toolbar #gal-kids a.current:visited {
				background-position: right -51px;
				}
				
			#gallery-toolbar #gal-weddings a,
			#gallery-toolbar #gal-weddings a:link,
			#gallery-toolbar #gal-weddings a:visited {
				background-position: left -102px;
				}
				
			#gallery-toolbar #gal-weddings a:hover,
			#gallery-toolbar #gal-weddings a:focus,
			#gallery-toolbar #gal-weddings a:active,
			#gallery-toolbar #gal-weddings a.current,
			#gallery-toolbar #gal-weddings a.current:link,
			#gallery-toolbar #gal-weddings a.current:visited {
				background-position: right -102px;
				}
				
			#gallery-toolbar #gal-lifestyle a,
			#gallery-toolbar #gal-lifestyle a:link,
			#gallery-toolbar #gal-lifestyle a:visited {
				background-position: left -153px;
				}
				
			#gallery-toolbar #gal-lifestyle a:hover,
			#gallery-toolbar #gal-lifestyle a:focus,
			#gallery-toolbar #gal-lifestyle a:active,
			#gallery-toolbar #gal-lifestyle a.current,
			#gallery-toolbar #gal-lifestyle a.current:link,
			#gallery-toolbar #gal-lifestyle a.current:visited {
				background-position: right -153px;
				}
				
			#gallery-toolbar #gal-still a,
			#gallery-toolbar #gal-still a:link,
			#gallery-toolbar #gal-still a:visited {
				background-position: left -204px;
				}
				
			#gallery-toolbar #gal-still a:hover,
			#gallery-toolbar #gal-still a:focus,
			#gallery-toolbar #gal-still a:active,
			#gallery-toolbar #gal-still a.current,
			#gallery-toolbar #gal-still a.current:link,
			#gallery-toolbar #gal-still a.current:visited {
				background-position: right -204px;
				}
				
			#gallery-toolbar #gal-art a,
			#gallery-toolbar #gal-art a:link,
			#gallery-toolbar #gal-art a:visited {
				background-position: left -255px;
				}
				
			#gallery-toolbar #gal-art a:hover,
			#gallery-toolbar #gal-art a:focus,
			#gallery-toolbar #gal-art a:active,
			#gallery-toolbar #gal-art a.current,
			#gallery-toolbar #gal-art a.current:link,
			#gallery-toolbar #gal-art a.current:visited {
				background-position: right -255px;
				}
		
} /* END MEDIA: screen,print */


/**
 *	@section	Misc
 *	@subsection	Masthead
 */

@media screen,print {

#masthead {
	display: block;
	height: 70px;
	margin: 0;
	padding: 50px 0 0 0;
	
	background: transparent url("images/common/top-bar.png") no-repeat center top;
	
	text-align: center;
	}
	
	#badge {
		height: 50px;
		margin: 0;
		padding: 0;
		
		background: none;
		}
	
} /* END MEDIA: screen,print */


/**
 *	@section	Misc
 *	@subsection	Banners
 */

@media screen,print {

#flashgallery div {
	background-color: #005b8c;
	background-image: url("images/noflash.jpg");
	}

#charity div {
	background-color: #fff;
	background-image: url("images/banners/charity.jpg");
	}
	
#contact div {
	background-color: #bbbab5;
	background-image: url("images/banners/contact.jpg");
	}
	
#about div {
	background-color: #fff;
	background-image: url("images/banners/about.jpg");
	}
	
#faq div {
	background: #000 url("images/banners/faq.jpg") no-repeat right center;
	}
	
#pricing div {
	background-color: #000;
	background-image: url("images/banners/pricing.jpg");
	}
	
#price-wedding div {
	background-color: #fff;
	background-image: url("images/banners/price-wedding.jpg");
	}
	
#clients div {
	background: #000 url("images/banners/clients.jpg") no-repeat left center;
	}
	
}



/**
 *	@section	Misc
 *	@subsection	Pricing
 */

@media screen,print {

h2.price {
	display: block;
	margin: 0 0 0.375em;
	padding: 0;
	position: relative;

	color: #662d8e;
	font: bold 5.375em/1em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}

.plus {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: -0.1em;
	
	color: #46adc1;
	}

h3.prints {
	padding-left: 34px;
	
	font-style: normal;
	font-weight: bold;
	}
	
h3.prints span {
	display: inline;
	float: left;
	height: 32px;
	margin: -0.15em 0 0 -38px;
	padding: 0;
	width: 32px;
	
	background: #fff url("images/common/price-icons.png") no-repeat left top;
	}

#g-lprints span {
	background-position: left -32px;
	}
	
#g-dig span {
	background-position: -32px -32px;
	}

#g-books span {
	background-position: -32px top;
	}
	
#g-cards span {
	background-position: -64px top;
	}
	
#g-collage span {
	background-position: -64px -32px;
	}
	
#g-engagement span {
	background-position: -32px -64px;
	}
	
#g-shooter span {
	background-position: left -64px;
	}
	
#g-time span {
	background-position: -64px -64px;
	}
	
#g-dvd span {
	background-position: -96px top;
	}

#g-stamps span {
	background-position: -96px -32px;
	}
	
.addons p {
	padding-left: 34px;
	
	color: #777;
	}
	
.addons ul {
	margin-bottom: 3em;
	}

.addons ul.top {
	margin-bottom: 1.375em;
	}
	
.addons li {
	padding-left: 34px;
	
	background-position: 7px center;
	}
	
.addons strong {
	color: #662d8e;
	}
	
.addons small {
	display: block;
	margin: -1.7em 0 3em;
	padding-left: 34px;
	
	color: #777;
	}
	
	.addons small span {
		display: inline;
		float: left;
		margin-left: -1em;
		}
	
p.instructions {
	margin: 0 0 1.375em;
	padding: 0;
	position: relative;
	
	color: #ea1e79;
	font-size: 1.5em;
	}
	
	p.instructions strong {
		color: #ea1e79;
		}
	
	p.instructions .plus {
		top: 0;
		width: 1.4em;
		}
		
h2.samples {
	color: #ea1e79;
	font: normal 1.5em "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}

.session {
	color: #444;
	}
	
	.session li {
		margin-bottom: 1.375em;
		padding: 0;
		
		background-image: none;
		}
	
	.session em {
		display: block;
		
		font-size: 1.875em;
		font-style: normal;
		font-weight: bold;
		color: #46adc1;
		}
		
	.session strong {
		color: #662d8e;
		}

.intro {
	font-size: 1.125em;
	}

.price-contact {
	margin: 1em 0 0 0;
	
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	}
	
.price-contact a,
.price-contact a:link,
.price-contact a:visited {
	text-decoration: underline;
	}

.price {
	color: #662d8e;
	}

.sample {
	margin: 1.375em 0;
	min-height: 15em;
	padding: 1em;
	
	background-color: #f6feff;
	border: 3px solid #46adc1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	text-align: center;
	}
	
	.sample h3 {
		margin: 0;
		padding: 0;
		
		font-style: normal;
		font-weight: bold;
		}
		
	.sample .price {
		margin: 0;
		padding: 0;
		
		color: #662d8e;
		font-size: 3em;
		}
		
	.sample ul {
		margin: 1.375em;
		min-height: 5em;
		}
	
		.sample li {
			padding: 0;
			background: none;
			}
	
.samp-2 {
	background-color: #edf0ff;
	border-color: #475295;
	}
	
.samp-3 {
	background-color: #f8edff;
	border-color: #662d8e;
	}
	
p.savings {
	color: #662d8e;
	}
	
a.booknow,
a.booknow:link,
a.booknow:visited {
	display: block;
	margin: 1.5em 0 0;
	padding: 1em 0.1em;
	
	background-color: #46adc1;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	
	color: #fff;
	font-size: 2.25em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	}

.optional-purchase,	
a.optional-purchase,
a.optional-purchase:link,
a.optional-purchase:visited {
	display: block;
	margin: 3em 0 0;
	padding: 1em 0.1em;
	
	background-color: #f6feff;
	border: 3px solid #46adc1;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	
	color: #46adc1;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	}
	
	.optional-purchase strong {
		font-size: 1.5em;
		}
		
.pricenav {
	margin: 0 0 2.8em;
	overflow: hidden;
	padding: 1.8em 0 0;
	}
	
	.pricenav li {
		display: inline;
		float: left;
		margin: 0;
		padding: 0 0 10px 0;
		width: 50%;
		
		background: none;
		
		text-align: center;
		}
		
	.pricenav li.current {
		background: transparent url("images/common/tri.gif") no-repeat center bottom;
		}
		
	.pricenav h1 {
		margin: 0;
		padding: 0.1em 0 0.25em;
		
		background-color: #662d8e;
		background-image: none;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		
		color: #fff;
		font: bold 2.25em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
		text-transform: capitalize;
		}
		
	.pricenav a,
	.pricenav a:link,
	.pricenav a:visited {
		display: block;
		margin: 0;
		padding: 0.1em 0 0.25em;
		
		color: #662d8e;
		font: bold 2.25em/1.375 "Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
		text-transform: capitalize;
		}
		
	.pricenav a:hover,
	.pricenav a:focus,
	.pricenav a:active {
		background-color: #f8edff;
		background-image: none;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		
		color: #662d8e;
		text-decoration: none;
		}
		
.add {
	color: #46adc1;
	font-weight: bold;
	}
	
.or {
	font: italic normal 0.875em/1 Georgia,Cambria,Times,serif;
	}
	
.btn,
.btn:link,
.btn:visited {
	background-color: #62b9ca;
	background-image: -moz-linear-gradient(0% 0% 270deg, #62b9ca, #3792a4);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62b9ca), to(#3792a4));
	background-image: linear-gradient(0% 0% 270deg, #62b9ca, #3792a4);
	border: 2px solid #3792a4;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}
	
.standalone,
.standalone:link,
.standalone:visited {
	display: inline-block;
	margin: 0;
	padding: 0.4em 0.8em 0.5em;
	position: relative;
	
	-moz-box-shadow: 1px 1px 2px rgba(7,34,52,0.7);
	-webkit-box-shadow: 1px 1px 2px rgba(7,34,52,0.7);
	box-shadow: 1px 1px 2px rgba(7,34,52,0.7);

	font-size: 1em;
	line-height: 1.375;
	}
	
.standalone:active {
	top: 1px;
	
	-moz-box-shadow: 1px 1px 1px rgba(7,34,52,0.7);
	-webkit-box-shadow: 1px 1px 1px rgba(7,34,52,0.7);
	box-shadow: 1px 1px 1px rgba(7,34,52,0.7);
	}
	
.btn:hover,
.btn:focus,
.btn:active {
	background-color: #fff;
	background-image: -moz-linear-gradient(0% 0% 270deg, #fff, #e8f5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e8f5f7));
	background-image: linear-gradient(0% 0% 270deg, #fff, #e8f5f7);
	border-color: #e8f5f7;

	color: #3792a4;
	text-shadow: none;
	}
	
.btn-colour-alt:hover,
.btn-colour-alt:focus,
.btn-colour-alt:active {
	background-color: #3792a4;
	background-image: -moz-linear-gradient(0% 0% 270deg, #3792a4, #62b9ca);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3792a4), to(#62b9ca));
	background-image: linear-gradient(0% 0% 270deg, #3792a4, #62b9ca);
	border-color: #62b9ca;

	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}
	
.btn-blue,
.btn-blue:link,
.btn-blue:visited {
	background-color: #646fb4;
	background-image: -moz-linear-gradient(0% 0% 270deg, #646fb4, #475295);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646fb4), to(#475295));
	background-image: linear-gradient(0% 0% 270deg, #646fb4, #475295);
	border-color: #475295;
	}
	
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
	background-color: #fff;
	background-image: -moz-linear-gradient(0% 0% 270deg, #fff, #e7e9f3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e7e9f3));
	background-image: linear-gradient(0% 0% 270deg, #fff, #e7e9f3);
	border-color: #e7e9f3;

	color: #475295;
	}
	
.btn-blue-alt:hover,
.btn-blue-alt:focus,
.btn-blue-alt:active {
	background-color: #475295;
	background-image: -moz-linear-gradient(0% 0% 270deg, #475295, #646fb4);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#475295), to(#646fb4));
	background-image: linear-gradient(0% 0% 270deg, #475295, #646fb4);
	border-color: #646fb4;
	
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}
	
.btn-purple,
.btn-purple:link,
.btn-purple:visited {
	background-color: #9249c5;
	background-image: -moz-linear-gradient(0% 0% 270deg, #9249c5, #662d8e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9249c5), to(#662d8e));
	background-image: linear-gradient(0% 0% 270deg, #9249c5, #662d8e);
	border-color: #662d8e;
	}
	
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
	background-color: #fff;
	background-image: -moz-linear-gradient(0% 0% 270deg, #fff, #e8d8f3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e8d8f3));
	background-image: linear-gradient(0% 0% 270deg, #fff, #e8d8f3);
	border-color: #e8d8f3;

	color: #662d8e;
	}
	
.btn-purple-alt:hover,
.btn-purple-alt:focus,
.btn-purple-alt:active {
	background-color: #662d8e;
	background-image: -moz-linear-gradient(0% 0% 270deg, #662d8e, #9249c5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#662d8e), to(#9249c5));
	background-image: linear-gradient(0% 0% 270deg, #662d8e, #9249c5);
	border-color: #9249c5;
	
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}

#slideshow {
	height: 535px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	
	background-color: #000;
	}
	
.slides {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 20000em;
	
	list-style-type: none;
	}
	
.slide {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 820px;
	}
	
.slide .img {
	width: 100%;
	}
	
.slide .info {
	display: none;
	margin: 0;
	padding: 1.8em 1.375em;
	position: absolute;
	top: 70px;
	width: 17em;
	z-index: 100;
	
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
	border: 2px solid #fff;
	border-color: rgba(255,255,255,0.9);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	opacity: 1;
	-moz-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	-webkit-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
	
	text-align: center;
	}
	
.current .info {
	display: block;
	}
	
.slide .title {
	margin: 0.1em 0 0;
	padding: 0;
	
	background: none;
	
	font: bold 3.5em/1 "CaviarDreams","Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}
	
.sub {
	display: block;
	margin: 0;
	padding: 0;
	
	font-size: 0.584em;
	font-weight: normal;
	line-height: 1.375;
	}
	
.slide .blurb {
	margin: 1em 0 1.7em;
	padding: 0;
	
	font: italic normal 1.125em/1.6 Georgia,Cambria,Times,serif;
	}
	
.slide .or {
	display: inline-block;
	margin: 0 0.6em;
	padding: 0.2em 0.3em 0.3em;

	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	}
	
.tabs {
	background: #ccc url("images/circles-grey.png") repeat left top;
	}
	
.tablist {
	margin: 0 0 -11px -2px;
	min-height: 1px;
	width: 822px;
	}
	
.tablist:after {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	
	content: ".";
	font-size: 0;
	}

.tab {
	display: inline;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	position: relative;
	width: 272px;
	
	background: none;
	
	font-size: 1.75em;
	text-align: center;
	text-transform: lowercase;
	}
	
.tab .sub {
	font-size: 0.667em;
	}

.tab a,
.tab a:link,
.tab a:visited {
	display: block;
	margin: 0;
	padding: 0.3em 0 0.4em;
	
	border-top: 0;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-radius: 0 0 6px 6px;
	
	font: bold 1em "CaviarDreams","Helvetica Neue",Helvetica,Arial,Corbel,sans-serif;
	}
	
.active-icon {
	display: block;
	height: 10px;
	margin: -10px auto 0;
	padding: 0;
	width: 19px;
	
	background: transparent url("images/tri.png") no-repeat -40px -11px;
	}
	
.tab:hover .active-icon,
.tab:focus .active-icon,
.tab:active .active-icon {
	background-position: -40px 0;
	}
	
#portraits-tab .active-icon {
	background-position: -20px -11px;
	}
	
#portraits-tab:hover .active-icon,
#portraits-tab:focus .active-icon,
#portraits-tab:active .active-icon {
	background-position: -20px 0;
	}
	
#pets-tab .active-icon {
	background-position: 0 -11px;
	}
	
#pets-tab:hover .active-icon,
#pets-tab:focus .active-icon,
#pets-tab:active .active-icon {
	background-position: 0 0;
	}

}