#pagetitle
{
	display: block;
	float: left;
	width: 150px;
	height: 1100px;
}

#pagetitle span { display: none; }

/*
	----------------------------------
	main elements
	----------------------------------
*/

#shortcuthome
{
	position: absolute;
	z-index: 10; /* so it shows up on top of everything */
	left: 10px; /* so it lines up with identical logo on page background */
	top: 10px; /* so it lines up with identical logo on page background */
	width: 154px;
	height: 51px;
	background: url(../images/mini-logo.png) 0 0 repeat;
}
#shortcuthome span { display: none; }

#outercontainer
{
	/* absolutely positioned, covers all available screen space */
	position: absolute;
	z-index: 3; /* so it shows up on top of div for bg image */
	left: 0px;
	top: 0px;
	width: 100%;
	min-height: 1250px;
}

#innercontainer
{
	/* fit for 1024x768 resolutions and up, centered within outercontainer */
	width: 1010px;
	margin: auto;
	overflow: hidden;
	background: url(../images/bg-40pct.png) 0 0 repeat;
}

#content
{
	margin-top: 40px;
	margin-right: 2em;
	overflow: hidden;
}

.find-on-fb
{
	position: absolute;
	width: 144px;
	height: 44px;
	margin: 35px 0px 0px 825px;
	display: block;
}

.fb-stream
{
	display: block;
	text-align: center;
	margin: 2em 100px 0px 0px;
}

/*
	----------------------------------
	Services page
	----------------------------------
*/

BODY.services H1.page-title
{
	background: url(../images/page-title-services.png) -6px 40px no-repeat;
}

div.listhack
{ 
	float: left;
	width: 800px;
}

/*
	----------------------------------
	Portfolio page
	----------------------------------
*/

BODY.portfolio H1.page-title
{
	background: url(../images/page-title-portfolio.png) -6px 40px no-repeat;
}

BODY.portfolio .accordion { margin-top: 60px; }

BODY.portfolio h2.section-title, 
BODY.portfolio div.album
{
	text-transform: lowercase;
}

BODY.portfolio div.section
{
	height: 535px;
	background: none;
	text-align: center;
}

BODY.portfolio h2.section-title, 
BODY.portfolio h2.section-title img,
BODY.portfolio div.section 
{
	margin: 0px 0px 0px 0px;
}

BODY.portfolio h2.section-title
{
	cursor: pointer;
	background-position: 150px 0;
	background-repeat: no-repeat;
	margin: 0.5em 0px 0.5em 0px;
}

BODY.portfolio h2.section-title img
{	
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
}

BODY.portfolio h2.section-title.weddings { background-image: url(../images/link-text-weddings-dark.gif); }
BODY.portfolio h2.section-title.couples { background-image: url(../images/link-text-couples-dark.gif); }
BODY.portfolio h2.section-title.other { background-image: url(../images/link-text-other-dark.gif); }

BODY.portfolio h2.section-title.weddings img { background-image: url(../images/link-text-weddings-light.gif); }
BODY.portfolio h2.section-title.couples img { background-image: url(../images/link-text-couples-light.gif); }
BODY.portfolio h2.section-title.other img { background-image: url(../images/link-text-other-light.gif); }

BODY.portfolio h2.section-title span { display: none; }

BODY.portfolio div.section a,
BODY.portfolio div.section a img
{
	width: 170px;
	height: 200px;
	display: block;
	float: left;
	margin: 20px 35px 20px 35px;
}

BODY.portfolio div.section a span { display: none }

/*
	----------------------------------
	About Us page
	----------------------------------
*/

BODY.about H1.page-title
{
	background: url(../images/page-title-about.png) -6px 40px no-repeat;
}

/*
	----------------------------------
	Contact page
	----------------------------------
*/

BODY.contact H1.page-title
{
	background: url(../images/page-title-contact.png) -6px 40px no-repeat;
}

BODY.contact SPAN.photog-name
{
	font-weight: bold;
}

/*
	----------------------------------
	Album page
	----------------------------------
*/

BODY.album div.album-header
{
	text-align: center;
	height: 190px;
	overflow: hidden;
}

BODY.album H1.title
{
	text-transform: lowercase; 
	margin: auto;
	line-height: 1em	
}

body.album p
{
	margin: 0.25em;
}

BODY.album iframe.slideshow
{
	min-height: 1050px;
	max-height: 1050px;
	height: 1050px;
	min-width: 1010px;
	margin: 0px auto;
	border: 1px solid #000000;
}

#viewer
{
	min-height: 1050px;
	max-height: 1050px;
	height: 1050px;
	min-width: 1010px;
	margin: 0px auto;
}

/*
	----------------------------------
	
	----------------------------------
*/