/*
Theme Name: Nursing Home Abuse Laws
Theme URI: http://nursinghomeabuselaws.com/
Version: 1.0
Author: Stem Legal Web Enterprises
Author URI: http://www.stemlegal.com/
*/


/***************************************
RESET CSS
*/

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,
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: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table, table td {
	border-collapse: collapse;
	border-spacing: 0;
	
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/***************************************
PROJECT CSS
*/

body {
	font: normal 13px helvetica, arial, verdana, sans-serif;
	background: url('images/body-bg.gif') 0 0 repeat-x #dae3eb;
	color:#333333;
}

a {
	color: #45637a;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}


h1 {
	font-size: 50px;
	color: #5c5c4f;
	font-weight: bold;
	margin: 0 0 10px;
}

h2 {
	font-size: 25px;
	color: #5c5c4f;
	font-weight: bold;
	margin: 0 0 17px;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px;
}

p {
	padding: 0 0 12px;
	line-height: 20px;
}

blockquote p {
	font-style: italic !important;
	color: #666;
	padding: 0 0 12px 30px;
}

#main-contain {
	width: 986px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 140px;
	
}

	#logo {
		position: absolute;
		width: 244px;
		height: 105px;
		background: url('images/background-sprite.gif') -300px -250px no-repeat;
		text-indent: -99999em;
		overflow: hidden;
		display: block;
		left: 8px;
		top: 13px;
	}
	
		#logo:hover {
			background-position: 0 -250px;
		}
		
	#site-info {
		position: absolute;
		width: 422px; /* 462 - 40px*/
		background: #fbfcfd;
		color: #a79e86;
		border: 1px solid #dfe5ea;
		right: 25px;
		bottom: 20px;
		padding: 10px 20px;
	}
	
		#site-info div {
			float: left;
			width: 300px;
			text-align: right;
			padding: 6px 0 0 0;
			line-height: 18px;
		}
	
		#site-info a {
			color: #7f755c;
			text-decoration: none;
		}
		
			#site-info a:hover {
				text-decoration: underline;
			}
		
		#site-info .contact {
			display: block;
			font-size: 17px;
			color: #45637a;
			padding: 3px 0 0 0;
		}
		
		
		#site-info .strellis-field {
			display: block;
			width: 101px;
			height: 60px;
			background: url('images/background-sprite.gif') -600px -250px no-repeat;
			text-indent: -999999px;
			overflow: hidden;
			float: right;
		}

	#primary-nav {
		background: url('images/background-sprite.gif') 0 0 no-repeat;
		padding: 0 25px;
		height: 46px;
		overflow: hidden;
	}
	
		#primary-nav ul {
			padding: 7px 0 0;
			float: left;
		}
	
		#primary-nav ul li {
			float: left;
		}
	
		#primary-nav ul li a {
			display: block;
			background-image: url('images/background-sprite.gif');
			height: 32px;
			text-indent: -999999em;
			margin: 0 5px 0 0;
			
		}
		
		#primary-nav ul li.nav-home a {
			background-position: 0 -50px;
			width: 80px;
		}
			#primary-nav ul li.nav-home a:hover {background-position: 0 -100px;}
			#primary-nav ul li.nav-home a.current {background-position: 0 -150px;}
		
		#primary-nav ul li.nav-state a {
			width: 115px;
			background-position: -100px -50px;
		}
			#primary-nav ul li.nav-state a:hover {background-position: -100px -100px;}
			#primary-nav ul li.nav-state a.current {background-position: -100px -150px;}
		
		#primary-nav ul li.nav-about a {
			width: 89px;
			background-position: -250px -50px;
		}
			#primary-nav ul li.nav-about a:hover {background-position: -250px -100px;}
			#primary-nav ul li.nav-about a.current {background-position: -250px -150px;}
					
		#primary-nav ul li.nav-contact a {
			width: 106px;
			background-position: -350px -50px;
		}
			#primary-nav ul li.nav-contact a:hover {background-position: -350px -100px;}
			#primary-nav ul li.nav-contact a.current {background-position: -350px -150px;}

		#primary-nav ul li.nav-glossary a {
			width: 115px;
			background-position: -500px -50px;
		}
			#primary-nav ul li.nav-glossary a:hover {background-position: -500px -100px;}
			#primary-nav ul li.nav-glossary a.current {background-position: -500px -150px;}
			
		#primary-nav ul li.nav-injuries a {
			width: 175px;
			background-position: -650px -50px;
		}
			#primary-nav ul li.nav-injuries a:hover {background-position: -650px -100px;}
			#primary-nav ul li.nav-injuries a.current {background-position: -650px -150px;}
		
		
		#primary-nav ul li.nav-books a {
			width: 182px;
			background-position: -850px -50px;
		}
			#primary-nav ul li.nav-books a:hover {background-position: -850px -100px;}
			#primary-nav ul li.nav-books a.current {background-position: -850px -150px;}
	
		
		/*Navigation flyout styles */
		
		#primary-nav ul ul{
			float: left;
			width: 175px;
			background: url('images/flyout-back.gif') left bottom no-repeat transparent;
			padding: 0 0 6px 0;
		}
		

		#primary-nav ul li ul {
			position: absolute;
			left: -999em;
			z-index: 1000;
			height: auto;
			font-weight: normal;
		}

		#primary-nav ul li li {

		}

		#primary-nav ul li ul a {
			text-indent: 0;
			background-image: none;
			height: auto;
			padding: 7px 10px;
			border-bottom: 1px solid #9eaeba;
			width: 155px !important;
			color: #fff;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
		}

		#primary-nav ul li ul ul {
		}

		#primary-nav li:hover ul ul, 
		#primary-nav li:hover ul ul ul, 
		#primary-nav li.sfhover ul ul, 
		#primary-nav li.sfhover ul ul ul {
			left: -999em;
		}

		#primary-nav ul li:hover ul, 
		#primary-nav ul li li:hover ul, 
		#primary-nav ul li li li:hover ul, 
		#primary-nav ul li.sfhover ul, 
		#primary-nav ul li li.sfhover ul, 
		#primary-nav ul li li li.sfhover ul {
			left: auto;
		}

		#primary-nav ul ul li:hover a, 
		#primary-nav ul ul li.sfhover a {
			background: #748b9c;
		}
		
		
		
		
		
		/* search styles */
		
		#primary-nav form {
			display: block;
			float: right;
			padding: 10px 0 0 0;
		}
		
			#primary-nav form input {
				margin: 0 2px 0 0;
				font-family: georgia, 'times new roman', serif;
				color: #333;
				font-size: 13px;
				width: 160px;
				height: 18px;
			}
			
				#primary-nav form input.inactive {
					font-style: italic;
					color: #999;
				}
			
			#primary-nav form button {
				background-color: #45637A;
				border: 0;
				padding: 4px 6px 3px;
				text-transform: uppercase;
				color: #fff;
				font-weight: bold;
				font-family: arial, helvetica, sans-serif;
				font-size: 12px;
			}
		

#content {
	background: #fff;
	padding: 24px 24px 34px;
	border: 1px solid #a3b2be;
	border-top: 0;
	border-bottom: 0;
}



#additional {
	background: #ebe6db;
	padding: 35px 24px;
	border-left: 1px solid #a3b2be;
	border-right: 1px solid #a3b2be;
}

	#additional a:hover {
		background: #DFD6C3;
	}
	
	
/* HOMEPAGE */

#map {
	margin: 0 0 20px;
}
	.map-contain {
		height: 404px; /*-20px top and bottom padding*/
		border: 1px solid #c0cedc;
		background: #dde4e7;
		position: relative;
		padding: 40px 80px 40px;
	}
	
		* html .map-contain {
			padding-right: 0;
		}

	.map-contain .instructions {
		font: normal 17px georgia, 'times new roman', serif;
		color: #72899a;
		width: 450px;
		position: absolute;
		right: 50px;
		bottom: 15px;
		text-align: right;
		line-height: 30px;
	}
	
	#tooltip{
		position: absolute;
		display: none;		
		background: url('images/bubble.png') 0 0 no-repeat;
		width: 236px; /*264px - padding*/
		height: 143px; /*168px - padding*/
		padding: 20px 0 0 30px;
		font-family: georgia, 'times new roman', serif;
		}
		

		#tooltip ul li {
			padding: 0 0 5px 22px;
			color: #333;
			background: url('images/bullets.gif') 0 2px no-repeat;
		}
		
		#tooltip h3 {
			font-family: helvetica, arial, verdana, sans-serif;
			font-size: 19px;
			font-weight: bold;
			padding: 0 0 7px;
			color: #5C5C4F !important;
		}
		
		
#state-list-home ul {
	width: 150px;
	float: left;
	font-family: georgia, 'times new roman', serif;
	margin: 0 8px 0 0;
}
	
	#state-list-home ul.last {
		margin: 0;
		width: 140px;
	}
	
	#state-list-home ul li {
		padding: 0 0 6px 20px;
		background: url('images/bullets.gif') 0 -148px no-repeat;
		
	}
	
		#state-list-home ul li a {
			text-decoration: none;
			color: #333;
			background-color: #fff;
		}
		
		#state-list-home ul li a:hover {
			color: #000;
			background-color: #DAE3EB;
		}
		


.injuries-home {
	width: 140px;
	float: left;
}

	.injuries-home ul {
		padding-top: 7px;
	}

	.injuries-home ul li {
		padding: 0 0 6px 20px;
		background: url('images/bullets.gif') 0 -150px no-repeat;
		font-weight: bold;
	}

	.injuries-home ul li.last {
		margin: 0;
		width: 110px;
	}

		.injuries-home ul li a {
			text-decoration: none;
			color: #333;
		}

		.injuries-home ul li a:hover {
			color: #000;
			background-color: #DAE3EB;
		}

.about-home {
	width: 292px;
	float: left;
	margin: 0 8px 0 0;
}

	.about-home h3,
	.publications-home h3,
	.injuries-home h3 {
		font-family: georgia, 'times new roman', serif;
		font-size: 18px;
		color: #737270;
		padding: 0 0 5px;
	}

	
	.about-home img {
		display: block;
		float: left;
		padding: 6px !important;
		background-color: #fff;
		margin: 2px 7px 4px 0 !important;
	}

.publications-home {
	width: 450px;
	float: left;
	margin: 0 16px 0 0;
	padding: 0 8px 0 16px;
	border-left: 1px solid #e2dbca;
	border-right: 1px solid #e2dbca;
}

	.publications-home .nha-blog {
		width: 217px;
		float: left;
	}

	.publications-home .bs-faq {
		width: 217px;
		float: right;
	}

		.post-item {    
			line-height: 20px;
			padding: 0 0 15px;
		}               
                    
			.post-item .date {
				font-size: 11px;
				line-height: 13px;
				color: #7b888b;
				text-transform: uppercase;
				font-weight: bold;
			}           
                    
			.post-item a {
				font-size: 13px;
				color: #555555;
				font-weight: bold;
				text-decoration: none;
			}           
	


/* SUBPAGE */

#primary-content {
	width: 611px;
	float: left;
	padding: 10px 0 0 0;
}

	/* header green within state nav */
	#state-nav {
		background: #b2c28a;
		padding: 6px 10px 5px;
		color: #f0f5e4;
		font-weight: bold;
		font-size: 12px;
		margin: 0 0 30px;
		border: 1px solid #9FAF78;
	}
		
		#state-nav span {
			text-transform: uppercase;
		}
		
		#state-nav span a {
			text-transform: none;
			color: #fff;
			text-decoration: none !important;
			font-size: 13px;
		}
		
			#state-nav span a:hover {
				text-decoration: underline !important;
			}
		
	
	#primary-content ul {
		padding: 0 0 10px;
		margin: 0 0 0 20px;
	}
	
		#primary-content ul li {
			padding: 0 0 4px 20px;
			line-height: 20px;
			background: url('images/bullets.gif') 0 -146px no-repeat;
		}
		
	#state-information .content-item,
	.glossary-item,
	.commoninjury-item {
		margin: 0 0 30px;
		background: url('images/dotted-green.gif') left bottom repeat-x;
	}
	
		.commoninjury-item {
			padding: 0 0 10px;
		}
		
	#state-information h2,
	.glossary-item h2,
	.resource-category h2 {
		font-size: 20px;
		padding: 0 0 3px;
		float: left;
	}
	
		.commoninjury-item h2,
		.commoninjury-item h2 a {
			text-decoration: none;
			float: none;
			color: #737270;
			font-size: 20px;
			margin: 0;
			padding: 0 0 3px;
		}
	
		#state-information div.top a,
		.glossary-item div.top a,
		.resource-category div.top a {
			display: block;
			color: #aaa;
			float: right;
			text-decoration: none;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
		}
	
	#state-information h3 {
		font-size: 14px;
		color: #45637a;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 0 6px 25px;
	}
		
		#negligence ul,
		#death ul,
		#notice ul {
			margin-left: 25px;
		}
		
		#negligence ul,
		#death ul,
		#notice ul,
		#state-dept ul,
		#state-law ul,
		#blog-post ul {
			padding-bottom: 30px;
		}
		
		#negligence li,
		#death li,
		#notice li,
		#state-dept li,
		#state-law li,
		#blog-post li {
			font-family: georgia, 'times new roman', serif;
			font-size: 14px;
			padding: 0 0 8px 20px;
			line-height: 20px;
			background: url('images/bullets.gif') 0 -150px no-repeat;
		}
		
			#primary-content #negligence ul li,
			#primary-content #death ul li,
			#primary-content #notice ul li { 
				background-position: 0 -298px;
			}
		
			#negligence li a,
			#death li a,
			#notice li a,
			#state-dept li a,
			#state-law li a,
			#blog-post li a {
				color: #333;
			}
		
		#negligence li strong,
		#death li strong,
		#notice li strong {
			font-family: helvetica, arial, verdana, sans-serif;
		}


/* RESOURCE PAGE  */




.resource-category {
	margin: 0 0 30px;
	background: url('images/dotted-green.gif') left bottom repeat-x;
}

.resource-type {
	padding: 0 0 20px;
}

	.resource-type h3 {
		font-size: 14px;
		color: #45637a;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 0 10px;
	}

.resource-items {
	padding: 0 0 5px;
}

.resource-summary {
	background: url('images/dotted-green.gif') left top repeat-x;
	margin: 3px 0 0;
	padding: 15px 0 0;
}

.resource-more {
	text-decoration: none;
	color: #45637a !important;
}

	.resource-more:hover {
		text-decoration: underline;
	}

.book-item {
	line-height: 1.5em;
	padding: 0 0 15px 55px;
	font-size: 14px;
	font-family: georgia, 'times new roman', serif;
	background: url('images/book.png') 30px 2px no-repeat
}

	.book-item a {
		color: #333;
	}

	.book-item strong {
		font-family: helvetica, arial, verdana, sans-serif;
	}
	
		.book-item strong a {
			text-decoration: none;
		}
		
		.book-item strong a:hover {
			text-decoration: underline;
		}
		
	.book-item .resource-authors {
		font-family: helvetica, arial, verdana, sans-serif;
		font-size: 13px;
	}

	.book-item p {
		display: inline;
	}
	
	
.journal-item {
	line-height: 1.5em;
	padding: 0 0 15px 55px;
	font-size: 14px;
	font-family: georgia, 'times new roman', serif;
	background: url('images/report.png') 30px 2px no-repeat
}

	.journal-item a {
		color: #333;
	}
	.journal-item strong {
		font-family: helvetica, arial, verdana, sans-serif;
	}

		.journal-item strong a {
			text-decoration: none;
		}

		.journal-item strong a:hover {
			text-decoration: underline;
		}


/* Resource - Journal - single page */		
		
#resource-information dt {
	display: block;
	color: #45637a;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 5px;
	font-size: 14px;
}

#resource-information dd {
	display: block;
	font-size: 14px;
	font-family: georgia, 'times new roman', serif;
	padding: 0 0 10px;
}

.view-study {
	padding: 2px 0 2px 20px;
	background: url('images/report.png') 0 3px no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	float: right;
	font-weight: bold;
}

/* CONTACT PAGE FORM */

.contact-page-contain form {
	display: block;
	border-top: 1px solid #ddd;
	padding: 30px 0 0;
	margin: 30px 0 0;
}

.contact-page-contain .formset {
	padding: 0 0 10px;
}

.contact-page-contain .formset label {
	display: block;
	float: left;
	width: 120px;
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
	font-weight: bold;
	padding: 3px 0 0;
}

	.contact-page-contain .formset label em {
		font-size: 11px;
		text-transform: lowercase;
		color: #777;
		font-weight: normal;
	}

.contact-page-contain .formset input {
	display: block;
	float: left;
	width: 200px;
}

.contact-page-contain .formset textarea {
	display: block;
	float: left;
	width: 400px;
}

.contact-page-contain .submit-button {
	width: 520px;
	text-align: right;
}

	.contact-page-contain .submit-button input {
		padding: 0;
		margin: 0;
	}


/* SEARCH RESULTS */

.search-result-item {
	padding: 0 0 20px;
	margin: 0 0 30px;
	border-bottom: 1px solid #EBE6DB;
}

.search-results-box {
	background: #FBFCFD;
	border: 1px solid #DFE5EA;
	padding: 20px;
}
	
	.search-results-box form input {
		margin: 0;
		font-family: georgia, 'times new roman', serif;
		color: #333;
		font-size: 13px;
		width: 200px;
	}
		
		.search-results-box form input.inactive {
			font-style: italic;
			color: #999;
		}
		
		#primary-nav form button {
			background-color: #45637A;
			border: 0;
			padding: 4px 6px 3px;
			text-transform: uppercase;
			color: #fff;
			font-weight: bold;
			font-family: arial, helvetica, sans-serif;
			font-size: 12px;
		}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




/* SIDEBAR CONTENT */

#secondary-content {
	width: 300px;
	float: right;
	padding: 0 0 20px;
	font-size: 12px;
}

	#secondary-content h3 {
		font-size: 14px;
		color: #555;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 0 8px;
	}
	
	#secondary-content .content-item {
		background: #EEF2F5;
		border: 1px solid #c0cedc;
		padding: 22px;
		margin: 0 0 10px;
	}
	
	/* sidebar disclaimer box */
	#secondary-content  .disclaimer {
		background: #f3ebb5;
		border: 1px solid #d1c889;
		color: #666;
		padding: 12px 22px;
		font-size: 11px;
	}
		#secondary-content .disclaimer p,
		#secondary-content .disclaimer h3 {
			font-size: 11px;
			display: inline;
			line-height: 18px;
		}
	
	/* sidebar resource box */
	
	#secondary-content .resources ul {
		padding: 3px 0 0;
	}
	
	#secondary-content .resources ul li a {
		display: block;
		padding: 2px 0 10px 23px;
		text-decoration: none;
		color: #555;
	}
	
		.book-link a {
	        background: url('images/book.png') 4px 0 no-repeat;
		}
	
		.journal-link a {
	        background: url('images/report.png') 3px 0 no-repeat;
		}
		
	
	/* sidebar about box */
	.about {
	}
	
	.about img {
		display: block;
		float: right;
		padding: 8px;
		background-color: #fff;
		margin: 6px 0 4px 7px;		
	}
	
	/* sidebar state list */
	.state-list ul.states-left {
		width: 125px;
		float: left;
	}
	
	.state-list ul.states-right {
		width: 110px;
		float: right;
	}
	
	.state-list ul li {
		padding-left: 16px;
		padding-bottom: 8px;
		background: url('images/bullets.gif') 0 1px no-repeat;
	}
	
	.state-list ul li a {
		color: #555;
		text-decoration: none;
		
	}
	
		.state-list ul li.current_page_item a {
			font-weight: bold;
			text-decoration: underline;
		}
		
		.state-list ul li a:hover {
			color: #000;
			background-color: #DAE3EB;
		}



#additional.subpage .nha-blog,
#additional.subpage .bs-faq,
#additional.subpage .strellis-news,
#additional.subpage .injuries {
	width: 300px;
	float: left;
	margin: 0 12px 0 0;
}


	#additional.subpage .strellis-news,
	#additional.subpage .injuries  {
		margin: 0;
		float: right;
	}
	
	#additional.subpage h4 {
		font-family: georgia, 'times new roman', serif;
		font-size: 20px;
		color: #737270;
		padding: 0;
		line-height: 1;
		font-weight: normal;
	}
	
	.bs-faq .question {
		font-weight: bold;
		line-height: 20px;
	}
	
		.bs-faq .question span {
			color: #84975c;
		}
		
		.bs-faq .question {
			text-decoration: none;
			color: #737270;
		}

.injuries ul {
	padding-top: 7px;
}

.injuries ul li {
	padding: 0 0 6px 20px;
	background: url('images/bullets.gif') 0 -150px no-repeat;
	font-weight: bold;
}

.injuries ul li.last {
	margin: 0;
	width: 110px;
}

	.injuries ul li a {
		text-decoration: none;
		color: #333;
	}

	.injuries ul li a:hover {
		color: #000;
		background-color: #DAE3EB;
	}
	

#footer {
	padding: 30px 24px;
	background-color: #6a6a5e;
	border-left: 1px solid #a3b2be;
	border-right: 1px solid #a3b2be;
	font-family: georgia, 'times new roman', serif

}

	#footer a {
		color: #fff;
	}
	
	#footer-primary {
		color: #d3d3cf;
		width: 611px;
		float: left;
	}
	
		#footer-primary ul li {
			float: left;
			font-family: helvetica, arial, sans-serif;
			padding: 0 0 13px;
			white-space: nowrap;
		}
		
			#footer-primary ul li.break {
				clear: left;
			}
			
			#footer-primary ul li a {
				padding: 0 25px 0 0;
				text-decoration: none;
			}
	
		#footer-primary p {
			clear: both;
			font-size: 11px;
			padding: 5px 0 10px;
			line-height: 16px;
		}
	
	#footer-secondary {
		color: #d3d3cf;
		width: 300px;
		float: right;
	}
	
		#footer-secondary h4 {
			font-family: helvetica, arial, sans-serif;
		}
			#footer-secondary h4 span {
				font-size: 12px;
				text-transform: uppercase;
			}
	
		#footer-secondary address {
			padding: 0 0 10px;
			font-size: 11px;
			line-height: 16px;
		}
		

#copyright {
	padding: 9px 24px 8px;
	background: #5c5c4f;
	font-size: 11px;
	color: #aba797;
	border-left: 1px solid #a3b2be;
	border-right: 1px solid #a3b2be;
}

	#copyright a {
		color: #d3d3cf;
	}
	
		#copyright a:hover {
			text-decoration: none;
		}

/***************************************
CSS HACKS
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */