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

html {background: #f0ebdf url(/Content/images/bg_pagebackground.jpg) repeat-x top center;}

@charset "utf-8";
body  {
	font: 100% Arial; margin: 0; padding: 0;  }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

.orange {color:#EC7030; font-weight:bold}

/* L A Y O U T S */
#bodyhome {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
text-align:center; margin:0 auto; padding:0; color:#000000; }
#wrap {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; padding:0; color:#000000;}
#wrap2 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg_footer.gif) no-repeat bottom center; text-align:center; margin:0 auto; color:#000000; }

#container { width:897px; text-align:center; margin:0 auto; } 
#containerb { width:897px; text-align:center; margin:0 auto;  margin-top:-60px; } 
#containerc { width:897px; text-align:center; margin:0 auto;  margin-top:-55px; } 
#containerd { width:897px; text-align:center; margin:0 auto;  margin-top:-25px; } 
#containere { width:897px; text-align:center; margin:0 auto;  margin-top:-60px; } 
#containerf { width:897px; text-align:center; margin:0 auto;  margin-top:-25px; } 

#insideContainer { float:left; background:#fff; width:897px; clear:both; margin-top:-3px;}
/*#insideContainer { float:left; background:#fff; width:897px; clear:both; xborder:1px dotted red} */
#sectionLeft { float:left; width:512px; text-align:left; padding: 22px 25px 25px 27px;  }
#sectionLeft p, #sectionLeft ul { line-height: 1.4em}
#sectionRight { float:right; width:305px; background: #F4F1EA; margin:25px 20px 0 0; text-align:left  }

#homeWhatsNewHeader { padding: 10px 0 5px 10px; clear:both;  } 
.homeWhatsNewContainer {xpadding: 5px 10px; clear:both; border-bottom: 1px solid #DDDAD3; margin: 5px 10px; font-size: 73%; color:#363236 }
.homeWhatsNewDate { color:#84817A; padding: 0 0 5px 0 }
.homeWhatsNewHeadline {margin: 0 0 5px 0; color:#BFAD9F}


.hiddenMenuItems, .skip { display:none}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;

}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.alignRight { text-align:right}

div, span, img, table, tr, td { padding:0; margin:0; border:none}
p, ul { font-size: 80%; color:#6f695b}
li { list-style-image:url(../images/px_bullet.gif)}
.bold { font-weight:bold}
.pink {color:#ec008c;}
a, a:hover, a:link, a:visited { color:#ADA692; text-decoration:underline; cursor:pointer}
h1 { font-size:170%; font-weight: normal; xline-height: 2em; font:Arial, Helvetica, sans-serif, "Trebuchet MS"; padding:0 0 10px 0; margin:0; letter-spacing:0.02em }
h1 span { visibility:hidden}
h2 { font-size:150%; font-weight: normal; line-height: 2.5em; font:Arial, Helvetica, sans-serif, "Trebuchet MS"; xmargin:12px 0; letter-spacing:0.02em; margin:0; padding:0}
h3 { font-size:100%; font-weight: normal; line-height: 2em; font:Arial, Helvetica, sans-serif, "Trebuchet MS"; padding:0; margin:0; }

.hr {border-bottom:1px solid #EFEFEF; float:left; width:600px}


/* H E A D E R */
#logo { float:left; margin:0}
#mediflowLogo { margin: 0 10px 0 0; float:right }

.homepageFlash { position:relative}
#topHeader { xclear:both; xfloat:left; xwidth:100%; xbackground:#FFFFFF url(../images/px_shadowdivide.gif) 98px left repeat-x; xpadding: 0 10px; xwidth:930px;}
#middleHeader { clear:both; float:left}

#bottomHeader { xfloat:left; clear:both; margin: 2px 10px; xbackground:#FFFFFF url(../images/px_shadowdivide.gif) bottom left repeat-x; }
	
#topNavContainer { position:relative; top:412px; left:200px; width:450px; margin: 0 auto;  }


/*  N A V I G A T I O N */	

/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#spritenav, #spritenav ul {
	padding:0;
	margin:0;
	xclear:both;
	float:left;
	width:inherit;
	}
	
#spritenav ul li {	xlist-style:none}	
  	#spritenav li, #spritenav a {
    xheight: 36px; display: block;} 
	
#spritenav ul.drop {
	background:#EDE9DD;
	padding:5px;
	width:inherit;
	clear:both;
	float:left;
	margin-top:36px;
	color:#7B775E;
	}

#spritenav ul.drop li {
    width:inherit;
	clear:both;
	text-align:left;
	padding:5px
	}
	
#spritenav ul.drop a {
	
	color:#7B775E;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	font-size:1.2em
	}

#spritenav ul.drop a:hover { color:#EC7030 }
	
#spritenav a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
	width:100px;
}

#spritenav li {
	float: left;
	/*width: 10em;*/
}

#spritenav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#spritenav li:hover ul {
	left: auto;
}

#spritenav li:hover ul, #spritenav li.sfhover ul {
	left: auto;
}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING	 */
#topNavContainer a.aboutus, #topNavContainer a.products, #topNavContainer a.treatments, #topNavContainer a.whatsnew, #topNavContainer a.contactus {
	float:left;
	background: url(/Content/Images/nav_sprite_orange.gif) no-repeat;
	height:36px;
	text-indent:-999999px;
	}
	
#topNavContainer a.aboutus {	
	background-position:left top;
	width:85px;
	}
	
#topNavContainer a.products {	
	background-position:-85px 0;
	width:75px;
	}

#topNavContainer a.treatments {	
	background-position:-165px 0;
	width:100px;
	}

#topNavContainer a.whatsnew {	
	background-position:-265px 0;
	width:114px;
	}	
	
#topNavContainer a.contactus {	
	background-position:-376px 0;
	width:73px;
	}	
	
#topNavContainer a.aboutus:hover {	
	background-position:left -36px;
	}
	
#topNavContainer a.products:hover {	
	background-position:-85px -36px;
	}

#topNavContainer a.treatments:hover {	
	background-position:-165px -36px;
	}

#topNavContainer a.whatsnew:hover{	
	background-position:-265px -36px;
	}	
	
#topNavContainer a.contactus:hover{	
	background-position:-376px -36px;
	}	
	
	
#topNavContainer a#active1 {	
	background-position:left -64px;
	}
	
#topNavContainer a#active2 {	
	background-position:-113px -64px;
	}

#topNavContainer a.#active3 {	
	background-position:-197px -64px;
	}

#topNavContainer a#active4{	
	background-position:-299px -64px;
	}	
	
#topNavContainer a#active5{	
	background-position:-387px -64px;
	}	
	
#topNavContainer a#active6 {	
	background-position:-468px -64px;
	}
		
/*END NAVIGATION*/


/*#clientslogos { float:left;clear:both; padding:0; margin:0}
.clientslogo, .clientslogo2 { border:1px solid #D0D0D0; width:146px; height:104px; float:left; vertical-align: middle; text-align:center }
.clientslogo2 { margin: 0 8px 0 0}
.clientslogo img, .clientslogo2 img  { vertical-align: middle; text-align:center; }
.clear { clear:both; padding:0 0 15px 0 }*/


/* F O O T E R */
#footer { padding: 25px 0; background: url(/Content/Images/bg_footerbackground.gif) repeat-x; text-align:left; clear:both; color:#ADA692; float:left; width:897px } 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:80%; 
	xcolor:#D2CEC3; 
	color: #ADA692;
}
#footer a, #footer a:hover, #footer a:visited {text-transform:lowercase;}
#footer a { text-decoration:none; padding: 0 10px}
#footer a:hover { text-decoration:underline}

#information { text-align:left}