﻿body
{
	margin: 0;
	font-family: Arial, Helvetica;
	color: #4f4e4f;
	font-size: 62.5%;
	background-color: #ffffff;
}

/* Remove padding & margins from elements */
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* Remove image border */
img
{
	border: 0;
}

/* Break floats */
.break
{
	float: left;
	width: 100%;
	font-size: 0;
}

/* Spacing */
.padding-bottom-10
{
	padding-bottom: 10px;
}

/* Headers */
h1
{
	float: left;
	width: 315px;
	font-size: 2em;
}

	h1 a
	{
		width: 315px;
		height: 60px;
		float: left;
		text-indent: -5000px;
		background: url('/images/catherinebreakspear.gif') no-repeat left top;
	}
	
h6
{
	font-size: 1.1em;
	color: #432639;
	padding-bottom: 5px;
}

.editable-content
{
	font-size: 1.1em;
}
	
	.editable-content a
	{
		text-decoration: none;
	}

	.editable-content a:hover
	{
		text-decoration: underline;
	}

/* Master Elements */
#wrapper
{
	width: 710px;
	margin: auto;
}

#header
{
	float: left;
	width: 695px;
	padding: 30px 0 0 15px;
}

#navigation
{
	float: left;
	width: 695px;
	padding: 10px 0 0 15px;
}

	#navigation ul
	{
		float: left;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#navigation li
	{
		float: left;
		padding-right: 20px;
	}
	
	#navigation a
	{
		color: #432639;
		text-decoration: none;
		font-size: 1.2em;
	}
	
#sub-navigation
{
	float: left;
	width: 695px;
	padding: 5px 0 0 15px;
}

	#sub-navigation ul
	{
		float: left;
		padding: 1px;
		margin: 0;
		list-style-type: none;
		background-color: #432639;
	}
	
	#sub-navigation li
	{
		float: left;
		padding-right: 20px;
	}
	
	#sub-navigation a
	{
		color: #ffffff;
		text-decoration: none;
		font-size: 1.2em;
	}
	
#portrait-navigation
{
	float: left;
	width: 695px;
	padding: 5px 0 0 15px;
}

	#portrait-navigation ul
	{
		float: left;
		padding: 1px;
		margin: 0;
		list-style-type: none;
		background-color: #9D7D92;
	}
	
	#portrait-navigation li
	{
		float: left;
		padding-right: 20px;
	}
	
	#portrait-navigation a
	{
		color: #ffffff;
		text-decoration: none;
		font-size: 1.2em;
	}
	
#content
{
	float: left;
	width: 680px;
	border: solid 6px #432639;
	margin-top: 10px;
	padding: 10px;
}

	#content .editable-content
	{
		color: #4f4e4f;
	}
	
		#content .editable-content a
		{
			color: #947489;
		}
	
	#content .bg-star
	{
		background: url('/images/bg_star.gif') no-repeat left top;
		padding: 6px 0 0 17px;
	}
	
	#content .logon-form
	{
		float: left;
		width: 634px;
	}
		
		#content .logon-form .txtfield
		{
			width: 100px;
			padding: 3px;
			font-size: 1.1em;
			color: #432639;
			background-color: #ffffff;
			border: solid 1px #432639;
		}
		
	#content .next-link
	{
		float: right;
		width: 680px;
		text-align: right;
		padding-top: 10px;
	}
	
	#content .previous-link
	{
		float: left;
		width: 680px;
		padding-top: 10px;
	}
	
		#content .next-link a, #content .previous-link a
		{
			font-size: 1.2em;
			color: #947489;
			text-decoration: none;
		}
		
		#content .next-link a:hover, #content .previous-link a:hover
		{
			text-decoration: underline;
		}
		
#portraits-content
{
	float: left;
	width: 712px;
	background-color: #432639;
	color: #ffffff;
	font-size: 1.3em;
	padding: 10px 0;
	line-height: 1.1em;
}

	#portraits-content .portraits-content-1
	{
		float: left;
		width: 296px;
		padding: 0 30px 0 30px;
	}
	
	#portraits-content .portraits-content-2
	{
		float: left;
		width: 316px;
		padding: 0 40px 0 0;
	}
	
#contact
{
	float: left;
	width: 690px;
	border: solid 6px #432639;
	margin-top: 10px;
	padding: 5px;
}

	#contact .content
	{
		float: left;
		width: 690px;
		background: #432639 url('/images/star.gif') no-repeat 310px 55px;
		color: #ffffff;
	}
	
	#contact .editable-content
	{
		float: left;
		width: 250px;
		padding: 60px 0 30px 60px;
		color: #ffffff;
	}
	
		#contact .editable-content a
		{
			color: #ffffff;
		}
		
#weddings
{
	float: left;
	width: 690px;
	border: solid 6px #432639;
	margin-top: 10px;
	padding: 5px;
}

	#weddings .content
	{
		float: left;
		width: 665px;
		background-color: #432639;
		color: #ffffff;
		padding: 25px 0 25px 25px;
	}
	
	#weddings .content-1
	{
		float: left;
		width: 380px;
		padding: 0 10px 0 0;
	}
	
	#weddings .content-2
	{
		float: left;
		width: 270px;
	}
	
	#weddings .editable-content
	{
		color: #ffffff;
	}
	
		#weddings .editable-content a
		{
			color: #ffffff;
		}

#qtvr-wrapper
{
	float: left;
	padding: 10px 0 0 160px;
}

#qtvr
{
	float: left;
	border: solid 6px #432639;
	padding: 5px;
}

#strapline
{
	float: left;
	width: 695px;
	padding: 10px 0 0 15px;
	font-size: 1.4em;
}

#gallery-thumbnails
{
	float: left;
	width: 710px;
	padding: 10px 0 0 0;
}

	#gallery-thumbnails ul
	{
		float: right;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#gallery-thumbnails li
	{
		float: left;
	}

#qtvr-thumbnails-wrapper
{
	float: left;
	padding: 10px 0 0 160px;
}
	
#qtvr-thumbnails
{
	float: left;
	width: 365px;
}

	#qtvr-thumbnails ul
	{
		float: right;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#qtvr-thumbnails li
	{
		float: left;
		padding-left: 5px;
	}
	
#footer
{
	float: left;
	position: relative;
	width: 695px;
	padding: 10px 0 20px 15px;
	font-size: 1.0em;
}

fieldset, dl
{
	float: left;
	width: 300px;
	border: 0;
	padding: 0;
	margin: 0;
}

	fieldset a
	{
		font-size: 1.1em;
	}

dd
{
	width: 96px;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-align: right;
	padding: 2px;
}

dt
{
	width: 196px;
	float: left;
	padding: 0;
	margin: 0;
	padding: 2px;
}

.error
{
	color: Red;
	font-size: 1.1em;
	padding: 0 0 10px 30px;
}

#accordion
{
	float: left;
	width: 100%;
}
	
#accordion .toggler
{
	float: left;
	width: 598px;
	cursor: pointer;
}
 
.element
{
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 1.1em;
}