/* ----------------------------------------------------------
  FAMILIES USA CSS
  Managed by: Murali
  Last Update: July 2008

  TABLE OF CONTENT

  01 - GLOBAL BROWSER RESET
  02 - COMMON STYLE
  03 - STRUCTURE
  04 - UTILITY
---------------------------------------------------------- */

/* @group 01 - GLOBAL BROWSER RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

iframe { border: 0;}

/* @end */


/* @group 02 - COMMON STYLE */

body {
	background-color: #F9F9F9;
	font: 62.5% Arial, Helvetica, Geneva, sans-serif;
}

h1 { font: 2.2em/1.25em Arial, sans-serif; color: #3292ad; text-transform: uppercase; margin-bottom: 1.5em;}
h2 { font: 1.2em/1.25em Arial, sans-serif; color: #3292ad; text-transform: uppercase; margin-top: 2.25em; font-weight: bold; }

.onecol p, .interior p { font: 1.2em/1.5em Arial, sans-serif; color: #3a2602; margin: 1.5em 0;}

.onecol a, .interior a { color: #0276b1;}

.onecol ul, .interior ul { font: 1.2em/1.5em Arial, sans-serif; color: #3a2602; margin: 1em 4.5em; list-style-type: disc;}
.onecol ol, .interior ol { font: 1.2em/1.5em Arial, sans-serif; color: #3a2602; margin: 1em 4.5em; list-style-type: decimal;}

.onecol blockquote, .interior blockquote p{ 
	font: 1.2em/1.5em Arial, sans-serif; color: #3a2602; 
	border-left: 3px solid #3292ad; 
	margin: 1em 3.5em; padding-left: 5px;
}

/* @end */

/* @group 03 - STRUCTURE */

#container {
	width: 960px; 
	margin: 0 auto; 
	border-left: 10px solid #eaeaea;
	border-right: 10px solid #eaeaea;
}

#header { background: url(/page/-/images/header.jpg) no-repeat; height: 138px; }
	#header a { display: block; width: 960px; height: 138px;}
	#header span { display: none;}

#navigation { background: url(/page/-/images/navigation.png) no-repeat; height: 42px; float: left;}
	#navigation li { display: inline; text-indent: -9999px;}
		#navigation li a { display: block; float: left; height: 42px;}		
		li#about-nav a { width: 110px; }
		li#action-nav a { width: 130px; }		
		li#facts-nav a { width: 90px; }
		li#blog-nav a { width: 70px; }
		li#donate-nav a { width: 116px; }
		
		li#about-nav a:hover { background: url(/page/-/images/navigation.png) 0 42px;}
		li#action-nav a:hover { background: url(/page/-/images/navigation.png) -110px 42px;}
		li#facts-nav a:hover { background: url(/page/-/images/navigation.png) -240px 42px;}
		li#blog-nav a:hover { background: url(/page/-/images/navigation.png) -330px 42px;}
		li#donate-nav a:hover { background: url(/page/-/images/navigation.png) -400px 42px;}

#getinvolved { 
	background: url(/page/-/images/bg-getinvolved.png) no-repeat; 
	width: 444px; height: 42px; float: left;
}
	#getinvolved .email, #getinvolved .zip { 
		height: 15px; margin: 8px 5px 8px 0; padding: 2px; vertical-align: middle;
		font: 11px Verdana, Arial, sans-serif; color: #999;
	}
	#getinvolved .email { width: 145px; margin-left: 145px;}
	#getinvolved .zip { width: 55px; }
	#getinvolved .submit { vertical-align: middle;}
	
#footer { 
	background: url(/page/-/images/bg-footer.jpg) repeat-x; height: 14px; 
	font-size: 1.2em; color: #fff;
	letter-spacing: .1em;
	padding: 10px 0 10px 152px;
	text-align: left;
}

	#footer a { color: #fff;}

#footer .searchbox { width: 250px; float: right; }
	#footer .searchbox input{ vertical-align: middle; }

.searchbox {
	margin-top: -20px;
	margin-right: 30px;
}

.onecol  { width: 910px; margin: 25px; }

/* HOMEPAGE STRUCTURE */

#content-top #feature #featuretopLeft {
	width: 362px;
	height: 300px;
	float: left;
}

#content-top #feature #featuretopMid {
	width: 553px;
	height: 300px;
	float: left;
	margin: 7px 0 0 20px;

}

#signpetition {
	background-color: #efefef;
	float: left;
	width: 528px;
	height: 77px;
	padding: 10px;
	color: #8b8b8b;
	border: 1px solid #a6a6a6;
}

#signpetition fieldset input.first.text{
	width: 130px;
	height: 15px;
	padding: 5px;
	margin: 5px;
	color: #8b8b8b;

}

#signpetition fieldset input.last.text{
	width: 221px;
	height: 15px;
	padding: 5px;
	margin: 5px;
	color: #8b8b8b;

}


#signpetition fieldset input.zip.text {
	width: 111px;
	height: 15px;
	padding: 5px;
	margin: 5px;
	color: #8b8b8b;

}

#signpetition fieldset input.email.text {
	width: 239px;
	height: 15px;
	padding: 5px;
	margin: 5px;
	color: #8b8b8b;

}

#signpetition fieldset input.submit.buttonImage {
	width: 116px;
	height: 42px;
       margin-top: 4px;
}


#content-top #feature #featuretopMid .actionbtn {
	margin-left: 60px;
}

#content-top { background-color: #fff; border-bottom: 10px solid #5746ab; }

#content-top #feature { float: left; margin: 15px 0px 15px 10px; display: inline; width: 945px;
	height: 300px;
}

#content-top #featuredaction {
	background: url(/page/-/images/bg-featuredaction.png) no-repeat; 
	width: 365px; height: 304px;
	float: left;
	margin: 10px 0px 10px 10px;	
	display: inline;
}
#content-top #feature-bottom { width: 470px; margin: 15px auto;}

#content-bottom #blog { width: 565px; float: left; background-color: #e7e7e7; }
#content-bottom #sidebar { 
	background: url(/page/-/images/bg-side-index.jpg) repeat-y; width: 395px;
	float: left;	
}

/* SUBPAGE STRUCTURE */

.interior { background: url(/page/-/images/bg-content.jpg) repeat-y; width: 960px;}
.interior #body { width: 585px; float: left; margin: 35px;}
.interior #sidebar { background: url(/page/-/images/bg-side-index.jpg) repeat-y; width: 305px; float: left;}

/* @end */

/* @group 04 - HOMEPAGE ELEMENTS */


#video-a, #video-b {
	float: left;
	margin-top: 32px;
}


#video-a object, #video-b object {
	margin-left: 20px;
}

#feature-top-right {
	float: left;
	width: 544px;
	height: 265px;
	margin: 30px 0;
}


#content-top #feature .video { height: 267px; border: 8px solid #e7e7e7; margin-right: 10px; float: left; display: inline;}
#content-top #feature .text { float: left; display: inline;}
#content-top #feature h2 { 
		background: url(/page/-/images/feature-title-HC-Obama.jpg) no-repeat; 
		width: 515px; height: 79px;  
		margin: 0 0 5px 0;
	}


#content-top p { font: 1.2em/1.5em Verdana, sans-serif; color: #999; width: 528px; margin-bottom: 20px;
	margin-top: 0;
}

#content-top #featuredaction h2 { background: url(/page/-/images/title-featuredaction-quiz.png) no-repeat; width: 365px; height: 56px; margin: 0;}
#content-top #featuredaction #quiz { margin: 15px 25px; font: 1.3em/1.5em Verdana, sans-serif; color: #076681; }
	#content-top #featuredaction fieldset { width: 290px; margin: 15px auto 0 auto;}
		#content-top #featuredaction .ratio { margin: 5px 10px 5px 0; vertical-align: top;}
		#content-top #featuredaction label { width: 110px; display: inline-block; vertical-align: top;}
		#content-top #featuredaction .instructions { font: .79em/1.25em Verdana, sans-serif; font-style: italic; margin: 1.5em 0 .75em;}
		#content-top #featuredaction .text {
			height: 15px; 
			border: 1px solid #999; 
			padding: 2px 4px;
			font: 10.5px Verdana, Arial, sans-serif; color: #666;
		}
		#content-top #featuredaction #email { width: 110px; margin-right: 8px;}
		#content-top #featuredaction #zip { width: 75px; margin-right: 8px;}
#content-top h2 span { display: none;}



#content-bottom { background: #e7e7e7 url(/page/-/images/bg-index-contentbottom.jpg) repeat-y;}

#content-bottom #blog h2 { background: url(/page/-/images/bg-index-standupblog.png) no-repeat; width: 565px; height: 47px; margin:  0;}
#content-bottom #blog h2 { background: url(/page/-/images/bg-index-standupblog.png) no-repeat; width: 565px; height: 47px; margin:  0;}
#content-bottom	#blog a.block { display: inline-block; width: 300px; height: 47px; float: left;}
#content-bottom	#blog a.rss { 
	display: inline-block; background: url(/page/-/images/bg-button-rss.jpg) no-repeat; width: 20px; height: 20px;
	float: right; 
	margin: 12px; 
}
	#content-bottom	#blog h2 span { display: none;}
	#content-bottom #blog .content { margin: 10px;}	
	#content-bottom #blog .content .blog-img { border: 7px solid #fff; margin: 0px 15px 5px 5px;}	
	#content-bottom #blog .content .entry { font: 1.3em/1.6em Arial, sans-serif; color: #666; padding: 1em 0;}
		#content-bottom #blog .content .main .entry { padding-top: 0;}
		#content-bottom #blog .content .entry h4 { font-weight: bold; display: inline; color: #333; margin-right: 7px;}
		#content-bottom #blog .content .main h4 { font-size: 1.3em; line-height: 1.25em; display: inline;}
		#content-bottom #blog .content .entry .date { display: inline; font-weight: bold; color: #076681; padding-right: 6px;}
		#content-bottom #blog .content .entry a { color: #076681;}
		#content-bottom #blog .content .entry p { display: inline;}

#content-bottom #blog .content .entry p.dateline { display: inline; color: #555; font-weight: bold; font-size: .8em; }

.homepage #sidebar img.buttons, #sidebar .sidebar-qa { margin: 5px 15px;}

.homepage #sidebar .sidebar-qa { width: 369px; height: 400px; }

.homepage #sidebar .sidebar-qa-header { 
	background: url(/page/-/images/bg-side-qa-header.png) no-repeat;
	width: 367px;
	height: 0;
	padding: 96px 0 0 0px;
	font: 1.5em/1.5em Verdana, sans-serif;
	color: #fff;
}

.homepage #sidebar .sidebar-qa .sidebar-qa-body {
	background: url(/page/-/images/bg-side-qa-body.png) repeat-y 1px;
	width: 368px;
}

.homepage #sidebar .sidebar-qa .sidebar-qa-footer {
	width: 367px;
	background: url(/page/-/images/bg-side-qa-footer.png) no-repeat center;
	height: 33px;
}

.homepage #sidebar .sidebar-qa .sidebar-qa-header .sidebar-qa-body #q-img {
	background: url(/page/-/images/bg-side-qa-Q.png) no-repeat 0 top;
	width: 368px;
}
	
.homepage #sidebar .sidebar-qa .sidebar-qa-header .sidebar-qa-body #a-img {
	background: url(/page/-/images/bg-side-qa-a.png) no-repeat 0 top;
	width: 367px;
}

	.homepage .sidebar-qa #q { height: 85px; margin: -3px 30px 5px 75px;}
	.homepage .sidebar-qa #a { height: 125px; margin: 0px 30px 0 75px;}
	.homepage .sidebar-qa a { text-decoration: underline; color: #fff; font-weight: bold;}
	.homepage .sidebar-qa h5 { background: url(/page/-/images/button-side-moretopics.png) no-repeat; width: 280px; height: 45px; margin: 0 auto; }
		.homepage .sidebar-qa h5 a { display: block; width: 289px; height: 50px;}
		.homepage .sidebar-qa span { display: none;}


/* @end */

/* @group Debate Quiz */

#taf-btn {
	background: url(/page/-/images/taf-btn.jpg) no-repeat;
	height: 42px;
	width: 100px;
	float: right;
	margin: 14px 12px 0 0;
}

#taf-btn a {
	width: 100px;
	height: 42px;
	display: block;
}

#debatequiztop {
	width: 775px;
	height: 125px;
}

#debatequiz {
	width: 778px;
	height: 340px;
}


#debatequiz #mccain {
	width: 282px;
	height: 265px;
	float: left;
}

#debatequiz #mccain a.mccain-ro1, a.mccain-ro2, a.mccain-ro3, a.mccain-ro4, a.mccain-ro5, a.mccain-ro6, a.mccain-ro7, a.mccain-ro8, a.mccain-ro9, a.mccain-ro10, a.mccain-ro11 {
	display: inline;
	width: 235px;
	height: 255px;
	float: left;
	margin-top: 7px;
	margin-left: 31px;
}

#debatequiz #mccain a.mccain-ro1:hover {
	background: url(/page/-/images/mccain-ro-1.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro2:hover {
	background: url(/page/-/images/mccain-ro-2.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro3:hover {
	background: url(/page/-/images/mccain-ro-3.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro4:hover {
	background: url(/page/-/images/mccain-ro-4.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro5:hover {
	background: url(/page/-/images/mccain-ro-5.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro6:hover {
	background: url(/page/-/images/mccain-ro-6.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro7:hover {
	background: url(/page/-/images/mccain-ro-7.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro8:hover {
	background: url(/page/-/images/mccain-ro-8.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro9:hover {
	background: url(/page/-/images/mccain-ro-9.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro10:hover {
	background: url(/page/-/images/mccain-ro-10.jpg) no-repeat;
}

#debatequiz #mccain a.mccain-ro11:hover {
	background: url(/page/-/images/mccain-ro-11.jpg) no-repeat;
}

#debatequiz #selector {
	width: 226px;
	float: left;
	height: 263px;
}

#debatequiz #selector #debatequestion1, #debatequestion2, #debatequestion3, #debatequestion4, #debatequestion5, #debatequestion6,  #debatequestion7, #debatequestion8, #debatequestion9, #debatequestion10, #debatequestion11 {
	width: 227px;
	height: 127px;
	margin-top: 9px;
}


#debatequiz #obama {
	float: left;
	width: 257px;
	height: 263px;
}

#debatequiz #obama a.obama-ro1, a.obama-ro2, a.obama-ro3, a.obama-ro4, a.obama-ro5, a.obama-ro6, a.obama-ro7, a.obama-ro8, a.obama-ro9, a.obama-ro10, a.obama-ro11 {
	display: inline;
	width: 249px;
	height: 256px;
	float: left;
	margin-left: 11px;
	margin-top: 7px;
}

#debatequiz #obama a.obama-ro1:hover {
	background: url(/page/-/images/obama-ro-1.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro2:hover {
	background: url(/page/-/images/obama-ro-2.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro3:hover {
	background: url(/page/-/images/obama-ro-3.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro4:hover {
	background: url(/page/-/images/obama-ro-4.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro5:hover {
	background: url(/page/-/images/obama-ro-5.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro6:hover {
	background: url(/page/-/images/obama-ro-6.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro7:hover {
	background: url(/page/-/images/obama-ro-7.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro8:hover {
	background: url(/page/-/images/obama-ro-8.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro9:hover {
	background: url(/page/-/images/obama-ro-9.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro10:hover {
	background: url(/page/-/images/obama-ro-10.jpg) no-repeat;
}

#debatequiz #obama a.obama-ro11:hover {
	background: url(/page/-/images/obama-ro-11.jpg) no-repeat;
}

/* @end */



/* @group 05 - SUBPAGE ELEMENTS */

/* QUIZ ELEMENTS */

.interior .quiz { margin-bottom: 75px; }
.interior h2.quiz-question {
	text-transform: none;
	color: #0276b1;
	font-size: 1.8em;
	margin-bottom: 20px;
}
.interior p.quiz-answer { font-size: 1.4em; margin-bottom: 20px; }
.interior p.quiz-explanation { font-size: 1.4em; }

/* FACTS and QA ELEMENTS */

.interior #facts h2, .interior #qa h2 { font-size: 1.5em; text-transform: none; }
.interior #facts h2 a, .interior #qa h2 a { 
	display: inline-block; text-align: center; vertical-align: middle;
	background-color: #;
	width: 9px; line-height: 9px;
	border: 1px solid #a7a7a7;
	padding: 5px; margin-right: 10px;
}
.interior #facts .hide, .interior #qa .hide { margin-left: 35px; }
.interior #facts .hide li, .interior #qa .hide .li { margin-bottom: 10px; }

.interior #qa .hide ul { list-style-type: none;}

/* SEARCH STYLES */

.interior .interior-searchbox {
	width: 300px;
	margin: 0 auto;
}
.interior #sitesearch {
	height: 15px; 
		border: 1px solid #999; 
		padding: 2px 4px; margin-bottom: 15px;
		font: 10.5px Verdana, Arial, sans-serif; color: #666;
		margin-right: 10px;
}

/* BLOG ELEMENTS */

.interior #blog .entry { margin-bottom: 45px;}
	.interior #blog .entry h1 { margin: 0;}
	.interior #blog .entry h2 a { font-size: 1.5em; text-decoration: none;}
		.interior #blog .entry h2 a:hover { text-decoration: underline;}
	.interior #blog .entry p.dateline { margin: 0; font-size: 1em; font-weight: bold;}
	.interior #blog .entry .bookmarks { float: right; }
	.interior #blog .entry .comments { border-top: 1px solid #666;}
		.interior #blog .entry .comments p { margin: 5px 0;}
		.interior #blog .entry .comments a { font-weight: bold; text-decoration: none; text-transform: lowercase;}

.interior #blog #comments { margin-bottom: 50px;}
.interior #blog #comments h2 { margin-bottom: 10px;}
.interior #blog #comments .comment { 
	border-bottom: 1px solid #a7a7a7;
	padding: 20px 10px; margin: 0 10px;
}
.interior #blog #comments .commentInfo { margin-bottom: 10px;}
.interior #blog #comments .commentName { font-size: 1.4em; font-weight: bold;}
.interior #blog #comments .commentInfo .commentDate { color: #666; font-weight: normal; }
.interior #blog #comments .comment p { margin: 0;}

.interior #blog #comment_form fieldset { width: 350px; margin: 0 auto; }
.interior #blog #comment_form .text, .interior #blog #comment_form .textarea {
	border: 1px solid #999;
	padding: 2px 4px;
	font: 10.5px Verdana, Arial, sans-serif; color: #666;
}
.interior #blog #comment_form .text { width: 250px; height: 15px; }
.interior #blog #comment_form .textarea { width: 250px;}
.interior #blog #comment_form label { display: inline-block; vertical-align: top; width: 80px; }


.interior #sidebar img.buttons, .interior #sidebar .sidebar-qa { margin: 5px 15px;}

.interior #sidebar .sidebar-qa {
	width: 285px;
	height: 400px;
	font: 1.5em/1.5em Verdana, sans-serif;
	color: #fff;
}

.interior #sidebar .sidebar-qa .sidebar-qa-header { 
	background: url(/page/-/images/bg-side-qa-header-sm.png) no-repeat;
	width: 283px; height: 72px;
}

.interior #sidebar .sidebar-qa .sidebar-qa-body { background: url(/page/-/images/bg-side-qa-body-sm.png) repeat-y; width: 283px; }

.interior #sidebar .sidebar-qa .sidebar-qa-footer {
	width: 283px;
	background: url(/page/-/images/bg-side-qa-footer-sm.png) no-repeat;
	height: 29px;
}

.interior #sidebar .sidebar-qa .sidebar-qa-body #q-img {
	background: url(/page/-/images/bg-side-qa-Q-sm.png) no-repeat 0 0;
	width: 283px;
}
	
.interior #sidebar .sidebar-qa .sidebar-qa-body #a-img {
	background: url(/page/-/images/bg-side-qa-A-sm.png) no-repeat 0 0;
	width: 283px;
}
	.interior .sidebar-qa #q { margin: 0 25px 10px 65px; }
	.interior .sidebar-qa #a { margin: 0 25px 15px 65px;}
	.interior .sidebar-qa a {text-decoration: underline; color: #fff; font-weight: bold;}

.interior .sidebar-qa h5 { background: url(/page/-/images/button-side-moretopics-sm.png) no-repeat; width: 214px; height: 35px;
	margin: 0 auto 0 33px;
}
	.interior .sidebar-qa h5 a { display: block; width: 215px; height: 35px;}
	.interior .sidebar-qa span { display: none;}



.summary li  { padding-bottom: 10px; }



/* FORM STYLES */

	#signup .text { 
		height: 15px; 
		border: 1px solid #999; 
		padding: 2px 4px; margin-bottom: 15px;
		font: 10.5px Verdana, Arial, sans-serif; color: #666;
	}
	#signup label { font: 1.2em Arial, sans-serif; color: #3a2602;}
	#signup .input_email, #signup .input_addr1, #signup .input_addr2 { width: 325px;}
	#signup .input_firstname { width: 130px;} #signup .input_lastname { width: 150px;}
	#signup .input_addr1 { margin-bottom: 5px;}
	#signup .input_city { width: 90px;} #signup .select_state_cd { width: 75px;} #signup .input_zip { width: 50px;}
	#signup .textarea { width: 330px; font: 1.05em Verdana, Arial, sans-serif; color: #666; padding: 2px;}
	#signup .submit { margin-top: 10px;}
	
form#contribution { font: 1.2em Arial, sans-serif; color: #3a2602;}
	#contribution .contribheader { font: 1.3em Arial, sans-serif; }
	#contribution .text { 
		height: 15px; 
		border: 1px solid #999; 
		padding: 2px 4px; margin-bottom: 10px;
		font: 10.5px Verdana, Arial, sans-serif; color: #666;
	}
	#contribution .input_firstname, #contribution .input_lastname { width: 150px;}
	#contribution .input_addr1, #contribution .input_addr2 { width: 365px;}
	#contribution .select_state_cd, #contribution .select_country { margin-bottom: 10px;}
	#contribution .employer { margin: 10px 0;}
	#contribution .radiobutton { margin: 10px 5px 10px 15px;}
	#contribution #payment_options label { margin-left: 10px;}
	#contribution #cc_expir_month, #contribution #cc_expir_year { margin: 0 0 10px 10px;}
	#contribution #cc_number { margin-left: 10px;}
	#contribution .legal_confirm_checkbox { margin: 10px;}
	#contribution .contribcolumn ol { margin: 0 4.5em;}
	#contribution .submit { width: 130px; margin: 15px 0;}

/* Speakout Styles */

	#speakout { font-size: 1.4em;}
	#speakout h2 { font: 1.5em/1.25em Arial, sans-serif; color: #3292ad; text-transform: uppercase; margin-bottom: 1.5em; font-weight: bold;}


#search {
	width: 267px;
	float: right;
	margin-top: -15px;
}

	
/* @end */

/* @group 06 - UTILITY */

.floatl { float: left;}
.floatr { float: right;}

strong { font-weight: bold;}
em { font-style: italic;}

.required { color: red;}

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

.clearfix {display:block;}


/* @end */