@charset "utf-8";

/* --- GLOBAL SITE SETTINGS ---*/

/*100% height page so bg image will stretch full height*/
html, body {
	height: 100%;
	padding:0;
	margin:0;
}
* html #wrap {
	height: 100%;
}

/*don't set background color/image here, user .body_class below */
body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	color:#333333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	
} 

/*this is the browser window background FOR IMAGE: background-image:url(../images/siteAssets/bg_window.gif); background-repeat:repeat; */
.body_class {
	 background-color: #FFFFFF;
	 background-image:url(../images/siteAssets/bg_window.gif); 
	 background-repeat:repeat-y;
	 background-position:left;
} 
/* --- END GLOBAL SITE SETTINGS ---*/




/* --- PAGE STRUCTURES/LAYOUTS --- */

/* **For centered page use: width:WIDTH OF PAGEpx; margin:0 auto;text-align:center; , **Use background image here if you want it to fill whole screen vertically */
#wrap {
	min-height: 100%;
	border:0;
	width: 100%;
	margin: 0;
	text-align:left;
	background-image:url(../images/siteAssets/bg_page.gif);
	background-repeat:repeat-y;
} 
#page {
	width:1000px;
	height:auto;
	margin: 0;
	padding:0;
}
/*smoother page loads if you set header height, although not needed*/
#header {
	width:1000px;
	height:84px;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
} 
#contentWrap {
	width:1000px;
	height:auto;
}
#contentLeft {
	width:160px;
	float:left;
	display:block;
	position:fixed;
	z-index:2;
	top:85px;
	left:0;
}
#contentRight {
	width:760px;
	float:left;
	padding:84px 25px;
	margin-left:175px;
}
/*make the content stage a minimum height--ie keep the footer down*/
#contentMinHeight {
	width: 1px;
	height:450px;
	float:left;
}
/*if you need to graphically "wrap" the content with an image top, use this (like mitterealty.com) -- not displayed as default*/
#contentWrapTop {
	width:1000px;
	display:none;
}
/*if you need to graphically "wrap" the content with an image bottom, use this (like mitterealty.com) -- not displayed as default*/
#contentWrapBot {
	width:1000px;
	height:74px;
	display:none;
}
/*for pages without left bar, use width:1000px;margin:0; --ie the left margin here is the width of the left column */
#foot {
	width:100%;
	height:89px;
	margin:0;
	padding:0;
	background-image:url(../images/siteAssets/bg_footRepeat.gif); background-repeat:repeat-x;
	position:fixed;
	bottom:0;
	left:0;
	z-index:2;
}
#footCell {
	width:580px;
	height:89px;
	margin:0;
	padding:40px 250px 0 170px;
	background-image:url(../images/siteAssets/bg_foot.gif); background-repeat:no-repeat;
	text-align:right;
	color:#2a2a2a;
	font-size:10px;
	
}
/*don't change this*/
#preloadDiv {
	display:none;
}
/*in case you need to do anything special to the page title holder*/
#pageTitle {
	display:block;
	margin-bottom:10px;
} 
/*this is the holder for the unique page stuff (ie newsletter entries, claudius,etc...) after CMS page content*/
.afterPageContent {
	display:block;
	margin-top:10px;
} 
/* --- END PAGE STRUCTURES/LAYOUTS --- */






/* --- NAV LAYOUTS ---*/


/* TOP HEADER UL/LI INLINE NAVS */
#header {
	line-height:1px;
}
#header .nav {
	width:1000px;
	height:30px;
	text-align:right;
	background-color:#dddddd;
}
#header .nav ul, #header .nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
/*use something like these next three blocks for text navs -- comment them out for image nav*/
/**/
#header .nav li a:link, #header .nav li a:active, #header .nav li a:visited, #header .nav li a:hover, #header .nav li a .selected {
	display:inline-block;
	margin:0;
	height:30px;
	line-height:30px;
	background-repeat:repeat-x;
	background-image:url(../images/siteAssets/btn/btn_bg_nav.jpg);
	color:#525252;
	text-decoration:none;
	padding:0px 10px;
}
#header .nav li a:hover {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.jpg);
	color:#9c7101;
}
#header .nav li a .selected {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f3.jpg);
	color:#000;
	margin:0 -10px;
}
/**/



/* LEFT UL/LI BLOCK NAVS */
#contentLeft .nav {
margin-bottom:25px;
}
#contentLeft .nav ul, #contentLeft .nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
/*use something like these next three blocks for text navs -- comment them out for image nav*/
/**/
#contentLeft .nav li a:link, #contentLeft .nav li a:active, #contentLeft .nav li a:visited, #contentLeft .nav li a:hover, #contentLeft .nav li .selected {
	margin:0;
	display:block;
	width:147px;
	height:17px;
	line-height:17px;
	padding:0 13px 0 0;
	text-align:right;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
	margin-bottom:3px;
	font-size:11px;
}
#contentLeft .nav li a:hover {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f2.gif);
	color:#f00000;
}
#contentLeft .nav li .selected {
	background-image:url(../images/siteAssets/btn/btn_bg_nav_f3.gif);
	color:#f00000;
}
/**/ 




/* FOOTER UL/LI INLINE NAVS */
#foot .nav {
}

#foot .nav a:link, #foot .nav a:active, #foot .nav a:visited, #foot .nav a:hover, #foot .nav .selected {
	display:inline;
	margin:0 5px;
}
#foot .nav  a:hover {
}
#foot .nav .selected {
	color:#000000;
}

/* --- END NAV LAYOUT SCENARIOS ---*/




/* -- HEADLINES --- */
.large24head {
	font-size:24px;
	line-height:28px;
	color:#f10000;
	font-weight:normal;
}
.largehead {
	font-size:24px;
	line-height:25px;
	color:#f10000;
	font-weight:normal;
}
.midhead,.postHead {
	font-size:15px;
	font-weight:normal;
	letter-spacing:1px;
	color:#333;
}
.smallhead,.nlSubNavHead {
	font-size:13px;
	font-weight:normal;
	letter-spacing:1px;
	color:#F00000;
}
.redhead {
	color: #F00000;
}
/* -- END HEADLINES --- */



/* --- TEXT --- */
.plaintext {
	font-size:12px;
	line-height:18px;
}
.bodytext {
	font-size:12px;
	line-height:18px;
}
.smalltext {
	font-size:10px;
}
#foot {
	color:#666;
	font-size:11px;
	line-height:14px;
}
/* --- END TEXT --- */




/* --- LINKS --- */
a {cursor:pointer;}/*always make pointer for onclick only links*/
a:link, a:visited, a:active {
	color:#f10000;
	text-decoration:none;
}
a:hover {
	color:#f10000;
	text-decoration:underline;
}
#foot a:link, #foot a:active, #foot a:visited {
	text-decoration:none;
	color:#f10000;
}
#foot a:hover {
	text-decoration:underline;
	color:#f10000;
}
/* --- END LINKS --- */




/* --- COMMON DOM ELEMENTS TO REUSE --- */
.fullWidth {
	display:block;
	width:100%;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.thumb {
	border:solid 1px #999;
}
.thumb:hover {
	border:solid 1px #666;
}
/*embedded slideshows on pages like newsletters/neighborhoods/resources...*/
.slideshow {
	width:600px;
	height:550px;
	margin:15px auto;
	text-align:center;
} 
/*embedded listing links on pages like neighborhoods/projects...*/
.listingLinks {
	margin:10px 0px;
} 
/* --- END COMMON DOM ELEMENTS TO REUSE --- */




/* --- PROMO BOXES --- */
.promoBox {
	width:187px;
	padding:0px;
	margin-bottom:10px;
	
}
.promoBoxHead {
	width:187px;
	height:51px;
	margin-bottom:-20px;
}
/*if you use the quick search asset in a promoBox with promoBoxHead, hide the asset's quickSearchTitle */
.promoBoxContent .quickSearchTitle {
	display:block; margin-top:10px;
	font-size:12px; font-weight:bold;
} 
.promoBoxContent {
	width:167px;
	font-size:11px;
	padding:10px;
	text-align:center;
	background-image:url(../images/siteAssets/boxes/filler.gif);
	background-repeat:repeat-y;
}
.promoBoxBot {
	width:187px;
	height:17px;
	background-image:url(../images/siteAssets/boxes/bot.gif);
	background-repeat:no-repeat;
}
/* --- END PROMO BOXES --- */




/* --- FORMS --- */
form {
	margin:0;
	padding:0;
	display:inline;
}
select, input, textarea, .wordInput {
	background-color:#f5f3f3;
	border:solid 1px #dddddd;
	padding:3px;
	font-size:12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
input.gobtn, .gobtn, .gobtn:hover {
	cursor:pointer;
	background-color: #f10000;
	border:solid 1px #f10000;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	margin-bottom:3px;
}

/*round buttons -- use this if you want rounded submit buttons in non-IE browsers*/
input.gobtn, .gobtn, .gobtn:hover {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 2px 5px;
}
/* --- END FORMS --- */



/* ---LD SEARCH STUFF --- */
select.box {
	width: 150px;
}
select.100 {
	width: 85px;
}
input.85 {
	width: 85px;
}
input.40 {
	width: 40px;
}
table.cart {
	border:0;
}
table.cart td {
	padding: 10px;
	border:0;
}
/*overwrite the <td bgcolor="#666"> use in detail page slideshow*/
table td {
	background-color:#fff6d3;
} 
/* --- END LD SEARCH STUFF --- */






/* ---UNIQUE PAGE LAYOUTS ---*/

/* homepage: set these if your homepage has different layout than secondary pages*/
#body_home #header {
	height:187px;
	background-image:url(../images/siteAssets/bg_header_home.gif); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF;}
}
#body_home #contentWrap {
}
#body_home #contentLeft {
	top:184px;
}
#body_home #contentRight {
	padding-top:204px;
}

/* claudius: set these if your mapsearch has different layout than other pages*/
#body_mapsearch #contentWrap {
}
#body_mapsearch #contentLeft {
}
#body_mapsearch #contentRight {
}

/* add more here if needed*/

/* ---END UNIQUE PAGE LAYOUTS ---*/





/* --- CMS ASSETS ---*/


/* contact form asset */
/* block for contact text above form*/
#contactInfo {
	display:block;
	margin-bottom:10px;
}
/*wrapper of contact form iframe, wrapper of table inside iframe -- be sure to set the height here or form may be cut off*/
#contactForm, #formStage {
	width:600px;
	height:450px;
	background:none transparent;
}
/*the table holding the form fields */
.formTable td {
	padding:3px;
}
/* the td of the form label*/
.formLabel {
} 
/*the td of the form input*/
.formInput {
} 
/*the captcha table*/
.captchaTable {
	font-size:11px;
	line-height:11px;
	margin:10px 0;
}
.captchaTable td {
	padding:2px;
}
.wordInput {
	width:50px;
}
/* end contact form asset*/


/*newsletter/neighborhoods/buyers-sellers, etc.. right nav pages*/
/*the posts stage*/
#nlContent {width:575px;
} 
/*headline for category*/
.catHead {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
} 
/*wraps one post*/
#nlContent .post {
	margin-bottom:25px;
}
/*class for the post title*/
.postHead {
	font-size:15px;
	line-height:18px;
} 
/*class for byline under title*/
.postByline {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-style:italic;
} 
/*class for the post subtitle*/
.postSubHead {
}
/*wrap the text of the post*/
.postContent {
}
/*class for the post credit*/
.postCredit {
	width:569px;
	font-size:10px;
	display:block;
	margin:5px 0;
	padding:3px;
	background-color:#ffedc0;
	border:solid 1px #dad6c6;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
} 
/* side bar nav*/
#nlSubNav {
	float:right;
	width:150px;
} 
.nlSubNavHead {
	display:block;
	margin-bottom:3px;
}
#nlSubNav li a, #nlSubNav li a:link, #nlSubNav li a:active, #nlSubNav li a:visited, #nlSubNav li a:hover, #nlSubNav li .selected {
	display:block;
	padding:2px;
	padding-left:17px;
	color:#333;
	text-indent:0px;
}
#nlSubNav li a:hover {
	background-color:#fff6d3;
	color:#F00000;
	background-image:url(../images/siteAssets/btn/btn_bg_subNav.png); background-position:top left; background-repeat:no-repeat;
}
#nlSubNav li .selected, #body_projects #nlSubNav li .selected  {
	background-color:#ffedc0;
	color:#000;
	background-image:url(../images/siteAssets/btn/btn_bg_subNav.png); background-position:top left; background-repeat:no-repeat;
}
/* end newsletter/neighborhoods/buyers-sellers, etc.. right nav pages*/

/*projects page*/
#body_projects #nlSubNav {
	float:right;
	width:100px;
	margin-left:50px;
} 
#body_projects #nlSubNav li a, #body_projects #nlSubNav li a:link, #body_projects #nlSubNav li a:active, #body_projects #nlSubNav li a:visited, #body_projects #nlSubNav li a:hover, #body_projects #nlSubNav li .selected {
	display:block;
	margin:0px;
	padding: 8px 8px 8px 22px;
	border-bottom:dashed 1px #8f676b;
}
#body_projects .postHead {display:block; margin-top:10px;}


/*wordpress -- these are mapped like the above newsletter*/
/*the wordpress stage --with subnav*/
#content {
	margin:0;
	padding:0;
}
 /*the wrapper for the wordpress posts stage*/
.narrowcolumn {
	float: left;
	padding: 0;
	margin: 0;
	width: 600px;
}
/*the wrapper for the wordpress posts stage with no side bar nav -- ie comments page*/
.widecolumn {
	width:650px;
}
/*headline for category */
.pagetitle {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	padding:0;
} 
/*this displays the "older entries/newer entries" sub link under archive title*/
.navigation {
	display: none;
}
/*wraps one post*/
.narrowcolumn .post {
	margin-bottom:25px;
}
/*class for the post title*/
.post h2, .post h3 {
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	padding:0;
	margin:0;
} 
.post h2 a:link, .post h2 a:active, .post h2 a:visited, .post h2 a:hover, .post h3 a:link, .post h3 a:active, .post h3 a:visited, .post h3 a:hover {
	color:#333;
}
 /*class for byline under title*/
.post small {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-style:italic;
}
/*wrap the text of the post*/
.post {
	margin: 0;
	text-align: justify;
} 
/*class for the post credit*/
.post .postmetadata {
	display:block;
	width:594px;
	background-color:#ebe5e5;
	padding:3px;
	font-size:10px;
} 
/* wrapper for side bar nav*/
#sidebar {
	padding: 0;
	margin-left: 620px;
	width: 150px;
}
#sidebar h2 {
	font-weight:bold;
	display:block;
	margin:8px 0 0 0;
	font-size:12px;
}
#sidebar ul ul li a:link, #sidebar ul ul li a:active, #sidebar ul ul li a:visited, #sidebar ul ul li a:hover, #sidebar ul ul li .current-cat {
	display:block;
	padding:2px;
	text-indent:2px;
	text-decoration:none;
	font-size:11px;
}
#sidebar li a:link, #sidebar li a:active, #sidebar li a:visited {
	color:#533c19;
}
#sidebar li a:hover {
	background-color:#e8ecd3;
	color:#533c19;
}
/*sidebar currently selected cataegory*/
#sidebar li .current-cat {
	background-color:#f0eaea;
	color:#000;
}
#sidebar #searchsubmit {
	cursor:pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 2px 5px;
	margin:5px 0 15px 0;
}
/* end wordpres blog*/





/*testimonials page*/
.testimonials {
	width:700px;
}
.testimonialsText {
}
.testimonialAuthor {
	text-indent:25px;
	margin:10px 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:dashed 1px #cbcbcb;
}


/*links page*/
.catTitle {
}
.links {
	margin-bottom:20px;
}
.link {
}
.linkDescription {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:dashed 1px #dddddd;
	font-size:11px;
	line-height:13px;
}


/*nonNWMLS listings/rentals page*/
/*wraps the category title and categories subnav*/
.catWrap {
	display:block;
	margin-bottom:15px;
}
.catTitle {
	text-decoration:underline;
	display:inline;
}
/*wraps all the listings in the page*/
.listings {
}
/* one listing --zoom:1 is an IE hack --keep it*/
.listing {
	zoom:1;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:dashed 1px #dddddd;
}
/* the flash slideshow and blurb bar on the detail pages*/
.listingSlideshowBar {
	display:block;
	margin-top:10px;
}
/* the html pic on the pickpage*/
.listingPic .thumb {
	border:solid 1px #000;
}
.listingPic {
	display:inline;
	float:left;
}
/* the text blurb to right of pic*/
.listingBlurb {
	display:inline;
	float:left;
	margin-left:15px;
}
/*the two blocks of contnet under the pic/blurb*/
.listingDetails, .listingComments {
	display:block;
	margin-top:20px;
}
/*top subnav for categories*/
.catNav {
	display:inline;
	margin-left:15px;
}
.catNav ul, .catNav li {
	display:inline;
	margin:0;
	padding:0;
}
.catNav li a:link, .catNav li a:active, .catNav li a:visited, .catNav li a:hover {
	padding:3px;
	background-color:#f5f3f3;
	border:solid 1px #dddddd;
	font-size:10px;
}
/* end non nwmls listings apge*/


/*agent roster*/
/*agent pickpage*/
.agentsWrap {
}
.agentRow {
	border-bottom:dashed 1px #ccc;
}
.agentCell {font-size:11px;line-height:15px;
}
.rowOdd {
	background-color:#efefef;
}
.rowEven {
}
.agentCell .agentPic {
}
.agentCell .agentText {
}
.agentCell .agentName {
}
.agentCell .agentTitle {
}
.agentCell .smalltext {
}
/*the search/sort controls*/
.agentControls {
}
.agentControls .sortDrop {
}
.agentControls select {
}
.agentControls .agentSearch {
}
.agentControls input {
}
/* end agent pickpage*/

/*agent detail page*/
.agentWrap {
}
.agentWrap .agentDetail {
}
.agentWrap .agentDetail .agentPic {
}
.agentWrap .agentDetail .agentText {
}
.agentWrap .agentDetail .agentName {
}
.agentWrap .agentDetail .agentTitle {
}
.agentWrap .agentDetail .smalltext {
}
.agentWrap .agentBio {
}
.agentWrap .listingsDisplayTitle {
	border-bottom:dashed 1px #ccc;
}
.agentWrap .listingsDisplayTitle b {
	font-weight:normal;
}
.agentWrap .listingsDisplay a.viewLink:link, .agentWrap .listingsDisplay a.viewLink:visited, .agentWrap .listingsDisplay a.viewLink:active, .agentWrap .listingsDisplay a.viewLink:hover {
	background: #b8b8b8;
}
.agentWrap .listingsDisplay a.viewLink:hover {
	background: #9b9b9b;
}
.agentWrap .listingsDisplay {
}
.agentWrap .featuredWrap {
}
.agentWrap .soldWrap {
}
.agentWrap .listingsWrap {
}
.agentWrap .listingsWrap .oneListing {
}
.agentWrap .listingsWrap .oneListing .accent {
}
.agentWrap .contactForm {
}
.captchaTable td {
}
#contactFormFrame {
}
/* end agent detail*/
/*end agent roster*/


/* --- END CMS ASSETS --- */





/* --- LD SEARCH / STATIC ASSETS ---*/

/*resources page*/
/*bold topic in click-expand pages*/
.handcursor, .handcursor:hover {
	display:block;
	margin:5px 0;
	padding:3px;
	background-color:#ffedc0;
	border:solid 1px #dad6c6;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
} 
.handcursor:hover {
	background-color:#fff6d3;
	border:solid 1px #F00000;
}
/*the plus/minus in click-expand pages*/
.status {
}
/*the expanded text body in click-expand pages*/
.switchgroup {
} 
/*end resources*/



/* claudius */
/*main wrapper*/
.content_style {
	border:0;
	line-height:15px;
	color:#333;
}

.infobox {
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	line-height:15px;
	border:solid 1px #F00000;
	background-color:#fff;
	
}
.infobox img {border:solid 1px #F00000;}
.alertbox,#legend {
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	line-height:15px;
	border:solid 1px #F00000;
	background-color:#fff;
}
#legend table td {background-color:#fff;}
.maintabs {
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	background-color:#fff;
	border:solid 1px #f00000;
	margin-bottom:10px;
	padding:3px;
	width:375px;
	text-align:center;
}
#mapdiv{border:dashed 1px #8f676b;}

/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li a,.maintabs li a:link,.maintabs li a:visited,.maintabs li a:active,.maintabs li a:hover,.maintabs li.selected a:hover,.maintabs li.selected a{
	background-image:none;  background:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	border:0;
	text-transform:lowercase;
	color:#333333;
	border-right:dashed 1px #8f676b;
	margin:0;
	padding:0 15px;
	text-indent:0;
} 
#help_li a,#help_li a:link,#help_li a:visited,#help_li a:active,#help_li a:hover,#help_li.selected a:hover,#help_li.selected a{border-right:0;}

/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li a:hover,.maintabs li.selected a,.maintabs li.selected a:hover{	
	color:#f00000;
} 
/*use   background-image:none; background-color:#xxxxxx;   to set a solid bg color*/
.maintabs li.selected a {

} 
#detailHeadline{font-weight:normal; color:#8f676b;letter-spacing:1px;font-size:15px;}
/*focus bar*/
.focusbar {
	line-height:15px;
	
	background-image:none;  background:none;
	border:0;
	border-bottom:dashed 1px #8f676b;
}
.focusbar_head {
}
.focusfields {
padding:1px; font-size:10px;margin-right:3px;
}
/*refine bar*/
.refinebar {
	line-height:15px;
	
	background-image:none;  background:none;
	border:0;
}
.refinebar_head {
}
/*page sub tabs */
a.tab,a.tab:hover,a.stab,a.stab:hover{
	border:0px;
	border-bottom:dashed 1px #8f676b;
	background-image:none;  background:none;
	font-size:11px;
	text-transform:lowercase;
	text-decoration:none;
	padding:2px 4px;
	margin:0 2px;
	color:#333;
	
}
a.tab:hover,a.stab,a.stab:hover {
	color:#f00000;
	text-decoration:none;
}
/*selected page sub tab*/
a.stab {
}
a.stab:hover {
}
/* end claudius*/


/* --- LD SEARCH / STATIC ASSETS ---*/



/* --- FIXES --- */
/* don't mess with this*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: .1%;
}