/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.biosathome.com/
   TEMPLATE NAME:  Bios At home
   DATE:           Aug-20th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #ebe5cf url("/images/bg.gif") repeat-x;
} 

.sub { 
background: #ebe5cf url("/images/subbg.gif") repeat-x;
} 

h4 {
font: bold 10pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #48527a;
line-height: 22px;
background: url(/images/iconchecktwo.gif) no-repeat;
padding-left: 20px;
}

h4 {
font-weight: bold;
}

.caregiverbiolargeimage
{
	float:right;
	
}
/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #4e4e4e;
line-height: 22px;
}
  
#input {
margin: 0px;
}


.form {
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;
border: none;
height: 37px;
padding-top: 10px;
width: 280px;
}

ul, li, input, #input, .form, #form, TextBox, #name, #email {
background-color: transparent
	
}



#input ul {
margin:0;
padding:0;
list-style-type:none;
background: url('/images/formbgleft.gif') no-repeat top left;
padding: 0px 0px 0px 7px;
width: 300px;
}

#input li {
background: #48527a url('/images/form_end.gif') no-repeat center right;
}


textarea {
width: 275px;
height: 172px;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: white;
border: none;
background-color: transparent;
padding: 6px 0px 0px;
margin-bottom: 20px;
line-height: 20px;
overflow: auto;
}

#textarea  ul {
margin:0;
padding:0;
list-style-type:none;
background: url('/images/textareaend.gif') no-repeat top left;
padding: 0px 0px 0px 7px;
width: 300px;

}

#textarea li {
background: #48527a url('/images/textareabg.gif') no-repeat top right;
}
 
.button {
width: 6em;
height: 40px;
font: bold 12pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #48527a;
padding: 4px 5px;
border: 1px solid #48527a;
cursor:pointer
}

/* --------------HEADER------------- */

#header {
height: 139px;
}

#header .phone {
float: right;
background: url(/images/headcall.gif) no-repeat;
width: 269px;
height: 121px;
margin: 10px 11px 0px 0px
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap {
height: 121px;
width: 240px;
}

.logolink {
float: left;
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
margin-top: 8px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------------------------------------------------------- */

.suckertreemenu { height: 36px; width: 960px;}
.suckertreemenu img { border: none;}


.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
text-decoration: none;
margin-right: 29px;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: -6px;
border-bottom: 1px solid white;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
font: 9px Tahoma, Arial, Verdana, Sans-serif;
width: 120px; /*width of sub menu levels*/
color: #48527a;
text-decoration: none;
padding: 8px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
background-color: #ebe5cf;
top: -12em;
}

.suckertreemenu ul li a:hover { color: #fff;}
.suckertreemenu ul li ul li a:hover{ background-color: #b7a779; text-decoration:underline}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* --------------MISSION------------- */

#mission {
height: 241px;
width: 960px;
background: url(/images/rtrbg.jpg) no-repeat top right;
margin-top: -1px;
}

@media all and (min-width: 0px){    #mission {margin-top: 3px;}}


#mission .container { float: left; padding: 24px 30px 0px 0px; width: 570px;}
#mission h1 { background: url(/images/missionhead.gif); height: 67px; width: 379px;}

#mission p {
font: 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: white;
line-height: 22px;
padding: 8px;
}

#mission .rtr {
float: right;
width: 336px;
height: 179px;
margin: 24px 24px 0px 0px;
}

#homeflash{
	margin-top: 5px;
}

/* --------------SUBPAGEHEADERS------------- */

#subhead {
height: 96px;
background: url(/images/subhead_bg.gif) no-repeat top right;
}

#subhead .container {
width: 438px;
height: 96px;
background: url(/images/subhead_flourish.gif) no-repeat;
margin-top: -4px;
}

@media all and (min-width: 0px){    #subhead .container{margin-top: 0px;}}


#subhead h1 {
font: 24pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: white;
padding: 30px 0px 0px 45px;
}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main { min-height: 100%; height: auto !important; height: 100%; }

#main .content {
padding: 0px;
margin: 0px;
margin-left: 280px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
padding: 22px 20px 28px 27px;
}

#main .content h5 {
font: 18pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #4e4e4e;
text-decoration:none
}

#main p, #main li {
font: 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #4e4e4e;
line-height: 22px;
}

#main a { font: bold 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif; color: #48527a; line-height: 22px;}
#main a:hover { font-weight: bold;}
#main ul.list { padding: 10px 0px 0px 30px;}

/* --------------HEADINGS------------- */


#main .heading {
padding-bottom: 10px;
}

#main .heading .help {
background: url(/images/heading_heretohelp.gif) no-repeat;
height: 26px;
width: 499px;
}

#main .heading .help {
background: url(/images/head_outstanding.gif) no-repeat;
}

/* --------------LEFTSIDE------------- */
#main .leftside {float:left; margin-top: 22px; margin-bottom: 22px;}
#main .leftside img { border: none;}

/* --------------NEWSLETTER------------- */
#main .newsletter {
width: 251px;
margin-top: 0px;
background: #48527a url(/images/newsletterbg.jpg) no-repeat bottom;
height: auto;
min-height: 215px;
height: auto;
}

#main .newsletter .holder { padding: 11px;}
#main .newsletter .head { width: 181px; height: 37px; background: url(/images/newsletterhead.gif) no-repeat;}
#main .newsletter ul { margin: 16px 10px 5px 10px; padding: 0px;}
#main .newsletter ul li { list-style-type: none; }

#main .newsletter ul li a { 
color: white; 
font: 12px 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif; 
line-height: 200%; 
background: url(/images/icon_newsarrw.gif) no-repeat center left;
padding-left: 20px
}

#main .newsletter ul li a:hover { color: #ebe5cf;}


/* --------------SERVICES BULLETS------------- */

#services {
padding: 10px 0px 0px 20px;
margin: 0px;
}

#services li {
display: block;
background: url(/images/bullet_arrow.gif) no-repeat;
padding: 0px 0px 10px 20px;
list-style-type: none;
}

#services li a {
font: 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
text-decoration: none
}

#services li a:hover {
text-decoration: underline;
}


/* --------------JOBS------------- */

#jobs {
background-color: white;
padding: 4px;
margin-bottom: 20px;
}

#jobs .resbutton {
border: none;
padding-bottom: 10px;
padding-left: 15px;
}

#jobs .head, #news .head {
background: url(/images/jobbg.gif) repeat-x;
height: 56px;
}

#jobs .head .clip {
position: absolute;
background: url(/images/jobsclip.gif) no-repeat;
height: 56px;
width: 36px;
margin-top: -10px;
margin-left: -4px;
}


#jobs .head h1 {
font: 28pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
letter-spacing: -2px;
color: #48527a 
;
padding: 0px 20px 0px 30px;
}


* html #jobs p, #news p { /* IE 3px jog hack*/
height: 1%;
}

#jobs p{
padding: 0px 30px 20px 33px;
}

/* --------------NEWS------------- */

#news {
background-color: white;
padding: 4px;
margin-bottom: 28px;
}

#news .head .date {
position: absolute;
background: url(/images/newsdate.gif) no-repeat;
height: 60px;
width: 57px;
margin-top: -20px;
margin-left: -4px;
}

#news .head .date p {
margin-left: -19px;
padding-top: 2px;
font: bold 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #48527a 
;
}

#news .head .date h3 {
font: bold 20pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
padding-left: 14px;
margin-top: -6px;
letter-spacing: -4px;
color: #48527a 
;
}


#news .head h1 {
font: 20pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
letter-spacing: -2px;
color: #48527a 
;
padding: 0px 20px 0px 58px;
}

#news p{
padding: 0px 30px 20px 33px;
}

#news .line {
width: 96%;
border: none;
border-bottom: 1px solid #c4e6f5;
height: 0px;
margin-bottom: 10px;
margin-left: 10px;
}

#news h2 {
font: bold 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
color: #48527a 
;
padding: 0px 30px 8px 10px;
}


/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background-color: white;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
height: 140px;
}

#footer img {
border: none
}

/* --------------FOOTER LINKS------------- */

#footer .holder {
padding: 25px 0px 30px 0px;
}

#footer p {
color: #8b7e57;
font: 12pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
padding-left: 5px;
}

#footer .rights {
float: left;
width: 370px;
}

#footer .rights a, #footer .email a {
color: #8b7e57;
}

#footer .site a {
text-decoration: none;
color: #8b7e57;
}


#footer .email {
float: left;
width: 300px;
}


#footer .site{
float: right;
margin-right: 8px;
}


#footer .rights h1{
background: url(/images/foot_rights.gif) no-repeat;
width: 120px;
height: 36px;
}

#footer .email h1{
background: url(/images/foot_email.gif) no-repeat;
width: 141px;
height: 36px;
}

#footer .site h1{
background: url(/images/foot_site.gif) no-repeat;
width: 139px;
height: 36px;
}

#footer .site ul {
margin: 0px;
padding-left:6px;
}

#footer .site li {
display: inline;
}

/* --------------FLOATING UNITIP------------- */

#unitip {
position: absolute;
z-index: 1000;
top: -1000px;
color: #fff;
font: 14pt 'Trebuchet MS', Arial, Helvetica, Tahoma, Sans-Serif;
display: none;
}

#unitippoint, #unitipmid, #unitipcap {
position: relative;
top: 0px; 
left: 0px;
width: 145px;
display: block;
}
	
#unitippoint { 
background: url(/images/TipPoint.png) no-repeat; 
height: 19px; 
overflow: hidden; 
}
	
#unitipmid { 
background: url(/images/TipMid.png) repeat; 
width: 115px;
height: auto; 
padding: 5px 15px;
}
	
#unitipcap { 
background: url(/images/TipCap.png) no-repeat; 
height: 7px; 
overflow: hidden; 
}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }