*{margin: 0;padding: 0;border: 0;}

a { color: #1f1f9a; text-decoration: none; }
a:visited { color: #1f1fba; }
a:active { color: #b30f0f; }
a:hover { color: #d30f0f; text-decoration: underline; }

.uhoh {
	font-weight: bold;
	color: red;}

body {
	background: #411414;
	color: white;
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	font-family: arial, sans-serif;
	text-align: center;
	font-size: 12px;}

#container {
	position: relative;
	top: 0; left: 0;
	width: 977px;
	height: 650px;
	margin: 1px auto;}

#header {
	overflow: visible;
	border: 1px solid black; border: none;
	position: relative;
	top: 0; left: 0;
	width: 832px;
	height: 96px;
	margin: 0 auto;}
#header a {text-decoration: none;}

#logo {
	position: absolute;
	top: 0; left: 0;
	float: left;
	display: inline;}

#topContact {
	position: absolute;
	display: inline;
	top: 18px;
	left: 115px;}

#topNav {
	position: absolute;
	top: 70px;
	left: 132px;
	width: 457px;
	height: 27px;
}

#mainNav {
	height: 27px;
	width: 457px;
	padding: 0;
}
#mainNav ul {
	display: block;
	height: 27px;
	width: 457px;
}
#mainNav li {
	display: inline;
	height: 27px;
	list-style-type: none;
	padding: 0 10px 0px;
}

#catNavTop {
	position: absolute;
	top: 70px; left: 601px;
	width: 245px;
	height: 25px;
	margin: 0;}
#catNavTop li {
	vertical-align: top;
	display: inline;
	float: left;
	height: 25px;
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px;}
#catNavTop img { border: 1px solid #541a1a; border: none;}

#belly {
	background: url('img/mountain_framed.jpeg') no-repeat 0px 0px;
	position: relative;
	top: 0; left: 0;
	width: 974px;
	width: 934px;
	height: 495px;
	height: 461px;
	padding: 17px 20px;
	margin: 0 auto;
	overflow: hidden;}

#catNavHome {
	width: 875px;
	background: transparent url('img/logo-Homepage.png') no-repeat 292px 58px;
	overflow: auto;
	margin: 18px auto 0;}
#catNavHome li {
	display: block;
	list-style-type: none;
	margin: 0 0 9px 0;
	padding: 0px;}
#catNavHome ul.left {
	text-align: left;
	float: left;}
#catNavHome ul.right {
	text-align: right;
	float: right;}

.pane {
	width: 452px;
	margin: 5px 5px;
	border: 1px solid red;
	border: none;
	position: relative;
	top: 0; left: 0;
	overflow: hidden;
	display: block;}
.pane .container {
	width: 450px;
	position: absolute;
	margin: 1px; /* compensate for .bgmask's border */
	z-index: 10000;
	top: 0; left: 0;
	text-align: center;
	overflow: auto;}
.bgmask {
	width: 450px;
	font-size: 0px;
	color: transparent;
	background-color: #000000;
	opacity: 0.61; filter: alpha(opacity=61); -moz-opacity: 0.61;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid gray;}
	
/*** TEXT PANE ***/
	#textPane {
		float: left;
		display: inline;
		font-size: 13px;
		height: 140px;
		font-family: arial, sans-serif;}
	#textPane *.container {
		height: 138px;}
	#textPane *.bgmask {
		height: 138px;
		background-color: #030f03;}

/*** AWARDS PANE ***/
	#awardsPane {
		float: left;
		display: inline;
		font-size: 13px;
		height: 450px;}
	#awardsPane *.container {
		height: 448px;}
	#awardsPane *.bgmask {
		height: 448px;
		background-color: #030f03;}
	#awardsPane h3 {
		color: #92de50;
		color: #fac638;
		color: #df903a;}
	#awardsPane ul {
		list-style-type: none;
		margin: 0 1em 0 4.5em; padding: 0.5em;}

/*** CONTENT PANES ***/
	.contentPane *.container h1 {
		color: #fac638;
		font-size: 230%;
		margin: 8px; padding: 0.25em 0 0;}
	.contentPane *.container h3 {
		font-size: 115%;
		margin: 8px; padding: 0.25em 0 0;}
	.contentPane *.container p {
		margin: 0em 8px; padding: 0;}
	.floristryPage *.contentPane  p {
		margin-bottom: 0.7em;
	}
	.contentPane *.container ul {
		text-align: left;
		margin: 0; padding: 0;}
	.contentPane *.container li {
		margin: 0; padding: 0;}
	.contentPane a {
		text-decoration: underline;
		color: #92ed50;}
	.contentPane a:hover {
		color: #411414;}

/*** CONTACT PANE ***/
	#contactPane {
		float: left;
		height: 450px;
		font-size: 13px;}
	#contactPane *.container {
		overflow-x: hidden;
		height: 448px;}
	#contactPane *.bgmask {
		height: 448px;
		background-color: #030f03;}
	#contactPane h2 {
		letter-spacing: 0.2em;
		font-size: 195%;}
	#contactPane ul {
		list-style-type: none;
		overflow: auto;
		margin: 0; padding: 0;}
	#contactPane div.contactInfo {
		float: left;
		width: 190px;
		margin: 0px 10px 16px;
		height: 50px;
		overflow: visible;}
	#contactPane div#contactEmail {
		float: none;
		overflow: visible;
		width: 350px;
		height: auto;
		margin: 10px auto;}
	#contactPane div.contactInfo div.phoneNumber {
		font-size: 150%;
		color: #9de250;
		color: #e66921;
		font-weight: bold;}
	#contactPane div.contactInfo div.phoneNumber span.note {
		font-size: 90%;
		font-style: italic;}
	#contactPane div.contactInfo div.emailAddress {
		font-size: 155%;
		color: #e0702f;
		color: #9de250;
		letter-spacing: 0.3em;
		font-weight: bold;}
	#contactPane div.contactInfo div.physicalAddress {
		font-size: 135%;
		}
	/* MAIN FORM */
		div#contactForm {
			-moz-border-radius: 7px;-webkit-border-radius: 7px;
			padding: 7px 1px 7px;
			margin: 10px auto;
			width: 420px;
			overflow: hidden;
			border: 1px solid #aaaaaa;
			background: transparent;
			text-align: center;
			background: black;
		}
		div.note {
			text-align: center;
			font-size: 90%;
			padding: 8px 0 6px;
		}
		div#contactForm ul {
			margin: 0.6em auto 0.5em;
			width: 400px;
			padding: 0;
			list-style-type: none;
			overflow: auto;
		}
		div#contactForm li {
			float: left;
			padding: 0 0.50em 0.25em 0;
		}
		div#contactForm li.required span:after, .fakeRequiredDot:after {
			color: red;
			font-weight: bold;
			content: '*';
		} 
		div#contactForm ul li span {
			display: block;
			padding: 0 0 0.2em;
		}
		div#contactForm ul li span:after { content: ':'; }
		div#contactForm ul#workOverview li span:after { content: ''; }
		div#contactForm ul li input,
		div#contactForm ul li textarea {
			font-family: "bitstream vera sans", "vera sans", sans-serif;
			font-size: 12px;
			margin: 0 0 0 1em;
		}
		div#contactForm ul li textarea {
			overflow: scroll;
			overflow-y: scroll;
			overflow-x: hidden;
		}
		div.formControls {
			float: right;
		}
		input#submit, input#reset {
			margin: 0.75em;
		}
		div#contactForm div#mainformSuccess h3 {
			color: #9de25d;
			font-size: 165%;
			margin: 0;
			padding: 0.50em 0;
		}
		div#contactForm div#mainformInvalid h4 {
			color: #e2482d;
			font-size: 125%;
			margin: 0;
			padding: 0.50em 0;
		}

/*** ABOUT PANE ***/
	#aboutPane {
		float: left;
		height: 450px;
		font-size: 13px;}
	#aboutPane *.container {
		height: 448px;}
	#aboutPane *.bgmask {
		height: 448px;
		background-color: #030f03;}
	#aboutPane p {
		font-size: 115%;
		padding: 0.7em 0.5em 0.5em;
	}

/*** THUMBNAIL PANE ***/
	#thumbnailPane {
		float: left;
		display: inline;
		height: 301px;}
	#thumbnailPane *.container {
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
		width: 438px;
		height: 287px;
		padding: 6px 6px 6px 6px;}
	#thumbnailPane *.bgmask {
		height: 299px;
		background-color: #03030f;}
		
		#thumbnailList {
			margin: 0; padding: 0;
			list-style-type: none;}
		#thumbnailList li {
			text-align: center;
			vertical-align: middle;
			float: left;
			width: 86px; height: 86px;
			padding: 10px 9px 10px 10px;
			margin: 0px;
			display: table-cell;}
		#thumbnailList li:hover,
		#thumbnailList li.thumbnailHover {
			background: #a51;}
		#thumbnailList li a img.thumbnail {
			vertical-align: middle;
			z-index: 11000;
			padding: 0;
			display: inline;
			margin: 0;
			text-align: center;
/*			width: 86px; height: 86px;
*/			border: none;}

/*** PICTURE PANE ***/
	#picturePane { 
		float: right;
		display: inline;
		height: 450px;
		}
	#picturePane *.container {
		margin: 0; padding: 0;
		overflow: hidden;
		border: 1px solid gray;
		background: transparent;
/*		border-radius: 14px;	-webkit-border-radius: 14px; -moz-border-radius: 14px;
*/		background: transparent url('weddingPhotography/gallery/default.jpg') center center no-repeat;
		height: 448px;
		text-align: left;}
	.aboutPage div#picturePane div.container {
		background: url('Press/gallery/news1_large.jpeg') center center no-repeat;}
	.contactPage div#picturePane div.container {
		background: url('portraitPhotography/gallery/252-006_large.jpeg') center center no-repeat;}
	.pressPage div#picturePane div.container {
		background: url('Press/gallery/news13_large.jpeg') center center no-repeat;}
	.fundraisingPage div#picturePane div.container {
		background: url('fundraisingPhotography/gallery/34_large.jpeg') center center no-repeat;}
	.bodyPaintPage div#picturePane div.container {
		background: url('bodyPainting/gallery/nina7_large.jpeg') center center no-repeat;}
	.hairAndMakeupPage div#picturePane div.container {
		background: url('hairstylingAndMakeup/gallery/F1000002_large.jpeg') center center no-repeat;}
	.portraitPage div#picturePane div.container {
		background: url('portraitPhotography/gallery/DSC_8125_large.jpeg') center center no-repeat;}
	.commercialPage div#picturePane div.container {
		background: url('commercialPhotography/gallery/lava_large.jpeg') center center no-repeat;}
	.floristryPage div#picturePane div.container {
		background: url('floristry/gallery/DSC_9088_large.jpeg') center center no-repeat;}
	.filmAndSFX div#picturePane div.container {
		background: url('filmAndSFX/gallery/21_large.jpeg') center center no-repeat;}
	.awardspage div#picturePane div.container {
		background: url('img/awardsImage.jpg') center center no-repeat;}
	.weddingPage div#picturePane div.container {
		background: url('img/weddingdefault.jpg') center center no-repeat;}
	#picturePane *.container div#picturePaneCrop {
		width: 450px; height: 448px;
		overflow: hidden;
		margin: 0; padding: 0;}
	#picturePane *.bgmask {
		height: 448px;
		border-color: transparent;
/*		border-radius: 14px;	-webkit-border-radius: 14px; -moz-border-radius: 14px;
*/		margin-right: 0;
		background: #0f0303;}
	#picturePane img#largePhoto {
		width: 438px;
		height: 438px;}

/*** BOTTOM ***/	
	#bottom {
		overflow: hidden;
		border: 1px solid black; border: none;
		width: 878px;
		padding: 0;
		text-align: center;
		margin: 5px auto;}
		#catNavBottom {
			width: auto;
			margin: 0;}
		#catNavBottom li {
			vertical-align: top;
			display: inline;
			float: left;
			list-style-type: none;
			margin: 0px 10px 0px 11px;
			padding: 0px 0px;}

/*** FOOTER ***/
	#footer {
		overflow: auto;
		width: 820px;
		padding-top: 0.2em; padding-bottom: 0.2em;
		margin: 8px auto;}
		#legalNotice {
			float: left;
			display: inline;
			width: 510px;
			color: #626262;
			font-size: 10px;
			text-align: center;
			line-height: 1.0em;}
		#legalNotice a {color: #959595;}
		#legalNotice a:visited {color: #959595;}
		#legalNotice a:hover {color: #890f0f;}

		#affiliations {
			float: right;
			width: 281px;
			margin-right: 11px;
			overflow: visible;}
		#affiliations td {
			vertical-align: middle;
			text-align: center;
			color: grey;
			font-size: 11px;
			font-family: sans-serif;
			padding: 0 0 0 10px;
			font-weight: bold;}