@CHARSET "UTF-8";

/*---------------------------tag styles------------------------------*/

body{
	background: #f0f1ee;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 18pt;
	color: #554137;
	margin:20px;	
}

h2 {
	font-size: 12pt;
	color: #554137;
	margin: 0 20px 0 20px;
}

span.number {
	font-size: 12pt;
	color: #554137;
	font-weight: bold;
}

/*---------------------------main styles------------------------------*/

#wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:1100px;
	z-index: -1;
}

/* 	logo
	the parts of the logo, this will all float left
*/
#logo {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: -1;
	width: 497px;
	height: 100px;
	margin: 10px 0;
}
#logo_line {
	position: fixed;
	top: 60px;
	left: 497px;
	z-index: -1;
	width: 100%;
	height: 100px;
	margin: 10px 0;	
}


#logo.about {
	background: url('http://www.theresamurphy.net/images/home_logo.gif') -25px 0 no-repeat;
}
#logo_line.aboutline {
	background: url('http://www.theresamurphy.net/images/home_logoline.gif') -25px 0 repeat;
}
#logo.goodkarma {
	background: url('http://www.theresamurphy.net/images/goodkarma_logo.gif') -25px 0 no-repeat;
}
#logo_line.goodkarmaline {
	background: url('http://www.theresamurphy.net/images/goodkarma_logoline.gif') -25px 0 repeat;
}
#logo.practice {
	background: url('http://www.theresamurphy.net/images/practice_logo.gif') -25px 0 no-repeat;
}
#logo_line.practiceline {
	background: url('http://www.theresamurphy.net/images/practice_logoline.gif') -25px 0 repeat;
}
#logo.classes {
	background: url('http://www.theresamurphy.net/images/classes_logo.gif') -25px 0 no-repeat;
}
#logo_line.classesline {
	background: url('http://www.theresamurphy.net/images/classes_logoline.gif') -25px 0 repeat;
}
#logo.events {
	background: url('http://www.theresamurphy.net/images/events_logo.gif') -25px 0 no-repeat;
}
#logo_line.eventsline {
	background: url('http://www.theresamurphy.net/images/events_logoline.gif') -25px 0 repeat;
}
#logo.contact {
	background: url('http://www.theresamurphy.net/images/contact_logo.gif') -25px 0 no-repeat;
}
#logo_line.contactline {
	background: url('http://www.theresamurphy.net/images/contact_logoline.gif') -25px 0 repeat;
}

/*	photograph_container
	this container holds the images that
	will rotate througout the site
*/

#photograph_container {
	position: fixed;
	bottom: 50px;
	left: 0;
	z-index: -2;
	width: 998px;
	height: 825px;
}

#back_image {
	width: 998px;
	height: 825px;
	margin-bottom: 100px;
	overflow: hidden;	
}

/*image nav*/
#nav {
	position: fixed;
	top: 10px;
	left: 0;
	z-index: 999;	
}
#nav a {
	font-size:12px;
	font-weight:bold;
	text-decoration: none; 
	margin: 0 3px; 
	padding: 3px 3px;
	color: #9ca18f;
	}

#nav a.activeSlide { 
	color: #554137;
}

#nav a:focus { 
	outline: none;
}

/*	main_nav
	we want this to go across the page
	the nav will float left and will be in
	helvetica or any san serif
*/

#main_nav {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: 1;
	width: 530px;
	*width: 520px;
	margin: 10px 0;
}
#main_nav_background.aboutbackground {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: -1;
	width: 100%;
	height:20px;
	background: #d74a2e;
	margin-bottom: 10px;
}

#nav_background.aboutbackground {
	width: 100%;
	padding: 3px 0;
	background: #d74a2e;
	text-align: left;
}
#main_nav_background.goodkarmabackground {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: -1;
	width: 100%;
	height:20px;
	background: #934567;
	margin-bottom: 10px;
}

#nav_background.goodkarmabackground {
	width: 100%;
	padding: 3px 0;
	background: #934567;
	text-align: left;
}

#main_nav_background.practicebackground {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: -1;
	width: 100%;
	height:20px;
	background: #4055a5;
	margin-bottom: 10px;
}

#nav_background.practicebackground {
	width: 100%;
	padding: 3px 0;
	background: #4055a5;
	text-align: left;
}

#main_nav_background.classesbackground {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: -1;
	width: 100%;
	height:20px;
	background: #589f50;
	margin-bottom: 10px;
}

#nav_background.classesbackground {
	width: 100%;
	padding: 3px 0;
	background: #589f50;
	text-align: left;
}
#main_nav_background.eventsbackground {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: -1;
	width: 100%;
	height:20px;
	background: #e8792b;
	margin-bottom: 10px;
}

#nav_background.eventsbackground {
	width: 100%;
	padding: 3px 0;
	background: #e8792b;
	text-align: left;
}


#main_nav_background.contactbackground {
	position: fixed;
	bottom: 25px;
	left: 0;
	z-index: -1;
	width: 100%;
	height:20px;
	background: #0b7ac0;
	margin-bottom: 10px;
}

#nav_background.contactbackground {
	width: 100%;
	padding: 3px 0;
	background: #0b7ac0;
	text-align: left;
}

#nav_background ul {
	font-size:11px;
	margin:0;
	padding:0;	
}

#nav_background li {
	display:inline;
	margin:0 0 0 6px;
	color:#fff;
}

#nav_background li a {
	color:#fff;
	letter-spacing: 0.1em;
	*letter-spacing: 0.05em;
	text-decoration:none;
	padding:10px 1px;
}

#nav_background li.about a:hover, #nav_background li.about a:active  {
	background: url('http://www.theresamurphy.net/images/events.gif') 0 2px repeat-x;
}
#nav_background li.about a.selected{
	background: url('http://www.theresamurphy.net/images/events.gif') 0 2px repeat-x;
}

#nav_background li.goodkarma a:hover, #nav_background li.goodkarma a:active  {
	background: url('http://www.theresamurphy.net/images/goodkarma.gif') 0 2px repeat-x;
}

#nav_background li.goodkarma a.selected  {
	background: url('http://www.theresamurphy.net/images/goodkarma.gif') 0 2px repeat-x;
}

#nav_background li.practice a:hover, #nav_background li.practice a:active  {
	background: url('http://www.theresamurphy.net/images/practice.gif') 0 2px repeat-x;
}
#nav_background li.practice a.selected {
	background: url('http://www.theresamurphy.net/images/practice.gif') 0 2px repeat-x;
}

#nav_background li.classes a:hover, #nav_background li.classes a:active  {
	background: url('http://www.theresamurphy.net/images/classes.gif') 0 2px repeat-x;
}
#nav_background li.classes a.selected  {
	background: url('http://www.theresamurphy.net/images/classes.gif') 0 2px repeat-x;
}

#nav_background li.events a:hover, #nav_background li.events a:active  {
	background: url('http://www.theresamurphy.net/images/events.gif') 0 2px repeat-x;
}
#nav_background li.events a.selected  {
	background: url('http://www.theresamurphy.net/images/events.gif') 0 2px repeat-x;
}

#nav_background li.contact a:hover, #nav_background li.contact a:active  {
	background: url('http://www.theresamurphy.net/images/contact.gif') 0 2px repeat-x;
}
#nav_background li.contact a.selected {
	background: url('http://www.theresamurphy.net/images/contact.gif') 0 2px repeat-x;
}

/*
	
*/
	
#body_text {
	position: relative;
	top: 30px;
	float:right;
	width: 480px;
	padding:50px 0 50px 0;

}

#body_text div {
	background: #fff;
	overflow:auto;
}

#body_text div.top {
	background: url('http://www.theresamurphy.net/images/texttop.gif') 0 0 repeat-x;
	height:14px;
	overflow:hidden;
}

#body_text div.content {
}

#body_text div.bottom {
	background: url('http://www.theresamurphy.net/images/textbottom.gif') 0 0 repeat-x;
	height:14px;
	
	overflow:hidden;
}

#body_text p, #body_text ul {
	margin:0 20px 20px 20px;	
}

#body_text ul {
	color: #666;	
	font-size: 12px;
	line-height: 20px;
}

#body_text p {
	color: #666;	
	font-size: 12px;
	line-height: 20px;
}

#body_text p a {
	color: #554137;
	text-decoration: none;
}

#body_text p a:hover {
	text-decoration: underline;
}

#list {
	color: #666;	
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.italic {
	color: #554137;
	font-style: italic;
}