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

body {
	background-color:#FFF;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
p, h1, h2, h3 {
	margin:0px;
	padding:0px;
	font-weight:lighter;
}
h1 {
	color:#FFF;
	font-size:30px;
	font-family:"Gill Sans", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	letter-spacing:1px;
}
/* Background Colors */
.homebk {
	background-color:#7E884B;
}
.aboutbk {
	background-color:#5F5A6E;
}
.servicesbk {
	background-color:#C4C0d5;
}
.contactbk {
	background-color:#8F9637;
}

/* Global Styles */
#mainWrapper {
	width:990px;
	height:560px;
	position:relative;
	margin:0px auto;
}
.navigation {
	width:990px;
	height:32px;
	font-size:10px;
	color:#FFF;
	position:absolute;
	top:84px;
	left:20px;
	letter-spacing:1px;
	z-index:1;
}
.navigation a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	margin:0px 1px;
}
.navigation a:hover {
	color:#000;
	text-decoration:none;
}
.navigation span {
	color:#000;
}
.contentAreaInterior {
	width:990px;
	height:412px;
	background-color:#FFF;
	position:absolute;
	top:116px;
	left:0px;
}
.leftImage {
	position:absolute;
	top:8px;
	left:0px;
}

/* Home Styles */
.topBarHome {
	background-color:#AAC354;
	width:990px;
	height:11px;
	position:absolute;
	top:0px;
	left:0px;
}
.headerHome {
	position:absolute;
	top:11px;
	left:0px;
}

.btmBarHome {
	background-color:#AAC354;
	width:990px;
	height:13px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.contentArea {
	width:990px;
	height:385px;
	background-color:#FFF;
	position:absolute;
	top:143px;
	left:0px;
}
.flashArea {
	background-color:#AAC354;
	margin:8px 0px 0px 0px;
	height:367px;
}
.flashAreaNarrow {
	background-color:#AAC354;
	margin:8px 0px 0px 0px;
	height:367px;
	width:420px;
	position:absolute;
	
}
#homeText {
	background-color:#AAC354;
	font-family:"Gill Sans", "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin:8px 0px 0px 0px;
	height:367px;
	width:570px;
	position:absolute;
	left:420px;
	text-align:left;
}
#homeText p {
	font-size:21px;
	line-height:44px;
	text-indent: -.45em;
	margin:50px 30px;
	color:#FFF;
}
.navigationHome {
	width:990px;
	height:32px;
	font-size:10px;
	color:#FFF;
	position:absolute;
	top:111px;
	left:20px;
	letter-spacing:1px;
	z-index:1;
}
.navigationHome a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	margin:0px 1px;
}
.navigationHome a:hover {
	color:#000;
	text-decoration:none;
}
.navigationHome span {
	color:#000;
}

/* About Styles */
.topBarAbout {
	background-color:#6F6F94;
	width:990px;
	height:11px;
	position:absolute;
	top:0px;
	left:0px;
}
.headerAbout {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrAbout.jpg) no-repeat top left;
}
.headerStats {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrStats.jpg) no-repeat top left;
}
.headerLinda {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrLinda.jpg) no-repeat top left;
}
.subNavAbout {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	border-left:1px solid #000;
	margin-top:48px;
	text-align:left;
	padding-bottom:11px;
	padding-left:10px;
	position:absolute;
	left:66px;
}
.subNavAbout a {
	color:#000;
	text-decoration:none;
	padding:0px 5px;
}
.subNavAbout a:hover {
	color:#FFF;
	text-decoration:none;
}
.subNavAbout span {
	color:#FFF;
}
.aboutWrapper {
	background-color:#AFACCD;
	margin:8px 0px 0px 0px;
	height:396px;
	text-align:left;
	color:#5F5A6E;
	font-size:14px;
}
.aboutWrapperScroll {
	background-color:#AFACCD;
	margin:8px 0px 0px 0px;
	height:396px;
	text-align:left;
	color:#5F5A6E;
	font-size:14px;
	line-height:18px;
}
.aboutWrapperScroll .aboutContent {
	position:absolute;
	left:260px;

}
.aboutContent {
	padding:20px 24px;
	position:relative;
}
.aboutContent a {
	color:#5F5A6E;
}
.aboutContent a:hover {
	color:#000;
}
.aboutContent ul {
	list-style-image:url(images/bulletPurple.gif);
	margin-top:0px;
	margin:0px;
	padding:0px;
	padding-left:20px;
}
.servicesWrapper ul ul {
	list-style-image:url(images/bullet2Purple.gif);
}
.aboutContent li {
	padding:3px 0px;
}
.aboutContent p {
	margin:10px 0px;
	line-height:18px;
}
.aboutWrapper p {
	margin:10px 0px;
	line-height:18px;
}
.aboutWrapper h2 {
	font-size:24px;
	font-family:"Gill Sans", Arial Helvetica, sans-serif;
	font-weight:lighter;
	margin:16px 0px;
}
.aboutWrapper img {
	float:right;
	margin:0px 0px 0px 30px;
}
.aboutWrapperScroll h1 {
	padding-top:8px;
}
.btmBarAbout {
	background-color:#6F6F94;
	width:990px;
	height:13px;
	position:absolute;
	bottom:0px;
	left:0px;
}

/* Services Styles */
.headerServices {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrServices.jpg) no-repeat top left;
}
.servicesWrapper {
	background-color:#AFACCD;
	margin:8px 0px 0px 0px;
	height:396px;
	text-align:left;
	color:#5F5A6E;
	font-size:14px;
	line-height:18px;
}
.servicesWrapper img {
	float:right;
}
.servicesWrapper h1 {
	padding-top:8px;
	margin-bottom:10px;
}
.servicesWrapper ul {
	width:260px;
	font-size:12px;
	line-height:14px;
}
.servicesWrapper p {
	margin-bottom:10px;
}
.servicesWrapper ul {
	list-style-image:url(images/bulletPurple.gif);
	margin:0px;
	padding:0px;
	padding-left:20px;
	width:170px;
}
.servicesWrapper li {
	padding:3px 0px;
}
.col2 {
	position:absolute;
	top:0px;
	left:320px;
}
.col3 {
	position:absolute;
	top:0px;
	left:620px;
}
.services2010 {
	width:270px;
	position:absolute;
	top:28px;
	left:24px;
}
.services2010 p {
	margin:10px 0px;
}
.servicesCol1 {
	width:160px;
	position:absolute;
	top:38px;
	left:340px;
}
.servicesCol2 {
	width:160px;
	position:absolute;
	top:38px;
	left:560px;
}
.servicesCol3 {
	width:160px;
	position:absolute;
	top:38px;
	left:774px;
}
.servicesCol1 h3, .servicesCol2 h3, .servicesCol3 h3 {
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	margin-bottom:8px;
}
/* Experience Styles */

.headerExperience {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrExperience.jpg) no-repeat top left;
}
.headerClient {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrClient.jpg) no-repeat top left;
}
.experienceWrapper {
	background-color:#AAC354;
	margin:8px 0px 0px 0px;
	height:396px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	line-height:18px;
}
.experienceWrapper .aboutContent {
	position:absolute;
	left:260px;

}
.experienceWrapper p {
	margin:12px 0px;
}
.experienceWrapper h1 {
	padding-top:8px;
}
.experienceWrapper ul {
	position:absolute;
	left:24px;
	line-height:20px;
}
.experienceWrapper span ul {
	position:absolute;
	left:240px;
	line-height:20px;
}
.clientWrapper {
	background-color:#FFF;
	margin:8px 0px 0px 0px;
	height:396px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	line-height:18px;
}
.clientWrapper .aboutContent {
	position:absolute;
	left:260px;

}
.clientWrapper .aboutContent img {
	position:absolute;
	top:54px;
	left:0px;
	margin:0px;
}
.clientWrapper h1 {
	color:#AAC354;
}
.subNavExperience {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	border-left:1px solid #000;
	margin-top:48px;
	text-align:left;
	padding-bottom:11px;
	padding-left:10px;
	position:absolute;
	left:242px;
}
.subNavExperience a {
	color:#000;
	text-decoration:none;
	padding:0px 5px;
}
.subNavExperience a:hover {
	color:#FFF;
	text-decoration:none;
}
.subNavExperience span {
	color:#FFF;
}

/* Awards Styles */
.topBarAwards {
	background-color:#AFACCD;
	width:990px;
	height:11px;
	position:absolute;
	top:0px;
	left:0px;
}
.headerAwards {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrAwards.jpg) no-repeat top left;
}
.awardLogos img {
	position:absolute;
	left:24px;
	margin:0px;
}
.btmBarAwards {
	background-color:#AFACCD;
	width:990px;
	height:13px;
	position:absolute;
	bottom:0px;
	left:0px;
}

/* Marketing Styles */

.headerMarketing {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrMarketingWomen.jpg) no-repeat top left;
}
.headerBoomers {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrBoomers.jpg) no-repeat top left;
}
.headerMoms {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrMoms.jpg) no-repeat top left;
}
.subNavMarketing {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	border-right:1px solid #000;
	margin-top:48px;
	text-align:left;
	padding-bottom:11px;
	padding-right:10px;
	position:absolute;
	right:336px;
}
.subNavMarketing a {
	color:#000;
	text-decoration:none;
	padding:0px 5px;
}
.subNavMarketing a:hover {
	color:#FFF;
	text-decoration:none;
}
.subNavMarketing span {
	color:#FFF;
}
.boomer {
	font-size:28px;
	_font-size:26px;
}
ol {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
ol li {
	margin:0px 0px 10px 0px;
}
/* Spotlight Styles */

.headerSpotlight {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrSpotlight.jpg) no-repeat top left;
}

/* Case Studies Styles */

.headerCaseStudies {
	position:absolute;
	top:11px;
	left:0px;
	width:990px;
	height:73px;
	background:url(images/hdrCaseStudies.jpg) no-repeat top left;
}

/* Contact Styles */


.contactWrapper {
	background-color:#AAC354;
	margin:8px 0px 0px 0px;
	height:368px;
	text-align:left;
	color:#FFF;
	font-size:14px;
}
.contactWrapper img {
	float:right;
	margin:0px 0px 0px 30px;
}
.contactWrapper p {
	margin:8px 0px 0px 0px;
}
.contactWrapper a {
	color:#FFF;
	text-decoration:none;
}
.contactWrapper a:hover {
	color:#FFF;
	text-decoration:underline;
}
.contactWrapper span {
	position:absolute;
	left:70px;
}
.contactWrapper form {
	position:absolute;
	left:24px;
	top:56px;
	font-size:12px;
}
.contactWrapper form p {
	width:280px;
}
.contactWrapper form .formTitle {
	float:left;
	width:80px;
	clear:both;
}
.contactWrapper form .formColumn {
	margin:0px 0px 2px 0px;
	border:1px solid #8F9637;
	font-family:Arial, Helvetica, Sans-Serif;
}
.contactWrapper form textarea {
	border:1px solid #8F9637;
	width:280px;
	height:80px;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	margin:0px;
	padding:0px;
}

.contactWrapper form #button {
	margin:0px 100px;
	padding:2px 10px;;
	border:1px solid #8F9637;
	background-color:#8F9637;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:14px;
}
.contactWrapper form #button:hover {
	background-color:#000;
	color:#FFF;
}
.contactWrapper h2 {
	margin:30px 0px 10px 0px;
	font-family:"Gill Sans", Arial, Helvetica, sans-serif;
	font-weight:lighter;	
	font-size:22px;
}
.textwidget img {
	border:none;
	float:none;
	margin:0px;
}
.contactWrapper form h2 {
	margin:0px;
}
#contactInfo {
	position:absolute;
	left:350px;
	top:56px;
}

.socialwidget {
	position:absolute;
	bottom:-40px;
	right:0px;
}


/* Scroller Styles */

.scrollArea {
	width:640px;
	height:310px;
	position:absolute;
	left:24px;
	top:60px;
	overflow:hidden;
	text-align:left;
}
.scrollarea b {
	font-size:18px;
	font-weight:normal;
}
.scrollAreaServices {
	width:900px;
	height:194px;
	position:absolute;
	left:24px;
	_left:0px;
	top:180px;
	overflow:hidden;
	text-align:left;
}
.scrollAreaServices h3 {
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	margin-bottom:8px;
}
#sliderDiv1 {
	position:absolute;
	left:680px;
	top:60px;
}
#sliderDiv1 img {
	clear:both;
	margin:4px 0px 0px 0px;
}
#divContent_1 p {
	margin-bottom:12px;
}
#divContent_1 p a {
	color:#5F5A6E;
	text-decoration:none;
}
#divContent_1 p a:hover {
	color:#5F5A6E;
	text-decoration:underline;
}

#sliderDiv2 {
	position:absolute;
	left:940px;
	top:180px;
}
#sliderDiv2 img {
	clear:both;
	margin:4px 4px 0px 0px;
}

.scrollAreaNew {
	width:650px;
	_width:670px;
	height:300px;
	position:absolute;
	left:24px;
	top:60px;
	overflow:auto;
	text-align:left;
	padding-right:20px;
}
.scrollAreaNew b {
	font-size:18px;
	font-weight:normal;
}
.scrollAreaNew p {
	margin-bottom:12px;
}
.scrollAreaNew p a {
	color:#5F5A6E;
	text-decoration:none;
}
.scrollAreaNew p a:hover {
	color:#5F5A6E;
	text-decoration:underline;
}
/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform:uppercase;
	text-align:left;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	color:#FFFFFF;
	position: absolute;
	top: 1.1em; margin-top: 8px; /* I'm using ems and px to allow people to zoom their font */
	left: -1px;
	white-space:nowrap;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	margin-top: 0;
	left: 165px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	list-style: none;
	margin-top: 3px;

}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	height:20px;
	margin-top: 0px;
 	_width:200px;
 	background-color:#FFF;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75); /* IE's opacity*/
}
.menulist ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
	font-weight: bold;
	display: block;
	padding: 6px 7px 3px 7px;
	color: #FFFFFF;
	text-decoration: none;
}

.menulist a:hover{
	color:#000;
}

.menulist ul li a {
	color: #000;
	text-decoration: none;
}

.menulist ul li a:hover {
	color: #FFF;
	background-color:#7E884B;
}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus 
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #000000;
}
.menulist a.highlighted {
	color: #000000;

}*/


/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
}
.menulist ul a .subind {
	display: block;
	float: right;

}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}
.menulist ul a {
	float: none;
}
/* \*/
.menulist a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
}

* html .menulist ul li {
	float: left;
	height: 1%;
}
* html .menulist ul a {
	height: 1%;
}
/* End Hacks */