@charset "UTF-8";
/* CSS Document */

iframe#mainStuff { 	width: 100%; 
			height: 100%;
			overflow: hidden; border: 0px dashed pink;					
			display: block;
                        position: absolute;
                        z-index: 1; }
					
html#inner { border: 0px solid red; float: left;}

body#outer { background: black; }

h3 {    margin: 15px 0px 0px 0px;
        font-size: 16px;
        font-family: sans-serif;
        font-weight: bold;
        color: #9E7F8E;
        text-transform:uppercase; }

#content p.date {   margin: 0px 0px 5px 0px;
                    padding: 0px;
                    text-indent: 0px;
                    font-family: sans-serif;
                    font-size: 12px;
                    font-weight: bold;}

a:hover, a {
    outline: none;
}

a#aroma {
    width: 400px; height: 58px;
    text-indent: -9999px;
    background: url(../images/BGs/aroma.jpg);
    display: block;
    text-decoration: none;
    border: none;
    margin: auto;
    margin-bottom: 30px;
}

/* -----------------------------------------------------
**	OLD STUFF
/* ----------------------------------------------------- */

body {	background-color: black;
        background:url(../images/background.gif) repeat;
	margin: 0px; padding: 0px;}

div.holder { position: absolute; top: 0px; left: 0px; }
					
h1 { 	display: block; 
		text-indent: -9999px;
		background:url(../images/heading.gif) right top no-repeat;
		height: 116px; width: 100%;
		position: relative; right: 50px; }
				
a img {border: none;}			

p { text-indent: 20px; }
				
				
a#next {	background:url(../images/BGs/next.gif) right bottom no-repeat;
			padding: 10px 30px 0px 0px; }

a#previous {	background:url(../images/BGs/prev.gif) left bottom no-repeat;
				padding: 10px 0px 0px 30px; }

div#testLinks { float: left; margin: 8px 0px 0px 15px; }

.frame { background: none; }

/* -----------------------------------------------------
**	TYPOGRAPHY
/* ----------------------------------------------------- */

a { border-bottom: 1px dotted #666; text-decoration: none; color:#DCD5AB; }

a#selected { color:#333; }

a:hover { border-bottom: 1px solid white; }

body { 	font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		line-height: 25px;
		color: #CCC; }
		
h2 {	text-transform: uppercase;
		text-indent: -99999px;
		height: 50px;
		background:url(../images/headings/home.gif) left top no-repeat;}
		
h2#contact { background-image:url(../images/headings/contact.gif); }
h2#weddings { background-image:url(../images/headings/weddings.gif); }
h2#news { background-image:url(../images/headings/news.gif); }
h2#gallery { background-image:url(../images/headings/photos.gif); }
h2#testimonials {background-image:url(../images/headings/testimonials.gif);}
h2#shawn { background-image:url(../images/headings/shawn.gif); }
h2#craig { background-image:url(../images/headings/craig.gif); }
h2#daz { background-image:url(../images/headings/daz.gif); }
		
a.menu { 	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: white;
			font-weight: 100;
			letter-spacing: 0.25em;
			font-size: 18px;
			text-decoration: none;}
			
a.menu:hover {	background-color:#604B63; }

div#footer { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #5C4A6A; }
				
div#footer a {	color: #666; }
			
p#source { font-style: italic; color:#666; }

div#testimonials {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: white;}

div.contactLabel {	font-weight: bold;
					color:#728364;}
					
div#copyText { color:#222; font-size: 10px;}

div#imageText {color: black; font-style: italic; font-size:13px;}

div#content p { text-align: justify; }


				
				
/* -----------------------------------------------------
**	CONTAINER LAYOUTS
/* ----------------------------------------------------- */

iframe#musicFrame { border: none;
					width: 100%;
					height: 180px;
					position: absolute;
					top: 0px; left: 0px;
					overflow: hidden;
					display:}


div#content {	background: none;
				border: 0px dashed white;
				border-right: 5px dotted #2D2034;
				padding: 0px 15px 25px 15px;
				margin-right: 480px;
				min-height: 270px;
				margin-top: 15px;}
				
div#photos { 	background: none;
				border: 0px dashed green;
				width: 450px;
				float: right;
				margin: 1% 10px 0px 0px; }
								
div#heading {	font-weight: bold;
				height: 15%; width: 30%;
				margin: 0px;
				padding: 0px;
				margin-left: 66%;
				overflow: hide;}
	
div#musicPlayer {	position: absolute; top: 0px; left: 0px;
			height: 220px; width: 320px;
                        z-index: 100; }
		
div#testimonials {	width: 80%;
					margin: 0px auto 0px auto;
					border-top: 3px solid #414;
					border-bottom: 3px solid #414;
					padding: 10px 0px 10px 0px;
					clear: both;}
					
div#testimonials .containerText { 	border: 0px solid green;
									width: 80%; margin: auto;}
				
div#footer {	background: none; 
				width: 100%;
				text-align: center;
				float: left;
				clear: both; }
				
div#footer p, div#testimonials p { padding: 0px; margin: 0px; }

span#openingQuotes {	 float: left; margin-left: -100px; margin-top: 45px;}
span#closingQuotes {	float: right; margin-right: -80px; margin-top: 25px;}
span.quotes {  font-family:Georgia, "Times New Roman", Times, serif; font-size: 200px; color: #9e7f8e;}

/* -----------------------------------------------------
**	CONTENT, WRITING, LINKS etc.
/* ----------------------------------------------------- */

div#links {	height: 45px; width: 100%;
			border: 0px solid yellow;
			padding:0px;
			margin: 0px;
			margin-top: 1%;
			background: black url(../images/BGs/menuBarBG.gif) left top no-repeat;
			overflow: hidden; }
			
a.menu { 	border-left: 1px solid #333;
			height: 33px;
			padding-top: 12px;
			text-align: center;
			display: block; float: right;
			width: 15%;
			overflow: hidden;}
					
h2 {	margin: 0px; padding: 0px; 
		margin-top: 15px; margin-bottom: 0px;
		border: 0px solid green; }

	

p#source, p#test {padding-right: 2%;}

div#content p { padding-top: 1%; padding-bottom: 0px; margin: 0px;}

div.holder {overflow: hidden;}



/* CONTACT SCREEN ************************************* */

a.image { 	border: 0px solid red; float: left; }

a.contact { margin: 30px 0px 0px 50%; }

div.contactDiv { border: 0px solid blue;
				 margin: 10px 10px 10px 2%;
				 padding-bottom: 10px; }
				 
div#contactDetails { 	border: 0px solid orange;
						float: left;
						width: 40%;
						margin-top: -150px; }


/* **************************************************** */

/* LARGE IMAGE ************************************* */
div#bigPicture { 	border: 0px solid cyan;
					top: 10px; left: 10px;
					width: 600px;
					height: 400px;
				}
				
div#imageHolder {height: 345px; width: 100%; margin-bottom: 3px; background-repeat: no-repeat;}
div#footNotes { height: 52px; }
div#bar { width: 493px; height: 100%; background:url(../images/imageBG-large.gif);}
div#button {width: 102px; height: 100%; background-color: orange; float: right;}
div#bar div {text-align: center; }

div#imageText {padding: 5px 0px 10px 0px; }
/* **************************************************** */


/* PROFILES ********************************************* */

a.profile { padding: 20px; }
div.enlargeText { font-size: 10px; margin-left: 30px; float: left;}
ul#profLinks {	float: left; margin-right: 20px; border: 0px dashed orange;}
div.profileImages {	margin-top: 20px; float: left; border: 0px solid blue; padding: 0px;}
div.profThumbs { float: left; border: 0px solid red; width: 250px;}
.profThumbs a {	border: none; }


/* ****************************************************** */

/* GALLERY ********************************************* */

div.thumbnails a { border: none; }
div.thumbnails {line-height: 0px; margin: 20px 0px 0px 30px; }	


/* ****************************************************** */

a.markedLinks {  padding-right: 33px; 
				background:url(../images/more.gif) right 4px no-repeat;}

/* -----------------------------------------------------
**	FORM
/* ----------------------------------------------------- */

textarea.testimonial {	height: 100px; width: 90%; margin: 5px 15px 0px 0px; display: block; float: left;
						position: relative; left: 15px; }

label {float: left; clear: left; margin: 15px 5px 0px 15px; }

input {float: left; margin: 15px 0px 0px 25px; }

input.email, input.name, input.organisation { width: 200px; }

input.organisation { margin-left: 32px; }

input.email, input.name { margin-left: 77px; }

input#submit {clear: both; margin: 15px 8% 25px 15px; width: 100px; float: right; }

div#emailNote {font-size: 10px; font-family: sans-serif; margin-left: 15px; width:250px; float: left; line-height: 15px;}