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

/*=============================== Global ==================================*/

body{background-color:#737b35; 
color:#666;
font-size:12px;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0; padding:0;}

#page{
margin:0 auto;
width:961px;
}
#content{
background-color:#FFFFFF;
position:relative;
top:0;
left:0;
height:700px;
}
a{
	color:#737b35;
	text-decoration:underline;
	font-weight: bold;
}
a:hover{
text-decoration:underline;
}
h3{
color:#666;
font-size:16px;
margin:0 0 1em 0;
}
/*=============================== Header ==================================*/

.logo{
position:absolute;
top:0;
left:0;
width:342px;
height:121px;
background-image:url(images/logo.gif);
display:block;
text-indent:-5000px;
z-index:2;
}
#tagline{
position:absolute;
top:44px;
left:426px;
width:428px;
height:30px;
text-indent:-5000px;
background-image:url(images/tagline.gif);
}
#nav{
width:961px;
height:35px;
position:absolute;
left:0;
top:107px;
background-image:url(images/nav_back.gif);
}

.nav1{
text-indent:-5000px;
background-image:url(images/nav1.gif);
width:180px;
height:35px;
position:absolute;
top:107px;
left:429px;
display:block;
}
.nav1:hover{
background-image:url(images/nav1_hover.gif);
}
.nav2{
text-indent:-5000px;
background-image:url(images/nav2.gif);
width:154px;
height:35px;
position:absolute;
top:107px;
left:610px;
display:block;
}
.nav2:hover{
background-image:url(images/nav2_hover.gif);
}
.nav3{
text-indent:-5000px;
background-image:url(images/nav3.gif);
width:171px;
height:35px;
position:absolute;
top:107px;
left:765px;
display:block;
}
.nav3:hover{
background-image:url(images/nav3_hover.gif);
}



/*=============================== Body : Clients ==================================*/

.whofrom{
width:684px;
border-bottom:1px solid #dadc56;
text-align:right;
padding-bottom:10px;
}


/*=============================== Body : Homepage ==================================*/


#change{
position:absolute;
top:166px;
left:174px;
width:319px;
height:58px;
background-image:url(images/change.gif);
text-indent:-5000px;
}
#text{
width:538px;
color:#666;
position:absolute;
left:59px;
top:260px;
}
#home_pic{
position:absolute;
top:166px;
left:668px;
width:239px;
height:328px;
background-image:url(images/roberta_14.jpg);
}
#caption{
position:absolute;
top:494px;
left:668px;
width:239px;
border-bottom: 1px solid #dadc56;
line-height:18px;
font-size:12px;
font-style:italic;
}
.roberta{
font-size:10px;
line-height:15px;
text-align:right;
font-style:normal;
margin-bottom:4px;
}
.indentation{
margin:1.5em 0 1.5em 15px;
}

/*=============================== Body : Meet ==================================*/

#contact{
	position:absolute;
	top:151px;
	left:266px;
	width:423px;
	height:57px;
	background-image:url(images/contact.gif);
	text-indent:-5000px;
}

#coach{
	position:absolute;
	top:151px;
	left:166px;
	width:423px;
	height:57px;
	background-image:url(images/coach.gif);
	text-indent:-5000px;
}
#meet{
	position:absolute;
	top:151px;
	left:174px;
	width:415px;
	height:57px;
	background-image:url(images/meet_title.gif);
	text-indent:-5000px;
}
#meet_text{
	width:684px;
	color:#666;
	position:absolute;
	left:37px;
	top:234px;
	line-height:18px;
}
#meet_pic{
position:absolute;
top:151px;
left:791px;
width:145px;
height:226px;
background-image:url(images/meet_pic.jpg);
}
#meet_caption{
position:absolute;
top:377px;
left:791px;
width:145px;
border-bottom: 1px solid #dadc56;
line-height:16px;
font-size:11px;
font-style:italic;
}
.roberta{
font-size:10px;
line-height:15px;
text-align:right;
font-style:normal;
margin-bottom:4px;
}

#crazy_content{
background-color:#FFFFFF;
position:relative;
top:0;
left:0;
padding:234px 240px 30px 37px;
display:block;
width:684px;
}
#crazy_content2{
background-color:#FFFFFF;
position:relative;
top:0;
left:0;
padding:194px 240px 30px 37px;
display:block;
width:684px;
}
#crazy_content3{
background-color:#FFFFFF;
position:relative;
top:0;
left:0;
padding:194px 37px 30px 37px;
display:block;
width:887px;
}
#bottom_nav-meet{
position:absolute;
bottom:14px;
left:0;
width:961px;
height:16px;
margin:0 0 0 0;
background:url(images/bottom.gif) no-repeat;
}

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

#bottom_nav{
position:absolute;
bottom:14px;
left:0;
width:961px;
height:16px;
background:url(images/bottom.gif) no-repeat;
}
.copy{
float:left;
margin:-3px 0 0 4px;
text-align:left;
color:#FFFFFF;
font-size:10px;
}
.bottom_nav{
float:right;
margin:-3px 4px 0 0;
text-align:right;
color:#dadc56;
font-size:10px;
}
.bottom_nav a{
color:#FFFFFF;
text-decoration:none;
}
.bottom_nav a:hover{
text-decoration:underline;
}
.clr{
clear:both;
}


/*=============================== dropdown ==================================*/

#hold{width:180px;
height:35px;
position:absolute;
top:107px;
left:429px;
z-index:6;}
 
#nav1, #nav1 ul {
		list-style: none;
		padding: 0;
		margin: 0;
			line-height: 1;

	}
	
	#nav1 li {/* all list items */
		float: left;
		width: 176px;/* width needed or else Opera goes nuts */
		
	}
	
	#nav1 li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		position: absolute;
		top: 2.7em;
		padding:-10px 0 0 0;
		background: #dadc56;
	}
	
	
	
	#nav1 li:hover ul, #nav1 li.sfhover ul {/* lists nested under hovered list items */
		left: auto;
	}
	
#nav1 a{
display: block;
width:176px;
color:#737b35;
text-decoration:none;
}
#nav1 a:hover{
text-decoration:underline;
}
.moveit{
padding:0 0 6px 8px;
}


/*
#nav, #nav ul { /* all lists 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items 
	float: left;
	width: 10em; /* width needed or else Opera goes nuts 
}

#nav li ul { /* second-level lists 
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers 
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items 
	left: auto;
}

*/


.normal{
margin:1em 0 1em 0;
padding:0;
}
.normal li{
margin:0 40px 1em 40px;
padding:0;
list-style-type:disc;
}
.clr{clear:both;}

ol li{
margin:0 0 1em 0;
}

/*=============================== Right Nav ==================================*/

.right_top{
	background-image:url(images/right_top.gif);
	width:145px;
	height:32px;
	text-indent:-5000px;
	position:absolute;
	top:198px;
	left:791px;
}
.right_nav1{
	background-image:url(images/right_nav1.gif);
	width:145px;
	height:26px;
	text-indent:-5000px;
	position:absolute;
	top:230px;
	left:791px;
}
.right_nav1:hover{
background-image:url(images/right_nav1_over.gif);
}
.right_nav2{
	background-image:url(images/right_nav2.gif);
	width:145px;
	height:24px;
	text-indent:-5000px;
	position:absolute;
	top:256px;
	left:791px;
}
.right_nav2:hover{
background-image:url(images/right_nav2_over.gif);
}
.right_nav3{
	background-image:url(images/right_nav3.gif);
	width:145px;
	height:24px;
	text-indent:-5000px;
	position:absolute;
	top:280px;
	left:791px;
}
.right_nav3:hover{
background-image:url(images/right_nav3_over.gif);
}

.right_nav4{
	background-image:url(images/right_nav4.gif);
	width:145px;
	height:24px;
	text-indent:-5000px;
	position:absolute;
	top:304px;
	left:791px;
}
.right_nav4:hover{
background-image:url(images/right_nav4_over.gif);
}