/*
    You Have the Power web site CSS
    by Charissa
*/

/* ==== golobal styles ==== */

body {
	font-family: Helvetica,sans-serif;
	background: #f0eadf;
	margin: 0;
	padding: 0;
	
	background-image: url(../images/background.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
}

p, h1, h2, h3, h4, h5, h6, li {
	margin: 0;
}

div#outerDiv {
    width: 960px;
    margin: 0 auto;
    background: none;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #811427;
    font-style: italic;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #666666;
    font-style: italic;
}

/* ==== header ==== */

#topTabs {
	list-style: none;
	width: 260px;
	margin: 0px 0px 0px 700px;
}

#topTabs img {
	margin: 0;
	border: none;
}

#Logo {
	list-style: none;
	width: 300px;
	padding: 25px 0 25px 0;

}

#mainMenu {
	float: right;
	list-style: none;
	width: 950px;
	margin: 99px 0px 15px 0px;
	padding: 0;
}

#idBanner {
	float: right;
	list-style: none;
	width: 950px;
	margin: 0px 0px;
	padding: 0;
}


/* ==== main menu ==== */


#mainMenu img {
	margin: 0;
	border: none;
}

#mainMenu ul#navRollovers li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu ul#navRollovers a {
	width: 0px;
	height: 0px;
	font-family: "Helvetica", sans-serif;
	color: #d94827;
	font-size: 12px;
	text-decoration: none;
	padding: 0;
	margin-right: 0;
	border: none;
	display: block;
}

#mainMenu li a:current {
    margin-top: 0;
    height: 128px;
    background: url(../images/Nav_03.jpg) no-repeat;
    color: #aaa;
    line-height: 93px;
}

#mainMenu a.home { 
background: url(../images/Nav_03.jpg) no-repeat top left; 
}

#mainMenu a.programs { 
background: url(../images/Nav_04.jpg) no-repeat top left; 
}

#mainMenu a.consulting { 
background: url(../images/Nav_05.jpg) no-repeat top left; 
}

#mainMenu a.coaching { 
background: url(../images/Nav_06.jpg) no-repeat top left; 
}

#mainMenu a.meetGabrielle { 
background: url(../images/Nav_07.jpg) no-repeat top left; 
}

#mainMenu a.home:hover { 
background: url(../images/HomeOn.gif) no-repeat top left; 
}

#mainMenu a.work:hover { 
background: url(../images/WorkOn.gif) no-repeat top left; 
}

#mainMenu a.clients:hover { 
background: url(../images/ClientsOn.gif) no-repeat top left; 
}

#mainMenu a.c:hover { 
background: url(../images/BioOn.gif) no-repeat top left; 
}

#mainMenu a.meetGabrielle:hover { 
background: url(../images/BioOn.gif) no-repeat top left; 
}

/* ==== main content ==== */

#content div#mainContent {
	float: left;
    left: 100px;
	width: 525px;
	margin: 10px  0px 0px 10px;
	padding: 30px;
	background: #ffffff;
}

#mainContent p {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #27100c;
	margin: 10px 0 10px 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	font-family: "Helvetica", sans-serif;
}

#mainContent h1 {
	font-size: 24px;
	font-weight: normal;
	color: #27100c;
	margin: 0px 0 0px 0;
}

#mainContent h2 {
	font-size: 18px;
	font-weight: bold; 
	color: #27100c;
	margin: 10px 0 0 0;
}

#mainContent h3 {
	font-size: 18px;
	font-weight: normal; 
	color: #27100c;
	margin: 5px 0 0 0;
}

#mainContent h4 {
	font-size: 14px;
	font-weight: bold; 
	color: #27100c;
	margin: 10px 0 0 0;
}

#mainContent li {
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal; 
	color: #27100c;
	margin: 0px 0 0 0;
}

#mainContent p.introCopy {
	font-family: "Helvetica", sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #27100c;
	margin: 10px 0 10px 0;
}

#mainContent p.dottedLine {
	margin: 20px 0 20px 0;
}

/*==== side bar  ====*/

#content div#sideBar {
	float: right;
	width: 350px;
	padding: 0;
	margin: 10px 0px 0px  0px;
}

#content div#sideBar img {
	margin: 0;
	border: none;
}

#content div#sideBar p.sideBarCopy{
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #27100c;
	padding: 15px;
	background: #ffffff;
}

/* ==== footer ====*/

div#footer {
	clear:both;
	background: transparent;
	margin: 40px 0 40px 0;
	padding: 0px;
}

#footer p {
	font-family: "Helvetica", sans-serif;
	font-size: 10px;
	color: #010000;
	margin: 0;
	padding: 0 0 0 0;
}

#footer a {
	color: #666666;
	text-decoration: none;
	font-style: italic;
}

/*==== miscellaneous styles ====*/

.clear { clear: both }