﻿
/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0; display:none;}


/* GLOBAL RESET
---------------------------------------------------------------------------*/

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, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead{font-family: arial, helvetica, sans-serif; margin: 0; padding: 0; outline: 0; border:0; font-size: 100%; vertical-align: baseline; background: transparent;}


blockquote, q {quotes: none;}
ul{margin-top:0;}
ul li{list-style-type: disc;}


/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

td {vertical-align:top; text-align:left;}

/* GENERAL SELCTORS
---------------------------------------------------------------------------*/

body {line-height: 1; width: 100%; font: 12px arial, helvetica, sans-serif; color: #000; background-color: #fff}

	p {margin: 0 0 15px 0; line-height: 1.35em;}
	
	/* HEADINGS */
	/* h1 {clear: right; float: left; margin: 0 0 10px 10px; width: 660px; padding: 20px; font-size: 22px; font-weight: normal; color: #fff; text-transform: uppercase; background: url(images/h1-bg.png) 0 0 repeat-x;}*/
		h2 {clear: both; margin: 0 0 8px 10px; font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px;}
			h3 {margin: 0 0 4px 0; font-size: 14px; font-weight: bold; line-height: .90em; color: #4e81a0;}
				h4 {margin: 0 0 0 10px; font-size: 14px; font-weight: bold; color: #000;}
				
	/* LINKS */

	a:link {font-weight: bold; color: #64226f; text-decoration: none;}
	a:visited {font-weight: bold; color: #64226f; text-decoration: none;}
	a:hover {color: #64226f; text-decoration: underline;}
	a:active {color: #64226f; text-decoration: none;}


/* LAYOUT
---------------------------------------------------------------------------*/



.breadcrumb{color:#3A45A1;font:11px Arial,Helvetica;font-weight:normal;vertical-align: baseline;}
    a.breadcrumb:link{color:#3A45A1;font:11px Arial,Helvetica;font-weight:normal;text-decoration:none;}
    a.breadcrumb:visited{color:#3A45A1;font-weight:normal;text-decoration:none;}
    a.breadcrumb:active{color:#6D94B9;font-weight:normal;text-decoration:underline;}
    a.breadcrumb:hover{color:#6D94B9;font-weight:normal;text-decoration:underline;}

.more_content{padding-left: 10px; padding-right:10px; width:700px;}

#container {width: 100%; /* background: url(images/12_col.gif) top center repeat-y; */}

	/* HEADER */
	#header {position: relative; padding: 0 10px;}
	
		/* LOGO */
		#logo {float: left; margin: 20px 0 20px 10px; width: 220px; height: 50px;}
			#logo a {display: block; width: 220px; height: 50px; background: url(images/logo.png) top left no-repeat;}
		
		/* UTILITY NAV */
		#utilNavWrap {position: absolute; top: 0; right: 0; padding: 10px 0 20px 20px; width: 240px; list-style-type: none; background-color: #eee; text-align: right;}
			#utilNav {font: arial normal 12px; color: #b989c7; padding-right: 20px;}					
				#utilNav a{text-decoration: none; font-size: 12px; font-weight: normal;}
				#utilNav a:hover {text-decoration: underline;}
		
		/* MAIN NAV */
		#mainNavWrap {width: 100%; background: #2c0f31 url(images/mainnavwrap-bg.png) 0 0 repeat-x;}
			#mainNav {height: 48px; padding: 0 20px 0 0; border-bottom: solid 1px #2b0f30; background: #3a1741 url(images/mainnav-bg.png) 0 0 repeat-x;}
            .mainNavAWM {border-bottom: solid 1px #2b0f30;}
				
	
		.shadow {margin: 0 auto; width: 980px; height: 17px; background: url(images/shadow.png) 0 0 no-repeat;}
				
				/* SEARCH FORM */
				#mainNav #search {float: right; margin: 10px 0 10px 10px;}
					/* #mainNav #search legend {display: none;}
					#mainNav #search input {padding: 5px 10px 7px 25px; border: none; width: 185px; font-size: 12px; color: #777; background: url(images/search-input-bg.png) 0 0 no-repeat;}*/				
                    #dnn_dnnSearch_txtSearch{padding: 5px 10px 7px 25px; border: none; width: 185px; font-size: 12px; color: #777; background: url(images/search-input-bg.png) 0 0 no-repeat;}
	                #dnn_dnnSearch_cmdSearch img{}
	
		
	/* CONTENT */
	#contentWrap {width: 100%; background: url(images/main-bg.png) 0 0 repeat-x;}	
		
		#topContent {margin-bottom: 0; padding: 3px 0 0 0; width: 1000px;}
			
     			/* FEATURED ROTATOR */
		    .FeaturePane {float: left; display:inline; margin-right: 0; padding-left: 6px; width: 740px; height: 260px;}

			/* GATEWAYS NAV */
			#gatewaysNav {float: left; margin-left: 0; padding-top:20px; padding-bottom: 20px; padding-left: 24px; padding-right: 30px; width: 190px; height: 240px; background: url(images/gatewaysnav-bg.png) 0 1px no-repeat;}
				#gatewaysNav h2 {margin: 0 0 10px 0; font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: normal; color: #fff;}
					#gatewaysNav ul {margin: 0; padding:0; border-top: 1px solid #2f5978; border-bottom: 1px solid #5885a1; list-style-type: none;}
						#gatewaysNav li {margin:0; border:0; padding:0; background: url(images/gatewaysnav-arrow.png) 10px 11px no-repeat; list-style-type:none;}
							#gatewaysNav a {display: block; padding: 8px 0 8px 28px; border-top: 1px solid #6396b5; border-bottom: 1px solid #2f5978; color: #fff; text-decoration: none;}
							#gatewaysNav a.last {padding: 8px 0 8px 28px; border-top: 1px solid #6396b5; border-bottom: none;}
							#gatewaysNav a:visited {display: block; padding: 8px 0 8px 28px; border-top: 1px solid #6396b5; border-bottom: 1px solid #2f5978; color: #fff; text-decoration: none;font-weight: bold;}
							#gatewaysNav a:hover {background: url(images/gatewaysnav-hover-bg.png) 0 0 no-repeat;}
						
		#mainContent {padding: 30px 30px 20px 30px; width: 940px; background: url(images/content-bg.png) 0 0 no-repeat;}	
			/* PANES */

        /* Menu side of outer container*/
        .menu_pane{width:220px; padding-right:10px;}
			.menu_pane a:link {font-weight: bold; color: #64226f; text-decoration: none;}
			.menu_pane a:visited {color: #64226F; text-decoration: none;}
			.menu_pane a:hover {color: #64226f; text-decoration: none;}
			.menu_pane a:active {color: #000000; text-decoration: none;}

        /* Right side of outer container*/
        .r_side{padding-left: 10px; padding-right: 10px; width:700px;}

        .content_pane{}
	        .content_pane h2 {margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #000; text-transform: none; letter-spacing: normal;}
	        .content_pane .Qualityblurb {margin: 12px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ddd;}

        .right_pane{padding-left:10px}
        .left_pane{padding-right:10px;}

        /* TITLE */
        .title_pane{width:660px;}
            .title_pane h1 {clear: right; float: left; margin: 10px 0 0 0; width: 660px; padding: 20px; padding-bottom: 30px; font-size: 22px; font-weight: normal; color: #fff; text-transform: uppercase; background: url(images/h1-bg.png) 0 0 repeat-x;}

			/* LEFT COLUMN */
			#leftColumn {}
			
				/* SUB NAV */
				/*.subNav {margin:0px; vertical-align:top; padding-left:10px; padding-right: 10px;} /*This was #subNav */
				    /* #subNav li {border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background: url(../images/subnav-bg.png) 0 0 repeat-x;}
					    #subNav li:hover {border-top: 1px solid #e4b6f1; background: url(../images/subnav-hover-bg.png) 0 0 repeat-x;}
						    #subNav li a {display: block; padding: 10px 0 10px 25px; background: url(../images/subnav-arrow.png) 10px no-repeat; font-weight: bold;}
						    #subNav a:hover {color: #fff; text-decoration: none;} */


			
				.grayGradientBox {margin: 0 0 10px 0; padding: 10px; background: url(images/lt-gray-gradient-bg.png) 0 0 no-repeat; overflow: auto;}
					.grayGradientBox .blurb {margin: 6px 0 0 0;}
						#ceoBlog .blurb {margin: 12px 0 0 0;}
						#news .storySummary {margin: 0 0 10px 0;}
							#news h3 a {color: #4e81a0;}
							#news .blurb {padding: 3px 0 0 0;}
								#news .blurb p {margin: 0;}
					.grayGradientBox .dateStamp {float: left; margin: 0 10px 0 0; width: 30px; text-align: center; padding: 10px 10px 15px 10px; background: #c69835 url(images/datestamp-bg.png) 0 0 no-repeat;}	
						.grayGradientBox .dateStamp .month {clear: both; text-transform: uppercase; color: #000;}
						.grayGradientBox .dateStamp .day {clear: both; font-family: georgia, times, serif; font-size: 22px; font-weight: bold; line-height: .5em; color: #fff;}
					.grayGradientBox h3 a {color: #4e81a0;}	
				
			/* MIDDLE COLUMN */
			#middleColumn {}
				#middleColumn h2 {margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #000; text-transform: none; letter-spacing: normal;}
				#middleColumn #spotlightRotator {margin: 0 0 20px 0; width: 300px; height: 280px; background: url(images/spotlight-rotator.png) 0 0 no-repeat;}
				#middleColumn .wrap {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}
				#middleColumn .last {margin: 0; padding: 0; border: none;}
					#middleColumn .wrap .thumb {float: left; margin: 0 20px 10px 0; border: 5px solid #fff; -webkit-box-shadow: 0 2px 5px #999; -moz-box-shadow: #999 0 2px 5px;}
					#middleColumn .wrap .blurb {padding: 18px 0 0 0;}
						#middleColumn .wrap .blurb h3 a {color: #4e81a0;}
							#middleColumn .wrap p {margin: 0;}
			
			/* CONTENT AREA */
			    .wrap {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}
				    .last {margin: 0; padding: 0; border: none;}
				    .wrap .thumb {float: left; margin: 0 20px 10px 0; border: 5px solid #fff; -webkit-box-shadow: 0 2px 5px #999; -moz-box-shadow: #999 0 2px 5px;}
				    .wrap .blurb {padding: 18px 0 0 0;}
				        .wrap .blurb h3 a {color: #4e81a0;}
				    .wrap p {margin: 0;}
				    
				.imageleft {margin: 0px 0 20px 0; padding: 0px 0 20px 0; border-bottom: 1px solid #ccc;}
					.imageleft .thumb{float: left; margin: 0 20px 10px 0;}
					.imageleft .blurb{padding:7px 0 0 0;}
						.imageleft .blurb h3 a{color: #4e81a0;}
					.imageleft p {margin:0;}
				
		    /* PATIENT STORIES */
				#patientStoryWrap {margin: 0 0 10px 0; padding: 10px; width: 680px; background: url(images/lt-gray-gradient-bg.png) 0 0 repeat-x; overflow: auto;}	
					.patientStory {float: left;	width: 308px;}
					.patientStory:first-child {margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 2px solid #fff;}
						.patientStory .thumb {-webkit-box-shadow: 0 2px 5px #999; -moz-box-shadow: #999 0 2px 5px;}
						.patientStory h2 {clear: none; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #000; text-transform: none; letter-spacing: normal;}
						.patientStory h2 a {color: #305f7c;}
		    
		    /* CONIDTIONS */
				.conditionsWrap {clear: both; padding: 10px 10px 0 10px; background: #305f7c url(images/blue-gradient-bg.png) 0 0 repeat-x; overflow: auto;}	
					.conditionsWrap .thumb {border: 3px solid #fff; width: 44px; height: 44px;}
					.conditionsWrap h3 {color: #fff;}
						.conditionsWrap p {color: #99bbd0;}
							.conditionsWrap .more {color: #fff;}
							
			/* QUICK LINKS */
				#quickLinks {}
					#quickLinks ul {width: 220px; margin: 0; padding:0;} 
					#quickLinks li {border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background: url(images/subnav-bg.png) 0 0 repeat-x; list-style-type: none;}
					#quickLinks li:hover {background: #305f7c url(../images/blue-gradient-bg.png) 0 0 repeat-x;}
						#quickLinks li a {display: block; padding: 10px 0 10px 25px; background: url(images/quicklinks-arrow.png) 10px no-repeat; font-weight: bold; color: #305f7c;}
						#quickLinks li a:hover {color: #fff; text-decoration: none;}	
				
			/* RIGHT COLUMN */
			#rightColumn {}
				.resourceWrap {clear: both; padding: 10px 10px 0px 10px; background: url(images/resourcewrap-bg.png) 0 0 repeat-x; overflow: auto;}
					.resourceWrap .blurb {margin: 6px 0 0 0;}
						.resourceWrap .blurb p {margin: 0 0 8px 0;}
						.resourceWrap h3 a {color: #4e81a0;}
						
			/* FUNCTIONAL AREA */
			#funcArea {float: left; margin: 0 0 20px 0; clear: right;}	
				
				/* BREADCRUMB */
				#breadcrumb {float: left;}
					#breadcrumb li {display: inline; font-size: 12px; color: #000;}
					#breadcrumb span {margin: 0 5px 0 7px;}
						#breadcrumb li a {font-weight: normal; text-decoration: underline;}
						#breadcrumb li a:hover {text-decoration: none;}
						
				/* FUNCTIONAL NAV */
				#funcNav {float: right;}
					#funcNav li {display: inline; float: left; margin: 0 10px 0 0;}
					#funcNav #textSize {position: relative; width: 88px; height: 16px; background: url(images/textsize-btn.png) 0 0 no-repeat;}
						#funcNav a#increase {position: absolute; display: block; top: 0; right: 19px; width: 14px; height: 14px;}
						#funcNav a#decrease {position: absolute; display: block; top: 0; right: 0; width: 14px; height: 14px;}
					#funcNav a#email {display: block; width: 51px; height: 16px; background: url(images/email-btn.png) 0 0 no-repeat;}
					#funcNav a#print {display: block; width: 51px; height: 16px; background: url(images/print-btn.png) 0 0 no-repeat;}
					
  
												
	/* FOOTER */
	#footerWrap {padding: 0 0 30px 0; width: 100%; background-color: #eee;}	
		#footer {clear: both; margin-top: 0px; padding: 20px 0 0 0; background: url(images/shadow.png) 0 0 no-repeat;}
			#footer .linkBox {float: left; margin: 0 20px 0 10px; background: none;}
				#footer .linkBox h4 {margin: 0 0 5px 0; color: #333;}
					#footer .linkBox ul {margin:0; padding:0;}
					#footer .linkBox li {margin: 0 0 5px 0; color: #999; list-style-type: none;}
						#footer .linkBox li a {font-weight: normal; color: #999; text-decoration: underline;}
						#footer .linkBox li a:hover {text-decoration: none;}
	
	/* LOCATIONS */
	#locationWrap {padding: 0 0 20px 0; width: 100%; border-bottom: 1px solid #ccc;}
		#location {clear:both; margin-top: 10px; padding: 0;}
			#location h5{margin: 0 0 5px 0; color: #000000; font-size: 12px;}
			#location .photoBox {float: left; margin: 0; width: 145px;}
				#location .photoBox h6 {margin: 5px 0 0 0; color: #64226f; font-size: 9px; text-transform: uppercase; letter-spacing: .5px;}
			#location .linkBox {float: left; margin: 10px 0 0 0; font-size: 11px;}
				#location .linkBox li {margin: 0 0 5px 0;}
					#location .linkBox li a {font-weight:normal;text-decoration: underline; color:#64226f;}
					#location .linkBox li a:hover{text-decoration:none;}			


/* GENERIC CLASSES
---------------------------------------------------------------------------*/

.hide {display: none;}
.clear {clear: both;}
hr {height: 1px; color: #ccc;}

.box10Pad {margin: 0 0 20px 0; padding: 10px; border: 1px solid #666;}
.box20Pad {margin: 0 0 20px 0; padding: 20px; border: 1px solid #666;}

.thumb {float: left; margin: 0 10px 10px 0; border: 5px solid #fff;}
	
.more {font-size: 12px;}

.leadIn {margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; font-size: 16px; font-style: italic; color: #4e81a0;}

/* Styles for FCKEditor */
.SC_panel{background-color: #cccccc; background-image:none;}
.SC_item{width: 300px; padding: 5px;}

.highlight{ background-color:#FFFFCC ;}
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

