/* CSS Document */

body{
background-color:#9caeba;
}

#container{
width:900px;
height:auto;
margin-left:60px;
margin-top:28px;
background-image:url(images/side_gradient.jpg);
background-repeat:repeat-x;
background-color:#fbda1b;
position:relative;
float:left;
}

#topcontent{
height:368px;
width:892px;
margin-left:4px;
margin-right:4px;
background-color:#9caeba;
position:relative;
display:block;
}

#header{
height:70px;
width:892px;
position:relative;
background-color:#ffffff;
}

#logo{
height:70px;
width:130px;
margin-left:auto;
margin-right:auto;
position:relative;
border:none;
text-decoration:none;
}

#logohome{
height:70px;
width:130px;
margin-left:auto;
margin-right:auto;
position:relative;
background-image:url(images/ingroup_logohome.jpg);
}

#imagearea{
height:294px;
width:892px;
position:relative;
}

#imageareagreen{
height:294px;
width:892px;
position:relative;
background-color:#8bafa3;
}

#imageareablue{
height:294px;
width:892px;
position:relative;
background-color:#559cbe;
}

#middlearea{
width:892px;
height:45px;
position:relative;
float:left;
}

#tagline{
width:400px;
height:45px;
background-image:url(images/tagline.png);
background-repeat:no-repeat;
position:relative;
float:left
}

#subbox{
width:230px;
height:30px;
border-bottom:2px solid #fbda1b;
position:relative;
float:right;
}

#loginbox{
width:100px;
height:28px;
position:relative;
float:right;
}

.login{
width:80px;
height:28px;
background-image:url(images/client_login.png);
background-repeat:no-repeat;
position:relative;
float:left;
padding-bottom:2px;
}

.login:hover{
background-image:url(images/client_login.png);
background-repeat:no-repeat;
padding:0px;
border-bottom:2px solid #fbda1b;
}

#inteambox{
width:130px;
height:28px;
position:relative;
float:right;
}

.inteam{
width:80px;
height:28px;
background-image:url(images/yourinteam.png);
background-repeat:no-repeat;
padding-bottom:2px;
position:relative;
float:left;
}

.inteam:hover{
background-image:url(images/yourinteam.png);
background-repeat:no-repeat;
padding:0px;
border-bottom:2px solid #fbda1b;
}


#divider{
height:4px;
width:892px;
background-image:url(images/maindivider.jpg);
position:relative;
float:left;
font-size:4px;
}

#dividergreen{
height:4px;
width:892px;
background-image:url(images/maindividergreen.jpg);
position:relative;
float:left;
font-size:4px;
}

#dividerblue{
height:4px;
width:892px;
background-image:url(images/maindividerblue.jpg);
position:relative;
float:left;
font-size:4px;
}

#bottomcontent{
height:auto;
width:892px;
margin-left:4px;
margin-right:4px;
padding-top:0px; 
padding-bottom:10px;
position:relative;
float:inherit;
background-image:url(images/gradient_blue.jpg);
}

#bottomcontentgreen{
height:auto;
width:892px;
margin-left:4px;
margin-right:4px;
padding-top:0px; 
padding-bottom:10px;
position:relative;
float:inherit;
background-image:url(images/gradient_green.jpg);
}

#bottomcontentblue{
height:auto;
width:892px;
margin-left:4px;
margin-right:4px;
padding-top:0px; 
padding-bottom:10px;
position:relative;
float:inherit;
background-image:url(images/gradient_brightblue.jpg);
}

#bottomleft{
width:320px;
height:auto;
position:relative;
float:left;
}

#leftbracket{
width:31px;
height:263px;
background-image:url(images/leftnavbracket.png);
position:relative;
float:left;
}



/* navigation box */

#mainnavbox{
width:281px;
position:relative;
float:left;
border-left:4px #fbda1b solid;
}

.navyellow{
width:281px;
height:4px;
position:relative;
float:left;
background-image:url(images/navyellow.jpg);
background-repeat:no-repeat;
font-size:4px;
margin-bottom:3px;
}

.navyellowb{
width:281px;
height:4px;
position:relative;
float:left;
background-image:url(images/navyellow.jpg);
background-repeat:no-repeat;
font-size:4px;
margin-top:3px;
}


/* Navigation */

#navigation{
width:281px;
position:relative;
float:left;
}

.home{
height:26px;
width:76px;
display:block;
border-right:80px solid transparent;
position:relative;
float:left;
background-image:url(images/home.png);
padding-bottom:4px;
}

.home:hover{
background-image:url(images/home.png);
border-bottom: 4px solid #fbda1b;
padding:0px;
}

.homeactive{
background-image:url(images/home_over.png);
background-repeat:no-repeat;
position:relative;
float:left;
display:block;
height:26px;
width:76px;
border-right:80px solid transparent;
}

.services{
height:26px;
width:113px;
display:block;
border:none;
position:relative;
float:left;
margin-right:80px;
padding-bottom:4px;
background-image:url(images/services.png);
}

.services:hover{
background-image:url(images/services.png);
padding:0px;
border-bottom:4px solid #fbda1b;
}

.servicesactive{
background-image:url(images/services_over.png);
background-repeat:no-repeat;
position:relative;
float:left;
display:block;
height:26px;
width:113px;
padding-bottom:4px;
}

.wellness{
height:26px;
width:210px;
position:relative;
display:block;
float:left;
border:none;
background-image:url(images/wellness.png);
padding-bottom:4px;
}

.wellness:hover{
background-image:url(images/wellness.png);
border-bottom:4px #fbda1b solid;
padding-bottom:0px;
}

.wellnessactive{
height:26px;
width:210px;
position:relative;
display:block;
float:left;
border:none;
background-image:url(images/wellness_over.png);
padding-bottom:4px;
}

.community{
height:26px;
width:207px;
display:block;
position:relative;
float:left;

background-image:url(images/clientcomm.png);
padding-bottom:4px;
}

.community:hover{
background-image:url(images/clientcomm.png);
padding-bottom:0;
border-bottom: 4px #fbda1b solid;
}

.communityactive{
height:26px;
width:207px;
display:block;
position:relative;
float:left;
background-image:url(images/clientcomm_over.png);
padding-bottom:4px;
}

.testimonials{
height:26px;
width:158px;
position:relative;
float:left;
border:none;
display:block;
padding-bottom:4px;
background-image:url(images/testimonials.png);
}


.testimonials:hover{
background-image:url(images/testimonials.png);
padding:0px;
border-bottom:4px solid #fbda1b;
}

.testimonialsactive{
height:26px;
width:158px;
position:relative;
float:left;
border:none;
display:block;
padding-bottom:4px;
background-image:url(images/testimonials_over.png);
}

.contact{
height:26px;
width:137px;
position:relative;
display:block;
float:left;
border:none;
background-image:url(images/contact.png);
padding-bottom:4px;
}

.contact:hover{
background-image:url(images/contact.png);
padding:0px;
border-bottom:4px solid #fbda1b;
}

.contactactive{
height:26px;
width:137px;
position:relative;
display:block;
float:left;
border:none;
background-image:url(images/contact_over.png);
padding-bottom:4px;
}

.Mainnav {
	display: block;
	height: 28px;
	width: 281px;
	line-height: 27px;
	padding-left: 27px;
	color:#FFFF33;
	text-decoration: none;
}

.Mainnav:hover {
	color: #dfdfdf;
	background-image: url(Button_Group.jpg);
	text-decoration: underline;
}

.Option {
	display: block;
	height: 16px;
	width: 245px;
	padding-left: 27px;
	color:#48494b;
	text-decoration: none;
	font-family:Helvetica;
	font-size:12px;
	font-style:italic;
}

.Optionactive {
	display: block;
	height: 16px;
	width: 245px;
	padding-left: 27px;
	color:#fbda1b;
	text-decoration: none;
	font-family:Helvetica;
	font-size:12px;
	font-style:italic;
}

.Option:hover {
	color:#fbda1b;
	text-decoration: underline;
}

.show {
	display:inline;
	float:left;
	position:relative;
}

.hide {
	display:none;
}

/* end navigation  */

#bottomyellow{
width:900px;
height:4px;
font-size:4px;
background-color:#fbda1b;
position:relative;
float:left;
display:block;
}

#footer{
width:900px;
height:24px;
padding-top:10px;
background-color:#9caeba;
position:relative;
float:left;
}

.footertext{
font-family:Myriad, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#48494b;
}

#copyholder{
width:525px;
height:auto;
position:relative;
float:left;
display:block;
padding-top:7px;
text-align:left;
}

.bodycopy{
font-family:Myriad, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#48494b;

}

.bodycopy a{
color:#48494b;
}

.bodycopy a:hover{
color:#fbda1b;
}

.headline{
font-family:Myriad, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#48494b;
}

.headlinein{
font-family:Myriad, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#a33b43;
}

img.floatLeft { 
    float: left; 
    margin-right:10px;
	margin-bottom:10px; 
}