/*
Reset Font sizes
*********************************/
html {
	font-size: 16px; /* reset safari's 14px default */
}
* html {
	font-size: 100%; /* override pixel value for IE's benefit */
}
body {
	font-size:80%;
}

/*
Reset Default styles
**********************************/
* {
	font-family:tahoma, arial, verdana, "sans-serif";
	margin:0;
	padding:0;
	font-size:100%;
	color:#999;
}

* a {
	color:#b8a6a6;
}
a:hover {
	text-decoration:underline;
}

img,
form,
fieldset {
	border:none;
}

/* 
Layout - all pages
***********************************/
html {
	height:100%;
}
body {
	background:#8da9c4;
	height:100%;
	z-index:1;
	text-align:center;
}
	div#wrapper {
		text-align:left;
		width:800px;
		margin:auto;
		margin-top:50px;
	}
		div#title {
			xmargin-bottom:-80px;
			position:absolute;
			top:20px;
			xleft:90px;
			xz-index:1000;
		}
		div#title h1 {
			xz-index:1000;
		}
		div#banner {
			height:174px;
			margin-top:50px;
			background:url(../images/bannerClouds.jpg) top left no-repeat;
			border:3px solid #fff;
			border-bottom:0;
			position:relative;
			z-index:-1000;
		}
		div#banner div#animatedBanner {
			height:174px;
			width:794px;
			z-index:-1000;
			position:absolute;
		}
		div#banner div#animatedBanner object {
			z-index:-1000;
		}
		
			
		div#lower {
			width:794px;
			border:3px solid #fff;
			border-bottom:0;
			background:#fff;
			float:left;
		}
			div#navColumn {
				width:147px;
				float:left;
			}
			div#contentColumn {
				width:627px;
				float:left;
				padding:10px;
				height:100%;
				position:relative;
			}
			body.lightAngel div#contentColumn {
				padding:10px;
				width:627px;
			}
				div#contentColumn div.content {
					padding-right:200px;
					font-size:95%;
				}
				body.home div#contentColumn div.content {
					min-height:230px;
					padding-right:250px;
				}
				body.unicorn div#contentColumn div.content {
					padding-right:230px;
				}
				body.angel4 div#contentColumn div.content {
					padding-right:210px;
				}
				body.flying div#contentColumn div.content {
									padding-right:250px;
				}
				div#contentColumn div.content p.first {
					padding-right:60px;
				}
				body.lightAngel div#angel {
					position:static;
					float:right;
				}
				div#angel {
					position:absolute;
					top:-100px;
					right:-100px;
					z-index:2000;
				}
					div#angel img {
						z-index:2000;
					}
				body.flying div#angel {
					position:absolute;
					top:-200px;
					right:-100px;
					z-index:3000;
				}
				body.unicorn div#angel {
					position:absolute;
					top:-120px;
					right:-100px;
				}
				body.michael div#angel {
					position:absolute;
					top:-130px;
					right:-100px;
				}
				body div#animatedAngel {
					float:right;
				}
		div#footer {
			clear:both;
			background:#8fc4cb;
			height:15px;
			padding:3px;
			border:3px solid #fff;
			border-top:0;
			font-size:90%;
		}
			div#footer p {
				padding:0;
				margin:0;
				color:#666;
			}
			div#footer p a {
				color:#666;
			}
			
		
/* Nav ********************************************************************************/
div#navColumn ul {
	list-style-type:none;
	margin:5px;
	margin-top:17px;
}
	div#navColumn ul li {
		margin:0 0 5px 0;
	}
	* html div#navColumn ul li {
			float:left;
			clear:both;
			width:130px;
	}
		div#navColumn ul li a {
			display:block;
			color:#999;
			background:url(../images/menuBG.jpg) top left no-repeat;
			border-bottom:1px solid #e1caca;
			text-decoration:none;
			padding:0 3px 5px 20px;
			font-size:95%;
			font-weight:bold;
		}
		div#navColumn ul li a.selected,
		div#navColumn ul li a:hover {
			color:#e1caca;
			background:url(../images/menuBGSelected.jpg) top left no-repeat;
		}
		
		

/* Headings ********************************************************************************/

h2 {
	font-size:130%;
	margin-bottom:5px;
	margin-top:-5px;
	color:#fff;
	width:180px;
	padding-top:31px;
	height:0;
	overflow:hidden;
}
h2.angels {
	background:url(../images/titleAngels.jpg) no-repeat top left;
}
h2.index {
	background:url(../images/titleIndex.jpg) no-repeat top left;
}
h2.soulmemory {
	background:url(../images/titleSoulmemory.jpg) no-repeat top left;
}
h2.workshops {
	background:url(../images/titleWorkshops.jpg) no-repeat top left;
}
h2.meditation {
	background:url(../images/titleMeditations.jpg) no-repeat top left;
}
h2.links {
	background:url(../images/titleLinks.jpg) no-repeat top left;
}
h2.wellbeing {
	background:url(../images/titleWellbeing.jpg) no-repeat top left;
}
h2.clairvoyance {
	background:url(../images/titleClairvoyance.jpg) no-repeat top left;
}
h2.contact {
	background:url(../images/titleContact.jpg) no-repeat top left;
}
h2.diary {
	background:url(../images/titleDiary.jpg) no-repeat top left;
}

h3 {
	margin-bottom:1em;
	border-bottom:1px solid #999;
}


/* Div Styles *******************************************************************************/

div.highlight {
	background:#fdecec;
	padding:5px 20px 5px 5px;
	color:#fca0a0;
	border:1px solid #bcbcbc;
	xfont-size:90%;
	clear:both;
	float:left;
	text-align:center;
	margin:1em 0;
	width:600px;
	text-align:center;
}
div.highlight h3 {
	border-bottom:0;
}

/* Paragraphs ********************************************************************************/
p {
	margin-bottom:10px;
}

p.small {
	font-size:90%;
}

/* Lists ********************************************************************************/
ul {
	list-style-position:inside;
	margin-bottom:20px;
}

ul.content {
	list-style-type: none;
	margin-bottom:20px;
}
ul.content li {
	margin-bottom:10px;
}

img.left {
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}

img.right {
	float:right;
	margin-left:5px;
	margin-bottom:10px;
}