/* red #ed1c24  */
/* green #cae21e  */
/* lt green #d5f012  */
/* 
outline: 1px solid red;  
*/

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

body {
	width: 				1050px;
    color: 				white;
    font-family: 		"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 			62.5%;
	background: 		url(images/page.jpg) no-repeat center top;
}
div#wrapper {
	position: 			absolute;
	width: 				1050px;
	margin: 			15px 0px 0px 0px;
	background: 		url(images/wrapper.png) repeat-y scroll 0 0 transparent;
}
div#call {
	font-size: 			2.1em;
	line-height:		1em;
	text-align:			center;
	padding:			15px 0px 0px 0px;
	color:				white;
}

/*  nav   ---------------------------------------*/
div#nav {
	position: 			relative;
	height: 			25px;
}
ul.nav, 
ul.nav ul {
	width: 				600px;
	margin:				0px 0px 0px 200px;
	list-style-type: 	none;
	float: 				left;
	background-color: 	white;
}
ul.nav li {
	float: 				left;
}
ul.nav li ul {
	position: 			absolute;
	left: 				-999em;
}
ul.nav a {
	color: 				black;
	text-decoration: 	none;
	font-size: 			1.7em;
	font-weight:		bold;
	line-height: 		2em;
	text-align:			center;
	padding:			15px;
}
ul a:hover,
ul a:focus {
	color: 				#ed1c24;
}

/*logo large on front page*/
div#logo-lg	{ 
	position:     		absolute;
	z-index:			99;
	width:				144px;
	height:				320px;
  	top:        		10px;
  	left:       		55px;	
	background: 		url(images/logo-lg.png) no-repeat  center;
}
/*logo small*/
div#logo-sm	{ 
	position:     		absolute;
	z-index:			99;
	width:				224px;
	height:				156px;
  	top:        			30px;
  	left:       		25px;	
	background: 		url(images/logo-sm.png) no-repeat  center;
}

/*portraits*/
div#portrait	{ 
	position:     		absolute;
	z-index:			98;
	width:				310px;
	height:				335px;
  	top:        		-30px;
  	left:       		730px;	
	background: 		url(images/portrait.png) no-repeat  center;
}
div#portrait-about	{ 
	position:     		absolute;
	z-index:			96;
	width:				275px;
	height:				561px;
  	top:        		-30px;
  	left:       		780px;	
	background: 		url(../about/images/portrait-about.png) no-repeat  center;
}
div#portrait-services	{ 
	position:     		absolute;
	z-index:			96;
	width:				279px;
	height:				789px;
  	top:        		30px;
  	left:       		780px;	
	background: 		url(../services/images/portrait-services.png) no-repeat  center;
}
div#portrait-newsletter	{ 
	position:     		absolute;
	z-index:			96;
	width:				419px;
	height:				385px;
  	top:        		100px;
  	left:       		510px;	
	background: 		url(../newsletter/images/portrait-newsletter.png) no-repeat  center;
}
div#portrait-events	{ 
	position:     		absolute;
	z-index:			98;
	width:				275px;
	height:				561px;
  	top:        		170px;
  	left:       		50px;	
	background: 		url(../events/images/portrait-events-1.png) no-repeat  center;
}
div#portrait-event-www	{ 
	position:     		absolute;
	z-index:			98;
	width:				275px;
	height:				559px;
  	top:        		170px;
  	left:       		50px;	
	background: 		url(../event-www/images/portrait-event-www.png) no-repeat  center;
}
div#portrait-media	{ 
	position:     		absolute;
	z-index:			96;
	width:				500px;
	height:				309px;
  	top:        		80px;
  	left:       		550px;	
	background: 		url(../media/images/portrait-media.png) no-repeat  center;
}
div#portrait-contact	{ 
	position:     		absolute;
	z-index:			96;
	width:				350px;
	height:				383px;
  	top:        		15px;
  	left:       		690px;	
	background: 		url(../contact/images/portrait-contact.png) no-repeat  center;
}

/* header on front page*/
div#header {
	width:				1050px;
	height: 			244px;
	margin: 			20px 0px 0px 0px;
	background: 		url(images/header.png) no-repeat  center;
}
div#header h2 {
	font-size: 			3.5em;
	text-align:			center;
	padding:			120px 0px 0px 0px;
	color:				#ed1c24;
}
div#header h3 {
	font-size: 			2.7em;
	line-height:		1em;
	text-align:			center;
	padding:			5px 0px 0px 0px;
	color:				black;
}

/* Link to Liysa's book on About page*/
div#book	{ 	position:   absolute;
				z-index:	97;
  				top:        360px;
  				left:       600px;
}
a.book {		display: 	block;
				width: 		400px;
				height: 	305px;
				text-indent: -1000em;
				background: url(../about/images/book.png) left top no-repeat;
}
a.book:hover {
				background-image: url(../about/images/book-hvr.png);
}

/* The Value of Being Heard TM on front page*/
div#value {
	width:				1050px;
	height: 			auto;
	margin: 			320px 0px 0px 0px;
}
div#value h2 {
	font-size: 			2em;
	text-align:			center;
	margin: 			0px 0px 10px 0px;
	color:				black;
}
div#value p {
	font-size: 			1.7em;
	text-align:			left;
	padding:			10px 160px 0px 170px;
	color:				black;
}

div#header-about {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../about/images/header-meet-liysa.png) no-repeat  center;
}
div#header-services {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../services/images/header-workshops.png) no-repeat  center;
}
div#header-newsletter {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../newsletter/images/header-newsletter.png) no-repeat  center;
}
div#header-media {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../media/images/header-media.png) no-repeat  center;
}
div#header-events {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../events/images/header-events.png) no-repeat  center;
}
div#header-event-www {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../event-www/images/header-event-www.png) no-repeat  center;
}
div#header-contact {
	width:				1050px;
	height: 			60px;
	margin: 			20px 0px 0px 0px;
	background: 		url(../contact/images/header-contact.png) no-repeat  center;
}

/* newsletter  --------------------------------------------------------------*/
div#newsletter {
	width: 				620px;
	margin: 			75px 30px 30px 350px;
}
div#newsletter p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				#002f4d;
}
div#newsletter h2 {
	font-size: 			2em;
	font-weight:		bold;
	line-height:		1em;
	color:				#ed1c24;
}

/* about  --------------------------------------------------------------*/
div#about {
	width: 				620px;
	margin: 			75px 30px 30px 150px;
}
div#about p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				#002f4d;
}
div#about h2 {
	font-size: 			2em;
	font-weight:		bold;
	line-height:		1em;
	color:				#d00000;
}
div#about h3 {
	font-size: 			1.7em;
	font-weight:		bold;
	line-height:		1.1em;
	text-align:			left;
	color:				#1b5594;
}
/* services - lead--------------------------------------------------------------*/
div#workshop-lead {
	width: 				720px;
	height:				300px;
	margin: 			75px 30px 0px 150px;
	background: 		url(../services/images/workshop-lead.jpg) no-repeat  center;
}
div#workshop-lead-content {
	padding: 			60px 50px 0px 50px;
}
div#workshop-lead-content p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				black;
}
/* services - liysa--------------------------------------------------------------*/
div#workshop-empowerment {
	width: 				720px;
	height:				243px;
	margin: 			10px 30px 0px 150px;
	background: 		url(../services/images/workshop-empowerment.jpg) no-repeat  center;
}
div#workshop-empowerment-content {
	padding: 			60px 50px 0px 50px;
}
div#workshop-empowerment-content p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				black;
}
/* services - level-up--------------------------------------------------------------*/
div#workshop-level-up {
	width: 				720px;
	height:				233px;
	margin: 			10px 30px 0px 150px;
	background: 		url(../services/images/workshop-level-up.jpg) no-repeat  center;
}
div#workshop-level-up-content {
	padding: 			60px 50px 0px 50px;
}
div#workshop-level-up p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				black;
}

/* events  --------------------------------------------------------------*/
div#events {
	width: 				620px;
	margin: 			25px 30px 30px 350px;
}
div#events p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				#002f4d;
}
/* event - women, wine and whiskey  --------------------------------------------------------------*/
div#event-www-graphic {
	width: 				450px;
	margin: 			25px 0px 0px 350px;
}
div#event-www {
	width: 				455px;
	margin: 			15px 0px 0px 350px;
}
div#event-www p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				#002f4d;
}
/* sponsor--------------------------------------------------------------*/
div#sponsor { 
	float: 				right;
	clear:				left;
	width: 				180px;
	margin: 			15px 30px 0px 0px;
}
div#sponsor h2 {
	font-size: 			1.5em;
	font-weight:		bold;
	line-height:		1em;
	text-align:			center;
	color:				#cae21e;;
}
/* register--------------------------------------------------------------*/
div#register-now	{ 	
	position:   		relative;
	margin: 			15px 0px 0px 0px;
}
a.register-now {		
	display: 			block;
	width: 				457px;
	height: 			77px;
	text-indent: 		-1000em;
	background: 		url(../event-www/images/register-now-btn.jpg) left top no-repeat;
}
a.register-now:hover {
	background-image:	url(../event-www/images/register-now-hvr-btn.jpg);
}				
/*speakers---------------------------------------------------------------*/
div#event-www-speakers {
	width: 				1050px;
	margin: 			15px 0px 30px 0px;
}
.speaker-portrait {
	margin: 			10px 0px 90px 30px;
	border: 			5px solid white;
	padding:			0px 0px 0px 0px;	
	width: 				161px;
	height: 			163px;
	float:				left;
	color:				black;	
	text-align:			center;
	font-size:			1.7em;
}
div#event-www-speakers a:link {
	color: #000;
	text-decoration: none;
}
div#event-www-speakers a:visited {
	color: #000;
	text-decoration: none;
}
div#event-www-speakers a:hover {
	color: #6a1f88;
	text-decoration: underline;
}
div#event-www-speakers a:active {
	text-decoration: none;
}

/* grow-it-forward--------------------------------------------------------------*/
div#grow-it-forward { 
	float: 				left;
	clear:				right;
	width: 				290px;
	margin: 			0px 0px 0px 35px;
}

/* Give Back  --------------------------------------------------------------*/
div#www-give-back {
	width: 				570px;
	margin: 			45px 30px 30px 350px;
}
div#www-give-back p {
	font-size: 			1.7em;
	line-height:		1.3em;
	color:				#002f4d;
}
div#www-give-back h2 {
	font-size: 			2.7em;
	font-weight:		bold;
	line-height:		1.3em;
	color:				#cae21e;;
}

/*Liysa~isms---------------------------------------------*/
div#you-tube-video {
	width: 				450px;
	margin: 			95px 30px 30px 130px;
}
.you-tube-video {
	margin: 			0px 0px 10px 0px;
	width: 				450px;
	height: 			225px;
}
div#you-tube-video h2 {
	font-size: 			3em;
	font-weight:		bold;
	line-height:		2em;
	color:				#cae21e;
}

/* http://www.w3schools.com/tags/tag_iframe.asp */
iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
} 

/* media  -------------------------------------------------------------------------------------------*/
div#media {
	width: 				475px;
	margin: 			295px 0px 0px 0px;
	float:				right;
	clear:				left;
}
div#media h2 {
	font-size: 			3em;
	font-weight:		bold;
	line-height:		2em;
	color:				#cae21e;
}
div#media p {
	font-size: 			2em;
	line-height:		2em;
	color:				#002f4d;
}
div#media a:link {
	color: 				black;
	text-decoration:	none;
}
div#media a:hover {
	color: 				#ed1c24;
	text-decoration: 	underline;
}
div#media a:active {
	color: 				#ed1c24;
	text-decoration: 	none;
}
div#media a:visited {
	color: 				#000;
	text-decoration: 	none;
}

/* contact  ------------------------------------------------------------------------------------*/
div#contact {
	width: 				620px;
	margin: 			80px 30px 30px 150px;
}
div#contact h2{
	font-size: 			2.3em;
	font-weight:		bold;
	line-height:		1.3em;
	color:				#ed1c24;
}
div#contact h3{
	font-size: 			2.3em;
	font-weight:		bold;
	line-height:		1.3em;
	color:				#ed1c24;
}

div#contact p{
	font-size: 			1.8em;
	line-height:		1.7em;
	color:				black;
}
div#contact a:link {
	color: 				black;
	text-decoration:	none;
}
div#contact a:hover {
	color: 				#ed1c24;
	text-decoration: 	underline;
}
div#contact a:active {
	color: 				#ed1c24;
	text-decoration: 	none;
}
div#contact a:visited {
	color: 				#000;
	text-decoration: 	none;
}

/* set text off screen for images*/
h1 {
	text-indent: 		-3000em;
}

/* HOME page divs--------------------------------------------------------------*/
div#newsletter { 
	float: 				left;
	width: 				290px;
	margin: 			25px 27px 0px 35px;
}
div#welcome { 
	float: 				left;
	width: 				300px;
	height:				276px;
	margin: 			15px 23px 0px 25px;
	background: 		url(../images/welcome.jpg) no-repeat  center;
}
div#welcome-video	{
	width: 				290px;
	margin: 			75px 0px 0px 0px;
}
div#book-home { 
	float: 				left;
	width: 				280px;
	margin: 			25px 0px 0px 0px;
}

/* zings to floast into thirds on ABOUT page for testimonials--------------------------------------------------------------*/
div#zing-1 { 
	float: 				left;
	width: 				290px;
	margin: 			15px 25px 0px 35px;
}
div#zing-1 p {
	font-size: 			1.5em;
	line-height:		1.3em;
	color:				black;
	text-indent: 		-15px;
}
div#zing-2 { 
	float: 				left;
	width: 				300px;
	margin: 			15px 30px 0px 20px;
}
div#zing-2 p {
	font-size: 			1.5em;
	line-height:		1.3em;
	color:				black;
	text-indent: 		-12px;
}
div#zing-3 { 
	float: 				left;
	width: 				280px;
	margin: 			15px 25px 0px 25px;
}
div#zing-3 p {
	font-size: 			1.5em;
	line-height:		1.3em;
	color:				black;
	text-indent: 		-12px;
}

/* facebook-twitter-linked-in link using Z index -----------------------------------*/
div#facebook	{
	position:   		relative;
	float:				left;
	margin:				0px 0px 0px 390px;
}

/* the w and h creates the hover area  */
a.facebook {	
	display: 			block;
	width: 				50px;
	height: 			50px;
	background: 		url(images/fb.jpg) left top no-repeat;
}

a.facebook:hover {
	background-image: 	url(images/fb-hvr.jpg);
}

/* twitter  ----------------------------------------------------------------------*/
div#you-tube	{
	position:   		relative;
	float:				left;
	margin:				0px 0px 0px 20px;
}
a.you-tube {	
	display: 			block;
	width: 				116px;
	height: 			50px;
	background: 		url(images/you-tube.jpg) left top no-repeat;
}

a.you-tube:hover {
	background-image: 	url(images/you-tube-hvr.jpg);
}

/* linked-in  ----------------------------------------------------------------------*/
div#linked-in	{
	position:   		relative;
	float:				left;
	margin:				0px 0px 0px 24px;
}
a.linked-in {	
	display: 			block;
	width: 				50px;
	height: 			50px;
	background: 		url(images/in.jpg) left top no-repeat;
}

a.linked-in:hover {
	background-image: 	url(images/in-hvr.jpg);
}


/* tagline --------------------------------------------------------------*/
div#tagline {
	clear: 				both;
	height:				50px;
	margin:				20px 0px 5px 0px;
}
div#tagline p{
	font-size: 			2.3em;
	line-height: 		2em;
	text-align: 		center;
	color: 				#ed1c24;
}


/* footer --------------------------------------------------------------*/
div#footer {
	clear: 				both;
	margin: 			0px 6px 0px 6px;
	width: 				1038px;
	height:				40px;
	background:			#ed1c24;
}
div#footer p{
	margin: 			0px;
	font-size: 			1.9em;
	line-height: 		2em;
	text-decoration: 	none;
	text-align: 		center;
	color: 				white;
}
/* credits - Starfish Graphics--------------------------------------------------------------*/	
div#credits{
	margin: 			0px 0px 20px 0px;
	font-size: 			1em;
	line-height: 		1em;
	text-indent: 		12px;
	text-decoration: 	none;
	text-align: 		center;
	color: 				black;
}
div#credits a:link {
	color: #000;
	text-decoration: none;
}
div#credits a:visited {
	color: #000;
	text-decoration: none;
}
div#credits a:hover {
	color: #6a1f88;
	text-decoration: underline;
}
div#credits a:active {
	text-decoration: none;
}

/* bottom of page --------------------------------------------------------------*/
div#bottom {
	clear: 				both;
	margin: 			0px;
	width: 				1045px;
	height:				8px;
	background:			#cae21e;
}

a:link {
	color: white;
	text-decoration:	none;
}
a:visited {
	color: 				#000;
	text-decoration: 	none;
}
a:hover {
	color: 				#6a1f88;
	text-decoration: 	underline;
}
a:active {
	text-decoration: 	none;
}

/* bold titles */
.bold {
	font-weight:		bold;
}
/* captions */
.caption {
	font-size: 			1em;
	line-height:		1em;
	font-style:			italic;
}
/* colors */
.green {
  	color: 				#cae21e;
}
.lt-green {
  	color: 				#d5f012;
	font-weight:		bold;
}
.red {
	color:				#ed1c24;
}
/* bold and red titles in events www*/
.bold-red {
	font-weight:		bold;
	color:				#ed1c24;
}
.contact-shout-out {
	color:				#ed1c24;
	font-size: 			1.5em;
	line-height:		1em;
	font-weight:		bold;
}
/* testimonial names */
.name {
	font-weight:		bold;
	line-height:		1.5em;
	color:				#728293;
}
.underline {
	text-decoration: underline;
}