/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */

html { border: none; }
body {
	margin: 0;
	padding: 0;
	line-height: 14px;
	text-align: center;
	background: #8a8375 url(graphics/bg.jpg);
}
body, td {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
img { border: 0; }
p { margin: 0 0 15px 0; }
a {
	text-decoration: underline;
	color: #990000;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
h1, h2, h3, h4, h5, form { margin: 0; }

h1 {
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	color:#3c4345;
	margin:10px 0 20px 0;
}

h2 {
	font-size:12px;
	font-weight:bold;
	color:#3c4345;
}

h3 {
	font-size:13px;
	font-weight:bold;
	color:#990000;
	margin-bottom:10px;
}

h4 {
	font-size:13px;
	font-weight:bold;
	color:#990000;
	font-style:normal;
	margin:4px 0 10px 0;
}

ul {
	margin:0;
	padding:0;
}

em {
	color:#990000;
}

strong {
	color:#990000;
}

blockquote {
	display:block;
	margin: 25px 0 15px 0;
	font-style:italic;
	background:#e5ddcf;
	padding:10px 10px 5px 10px;
}

/* --------------------------------------------
|  NAVIGATION
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 26px;
}
#nav li {
	float: left;
}
#nav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 26px;
	line-height: 26px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url("graphics/nav_matrix.gif");
}

#bOne {background-position: 0 0; width: 58px;}
#bOne:hover {background-position: 0 -26px;}
#nav li.current #bOne {background-position: 0 -26px;}

#bTwo {background-position: -58px 0; width: 77px;}
#bTwo:hover {background-position: -58px -26px;}
#nav li.current #bTwo {background-position: -56px -26px;}

#bThree {background-position: -135px 0; width: 53px;}
#bThree:hover {background-position: -135px -26px;}
#nav li.current #bThree {background-position: -135px -26px;}

#bFour {background-position: -188px 0; width: 83px;}
#bFour:hover {background-position: -188px -26px;}
#nav li.current #bFour {background-position: -188px -26px;}

#bFive {background-position: -271px 0; width: 96px;}
#bFive:hover {background-position: -271px -26px;}
#nav li.current #bFive {background-position: -271px -26px;}

#bSix {background-position: -367px 0; width: 78px;}
#bSix:hover {background-position: -367px -26px;}
#nav li.current #bSix {background-position: -367px -26px;}

#bSeven {background-position: -445px 0; width: 85px;}
#bSeven:hover {background-position: -445px -26px;}
#nav li.current #bSeven {background-position: -445px -26px;}

/* -- SECONDARY NAVIGATION -- */
#subNav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 26px;
}
#subNav li {
	float: left;
}
#subNav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 26px;
	line-height: 26px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url("graphics/subnav_matrix.gif");
}

#bPortOne {background-position: 0 0; width: 104px;}#bPortOne:hover {background-position: 0 -52px;}#subNav li.current #bPortOne {background-position: 0 -26px;}
#bPortTwo {background-position: -104px 0; width: 73px;}#bPortTwo:hover {background-position: -104px -52px;}#subNav li.current #bPortTwo {background-position: -104px -26px;}
#bPortThree {background-position: -177px 0; width: 91px;}#bPortThree:hover {background-position: -177px -52px;}#subNav li.current #bPortThree {background-position: -177px -26px;}
#bPortFour {background-position: -268px 0; width: 82px;}#bPortFour:hover {background-position: -268px -52px;}#subNav li.current #bPortFour {background-position: -268px -26px;}
#bPortFive {background-position: -350px 0; width: 71px;}#bPortFive:hover {background-position: -350px -52px;}#subNav li.current #bPortFive {background-position: -350px -26px;}

/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

#siteContainer {
	width:960px;
	margin: 0 auto;
	text-align: left;
	padding-bottom:20px;
}

/* -- HEADER -- */
#header {
	height:61px;
	width:960px;
	background:#e9e5dd;
}
	#header #logo {
		position:absolute;
		margin-left:17px;
		margin-top:11px;
	}

	#header #navContainer {
		position:absolute;
		margin-left:415px;
		margin-top:2px;
		width:535px;
	}

	#header #subNavContainer {
		position:absolute;
		margin:35px 0 0 524px;
		width:423px;
	}

/* -- HEADERS -- */

h1#headerOurStory,
h1#headerRates,
h1#headerContactUs,
h1#headerTestimonials,
h1#headerResources,
h1#headerClientLogin,
h1#headerPortfolio,
h1#headerPortfolioWedding,
h1#headerPortfolioEngagement,
h1#headerPortfolioChildren,
h1#headerPortfolioPregnancy,
h1#headerLinks,
h1#headerPrivacyPolicy,
h1#headerSiteMap,
h1#headerStorybook
{
	text-indent:-9999px;
	height:30px;
	padding-bottom:5px;
	border-bottom:1px solid #cfc6b7;
}

h1#headerOurStory {background:url(graphics/h1_our_story.gif) no-repeat;}
h1#headerRates {background:url(graphics/h1_rates.gif) no-repeat;}
h1#headerContactUs {background: url(graphics/h1_contact.gif) no-repeat;}
h1#headerTestimonials {background: url(graphics/h1_testimonials.gif) no-repeat;}
h1#headerResources {background: url(graphics/h1_resources.gif) no-repeat;}
h1#headerClientLogin {background: url(graphics/h1_client_area.gif) no-repeat;}
h1#headerPortfolio {background: url(graphics/h1_portfolio.gif) no-repeat;}
h1#headerPortfolioWedding {background: url(graphics/h1_portfolio_wedding.gif) no-repeat;}
h1#headerPortfolioEngagement {background: url(graphics/h1_portfolio_engagement.gif) no-repeat;}
h1#headerPortfolioChildren {background: url(graphics/h1_portfolio_children.gif) no-repeat;}
h1#headerPortfolioPregnancy {background: url(graphics/h1_portfolio_pregnancy.gif) no-repeat;}
h1#headerLinks {background: url(graphics/h1_links.gif) no-repeat;}
h1#headerPrivacyPolicy {background: url(graphics/h1_privacy_policy.gif) no-repeat;}
h1#headerSiteMap {background: url(graphics/h1_site_map.gif) no-repeat;}
h1#headerStorybook {background: url(graphics/h1_storybook.gif) no-repeat;}

/* -- BODY -- */
#flashContainer {
	width:930px;
	height:376px;
	margin:0 !important;
	background:#251807;
}

#flashContainer h1 {
	position:absolute;
	width:252px;
	height:90px;
	margin:33px 0 0 27px;
	background:url(graphics/h1_your_story.gif) no-repeat;
	text-indent:-99999px;
}

#flashText {
	position:absolute;
	width:250px;
	margin:140px 0 0 35px;
	color:#FFFFFF;
	font-size:14px;
	line-height:24px;
}

#flashText a {
	text-decoration:none;
	font-size:15px;
	color:#e4497a;
	margin-top:5px;
	display:block;
	font-weight:bold;
	margin:15px 0 0 0;
}

#flashText a:hover {
	color:#b90840;
}

#flashContainerPortfolio {
	text-align:center;
}

#homeCTAs {
	margin:15px 0;
	font-size:11px;
	line-height:15px;
}
	#homeCTAs h2 {
		outline:none;
		margin-bottom:5px;
	}
	#homeCTAs h2 a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
	}

	#homeCTAs p {
		margin-bottom:5px;
	}

	#homeCTAs #CTA1 {
		float:left;
		width:298px;
		height:145px;
		border:1px solid #a79e8e;
		background:url(graphics/hp_storybook.jpg) no-repeat 8px 5px;
	}
	#homeCTAs #CTA1 .pad {
		padding:15px 15px 0 145px;
	}
	#homeCTAs #CTA1 h2 {
		width:137px;
		height:19px;
		background:url(graphics/h2_storybook_albums.gif) no-repeat;
	}

	#homeCTAs #CTA2 {
		margin:0 0 0 15px;
		float:left;
		width:298px;
		height:145px;
		border:1px solid #a79e8e;
	}
	#homeCTAs #CTA2 .pad {
		padding:15px 15px 0 110px;
	}
	#homeCTAs #CTA2 h2 {
		width:156px;
		height:19px;
		background:url(graphics/h2_view_portfolio.gif) no-repeat;
	}
	#homeCTAs #CTA2 #portfolioCTA  {
		position:absolute;
		margin:-7px 0 0 -17px;
		width:125px;
		height:149px;
		background:url(graphics/hp_portfolio.gif) no-repeat;
	}

	#homeCTAs #CTA3 {
		margin:0 0 0 15px;
		float:left;
		width:298px;
		height:145px;
		border:1px solid #a79e8e;
		background:url(graphics/hp_about_us.jpg) no-repeat 195px 14px;
	}
	#homeCTAs #CTA3 .pad {
		padding:15px 105px 0 15px;
	}
	#homeCTAs #CTA3 h2 {
		width:78px;
		height:19px;
		background:url(graphics/h2_about_us.gif) no-repeat;
	}

#homeColLeft {
	float:left;
	width:615px;
	height:465px;
	margin:0 15px 0 0;
	background:#d9cfbd;
	border-top:6px solid #ae9e84;
	line-height:18px;
}
	#homeColLeft h3 {
		outline:none;
		width:364px;
		height:21px;
		margin-bottom:10px;
		background:url(graphics/h3_kelowna_wedding_photographers.gif) no-repeat;
	}
	#homeColLeft h3 a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
	}

#homeColRight {
	float:left;
	width:300px;
	height:465px;
	border-top:6px solid #ae9e84;
	background:#d9cfbd url(graphics/hp_portrait_services_2.jpg) no-repeat right bottom;
	line-height:18px;
}
	#homeColRight h3 {
		outline:none;
		width:195px;
		height:21px;
		margin-bottom:10px;
		background:url(graphics/h3_family_portrait_services.gif) no-repeat;
	}
	#homeColRight h3 a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
	}

#homeColLeft .pad, #homeColRight .pad {
	padding: 15px 15px 10px 15px;
}

.homeLocations {
	list-style:none;
	width:150px;
	float:left;
	margin:0 0 10px 25px;
}

.homeLocations li {
	padding-bottom:5px;
}

.contentLocations {
	list-style:none;
	width:200px;
	float:left;
	margin:0 10px 15px 15px;
}

.contentLocations li {
	margin-bottom:10px;
}

.map {
	font-size:10px;
	color:#888;
	text-decoration:none;
}

#contentArea {
	background: #ffffff;
	color:#424242;
	font-size:12px;
	line-height:16px;
	width: 960px;
}
	#contentBackground {
		padding:15px;
	}
		#contentBorder {
			padding:10px;
		}

.textPage {
	padding:20px !important;
}

#colLeft { float:left;}
#colRight {
	float:left;
	width:511px;
	line-height:16px;
	font-size:12px;
	}
	#colRight .pad {
		padding:30px 30px 50px 30px;
		background:url(graphics/bg_content2.jpg) no-repeat #d7e4e8;
	}

.colLeftContent {
	float:left;
	width:410px;
	margin-right:30px;
}

.colRightContent {
	float:left;
	width:410px;
}



#clientLogin label {
	display:block;
	margin-top:5px;
}

/* -- FOOTER -- */
#footer {
	clear:both;
	margin:0 0 0 15px;
	padding:10px 0;
	color: #666666;
	width:930px;
	font-size:11px;
 	}
	#footer ul {
		list-style:none;
		float:right;
		}
		#footer ul li {
			float:left;
			}
			#footer ul li a {
				margin-left:16px;
				color:#790024;
				text-decoration: none;
			}
			#footer ul li a:hover {
				color:#999999;
				text-decoration: underline;
			}

#copyright {
	color: #666666;
}

/* --------------------------------------------
|  SITE MAP
--------------------------------------------- */

.siteMapList { margin-top: 15px }
.siteMapList dt {
	background:url(graphics/ico_folder.gif) 0 4px no-repeat;
	padding-left:20px;
	line-height:20px;
	}
	.siteMapList dt a {
		color:#596f7f;
	}
.siteMapList dd {
	padding-left:10px;
	margin-left:25px;
	line-height:16px;
	background:url(graphics/sitemap_2nd.gif) no-repeat;
}
.siteMapList dd a {
	color: #666;
	text-decoration:none;
}
.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }

/* --------------------------------------------
|  CONTENT SPECIFIC
--------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; font-size:0; line-height:0;}

/* --------------------------------------------
|  PAGE SPECIFIC
--------------------------------------------- */

/*	background:#d9cfbd;
	border-top:6px solid #ae9e84; */

/* Rates */

#ratesLeft {
	float:left;
	width:600px;
}

#ratesLeftUL {
	float:left;
	width:250px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#ratesLeftUL li {
	font-size:11px;
	width:250px;
	margin-bottom:2px;
}

#ratesLeftUL li strong {
	font-size:12px;
	color:#333;
}

#ratesLeftUL li.current strong {
	color:#000;
}

#ratesLeftUL li a {
	outline: none;
	display: block;
	padding: 10px 0px 14px 14px;
	text-decoration: none;
	border-top:1px solid #ae9e84;
	border-left:1px solid #ae9e84;
	border-bottom:1px solid #ae9e84;
}

#ratesLeftUL li a:hover {
	background: #f8f7f4;
	text-decoration: none;
	color:#990000;
}

#ratesLeftUL li.current a:hover {
	background:#d9cfbd;
	color:#990000;
}

#ratesLeftUL li.current a {
	background:#d9cfbd;
	color:#000;
}

#ratesLeft #packageContent {
	float:left;
	width:345px;
	height:435px;
	border:1px solid #ae9e84;
	background: #f8f7f4;
}

#ratesLeft #packageContentPadding {
	padding:14px 14px 14px 18px;
	font-size:11px;
}

#ratesLeft #packageContentPadding strong {font-size:12px;}

.packageUL {
	margin:5px 0 20px 22px;
	list-style-type:square;
	font-size:11px;
}

.packageUL li {margin-bottom:2px;}



#ratesRight {
	float:left;
	width:290px;
	margin:15px 0 20px 20px
}

#ratesRight ul {
	margin:5px 0 20px 20px;
	list-style-type:square;
	font-size:11px;
}

#ratesRight li {
	margin-bottom:5px;
}

#ratesCTAs #CTA1 {
	margin:25px 0 0 8px;
}
#ratesCTAs #CTA2 {
	margin:7px 0 0 8px;
}

.displayNone {
	display:none;
}


/* Contact Table */

#contactLeft {
	float:left;
	width:545px;
}

#contactRight {
	float:left;
	width:270px;
	margin:0 0 20px 30px;
	line-height:20px;
}

.contactTable {
	width:300px;
	margin-left:20px;
}

.contactTable th,td {
	padding:3px 0 3px 0;
	font-size:11px;
}

.contactTable th {
	text-align:right;
	padding:0 5px 0 0;
}

.contactTable input,textarea {
	width:200px;
}

.contactTable input,textarea,select {
	font-size:11px;
	border:1px solid #666;
}