@charset "UTF-8";

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	ALL PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
	background:#000 url(/images/web/template/T021_6/body_bg.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 12px;
	text-align:center;
	color: #fff;
}
/*div, img {
	position:relative;
	border:0;
	margin:0;
	padding:0;
}*/
td { vertical-align:top; }
h1, h2, h3, h4, h5 { 
	letter-spacing: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000;
}

a, a:visited { color: #0b3c90; text-decoration:underline;}
a:hover { color: #5372a7; text-decoration: none; }


#PageWrapper {
	width:920px;
	margin: 0 auto;
	padding: 0 10px;
	color: #000;
	background:#333435 url(/images/web/template/T021_6/page_bg.jpg) top center repeat-x;
}
#Page {
	color: #000;
	margin: 0;
	padding: 0;
}

/*	LOGIN BAR */
#LoginWelcome {
	font-size:10px;
	font-weight:normal;
	color:#000;
	margin: 0;
	width: 880px;
	padding: 10px 20px;
	background: #fff;
	line-height:18px;
	text-align:right;
}
#LoginWelcomeText {
	width:auto;
	padding: 0px;
}
#LoginWelcome span.welcome {
	font-weight:700;
}
#LoginWelcome span.or {
	font-style:oblique;
}
#LoginWelcome a, #LoginWelcome a:visited { color: #093b90; text-decoration:none;}
#LoginWelcome a:hover {color: #5372a7; text-decoration:underline;}
#LoginWelcome .user_name {font-weight:700;}

/*	HEADER	*/
#Header { 
	text-align: left;
	padding: 20px 20px 25px;
	margin: 0;
	background: #fff url(/images/web/template/T021_6/gradient_bg.gif) bottom center repeat-x;
}
#CompanyLogo {
	padding: 0;
	margin: 0;
}
.company_logo_frame {
	padding: 10px;
	margin: 0;
}
img.company_logo {
	padding: 0;
	margin:0;
}

#Header #ContactInfo {
	display:none;
}

/*	HOMEPAGE AND SUBPAGE BASIC LAYOUT TABLES */
table#HomepageLayout {
	width: 920px;
	padding:0;
	margin: 0 auto;
	background: #d5e1e8;
	border-collapse: collapse;
}
table#HomepageLayout td {
	padding: 5px 5px 0;
	margin: 0;
}
td#LeftCol {
	width: 244px;
}
td#CenterCol { 
	width: 244px;
}
table#HomepageLayout td#RightCol { width: 450px; }	

table#SubpageLayout {
	width: 920px;
	padding:0;
	margin: 0 auto;	
	background: #d5e1e8;
	border-collapse: collapse;
}
table#SubpageLayout td#LeftCol { /*width: 200px;*/ padding: 5px 5px 0; }
table#SubpageLayout td#RightCol { width: 660px; padding: 5px 5px 0 0; }

/*	NAVIGATION	*/

/* Main Nav */
div#MainNav {
	display: block;
	width: 920px;
	height: 38px;
	background: url(/images/web/template/T021_6/nav_bg.gif) bottom center no-repeat;	
	margin:0;
	padding:0;
	border-bottom: 1px solid #bfbfbf;
}
ul.MainNav { 
	list-style: none;
	width: 918px;
	height: 36px;
	padding: 1px;
}
ul.MainNav li {
	display:inline;
	height: 36px;
	line-height: 36px;
	margin: 1px 5px;
	padding: 0px;
}
ul.MainNav li a, ul.MainNav li a:visited { 
	color: #666; text-decoration:none;
    font-size: 16px;
	line-height: 20px;
	padding: 8px 15px 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
ul.MainNav li a:hover {text-decoration:underline;}
ul.MainNav li.main_link_selected { }
ul.MainNav li.main_link_selected a { color:#333; text-decoration: underline;
	background: url(/images/web/template/T021_6/selected_nav_bg.gif) bottom center repeat-x;
	border: 1px solid #bfbfbf;
	border-width: 0 1px;
}

/* Main Dropdown */
div.drop_down_menu {
	display:block;
	height:auto;
	width:auto;
    	background:#e0e0e0;
	border:1px solid #bfbfbf;
	border-top:0px;
	margin-left:13px;
	z-index:10;
}
div.drop_down_menu div.drop_down_link {
	text-align:left;
	padding:4px;
	border-top:1px solid #cfdce8;
}
div.drop_down_menu div.last {}

.drop_down_link a, .drop_down_link a:visited  {
	text-decoration:none;
}
.drop_down_link a:hover {
	text-decoration:underline;
}

/* SubNav */
.NavGroup { 
	margin: 0 0 5px;
	padding: 10px 15px;
	text-align: left;
	background: #fff;
	border: 1px solid #c8d4d9;
}
.NavGroup h3.main_link a {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 5px 5px 10px;
	text-decoration:none;
}
.NavGroup ul {
	margin: 5px 0 0;
	padding: 0;
}
.NavGroup ul li {
	line-height: 16px;
	margin: 0 0 1px;
	padding: 4px 0;
	list-style: none;
	background: #d5d5d5;
}
.NavGroup ul li a, .NavGroup ul li a:visited  {
	font-size:12px;
	text-decoration:none;
	color: #333333;
	padding: 15px 10px;
}
.NavGroup ul li a:hover { text-decoration: underline; }
.NavGroup ul li.sub_link_selected { font-weight: 700; background:#efefef; }


/*	FOOTER	*/
#Footer {
	margin: 0 auto;
	padding: 0 10px 0;
	width: 920px;
	color: #000;
	font-size: 11px;
	background: #333435;	
}

#FooterLinks {
	width: 900px;
	padding: 10px;
	margin: 0 auto 5px;
	background: #fff url(/images/web/template/T021_6/footer_bg.gif) bottom center no-repeat;	
	line-height:18px;
}
#Designations{
	width: 920px;
	padding: 10px 0 25px;
	margin: 0 auto;
	color: #d4cfbf;
	background: #f2f2f2 url(/images/web/template/T021_6/designations_bg.gif) top center repeat-x;
}

#FooterLinks a, #FooterLinks a:visited { color: #000; padding: 0 5px; text-decoration:none; } 
#FooterLinks a:hover { color: #000; text-decoration:underline;}
#Disclaimers {
/*	width: 920px;*/
	padding: 10px 0 25px;
	margin: -10px auto 0;
	color: #d4cfbf;
/*	background: #f2f2f2;*/
	color: #9F9B8F;
}
img.footer_ds {
	position:absolute;
	bottom:-4px;
	left:0px;
	display:block;
	border:0;
	margin:0;
	padding:0;
}
#PoweredBy, #PoweredBy a {color:#fff;}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	HOMEPAGE MODULES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Common Styles */
#Region_1, #Region_2 { width: 244px; }
#Region_3 { width: 400px; overflow: visible; }	
.widget { 
	margin: 0 0 5px;
	padding: 0;
	background: #fff;
	border: 1px solid #c8d4d9;
}
#CompanyLogo .widget {
	margin:0;
	padding:0;
	background:none;
	border:none;
	}

#Region_1 h1, #Region_2 h1, #Region_3 h1, #Region_4 h1,
#Region_1 h2, #Region_2 h2, #Region_3 h2, #Region_4 h2 { 
	color: #5e5e5e;
	font-size: 18px;
	margin: 0;
	padding: 0 15px;
	display: block;
	vertical-align:middle;
	background: url(/images/web/template/T021_6/header_bg.gif) repeat-x;	
}
#Region_4 h1, #Region_4 h2 { font-size: 16px; }
#Region_1 h3, #Region_2 h3, #Region_3 h3, #Region_4 h3 { font-size: 14px; }


/* Rerved Image */
.reserved_image_frame { 
	padding: 0;
	margin: 0;
	height: 350px;
	overflow:hidden;
	border: 0;
	width:920px;
}
.reserved_image{
	padding: 0;
	margin: 0;
}

/* Agent Photo Module */
.agent_photo_frame {
	position:relative;
	margin: 0px 0 5px;
	background:#fff;
	padding: 10px;
	text-align: center;
}
.agent_photo {
	width:100px;
	padding: 0;
	margin:0 auto;
}


/*	Welcome Text */
.welcome_text_frame, .custom_content_frame {
	margin: 0 0 5px;
	padding: 0;
	background: #fff;
}
.welcome_text {
	text-align: left;
	margin: 0;
	padding:0; }
.welcome_text p { padding: 10px 15px; }

.welcome_text_frame .agent_photo_frame  { border: 0; float: right;  margin: 0 0 5px 10px}
.welcome_text_frame { overflow: auto; }
#Region_1 .welcome_text h2,
#Region_2 .welcome_text h2,
#Region_3 .welcome_text h2,
#Region_4 .welcome_text h2  { 
	color: #000;
	font-size: 16px;
	background: none;
	border: none;
}
.welcome_text h1 {
	height: 42px;
	line-height: 42px;
}

/* Custom Content */
.custom_content {
	text-align: left;
	margin: 0;
	padding: 10px 15px;
}
	
#Region_1 .custom_content_frame h1, #Region_2 .custom_content_frame h1,
#Region_3 .custom_content_frame h1, #Region_4 .custom_content_frame h1 {
	background: none;
	color: #000;
	border: none;
	padding: 0 0 5px;
}
#Region_1 .custom_content h2, #Region_2 .custom_content h2, 
#Region_3 .custom_content h2, #Region_4 .custom_content h2  { 
	color: #000;
	font-size: 16px;
	background: none;
	border: none;
	padding: 0 0 5px;
	margin:0;
}


/* RSS Feed */
.description { text-align: left; margin: 0 auto 7px; }
.rss_source { font-style: italic; }
.rss_item { margin-bottom: 15px; }
img.subscription_icon, .download img { margin-right: 5px; vertical-align: middle}
.enclosure { margin: 8px auto; border: 1px solid #ccc; background: #fff; padding: 5px; }
.enclosure .type { text-transform: uppercase; }
.rss_item h2.title { margin-bottom: 0px; }
#Region_3 .custom_content .rss_item h3.credits-date { font-size: 12px; font-style: italic; margin: 2px 0 10px; }

/* Contact Info */
.contact_info_frame {
	margin: 0 0 5px;
	padding: 0;
}
.contact_info {
	text-align: left;
	padding: 0 15px 10px;
	line-height: 14px;
	background: url(/images/web/template/T021_6/header_bg.gif) repeat-x;	
}
#Region_1 .contact_info h2, #Region_2 .contact_info h2, #Region_4 .contact_info h2 {
	margin-bottom:10px;
	background:none;
	padding:0;
	height: 40px;
	line-height: 40px;
}

.contact_info p { padding: 10px 0; }
.contact_info_frame .agent_photo_frame  { margin: 0; border: 0; }


/*	Testimonials */
.testimonials_frame { 
	background: none;
	border: 1px solid #c8d4d9;
}
.testimonials_frame {
	margin: 0 0 5px;
	padding: 0;
	text-align: left;
}
.testimonials h2{
	height: 42px;
	line-height: 42px;
}
.testimonials .testimonial { 
	position:relative;
	display:block;
	margin: 0;
	padding: 15px;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.testimonial span.quote {
	display:block;
	margin: 0px;
	padding: 5px 5px 0 30px;
	text-align: left;
	background: url(/images/web/template/T021_6/quote_bg.gif) top left no-repeat;
}
.testimonial span.person { 
	display:block;
	margin: 0;
	padding: 5px;
	text-align: right;
	font-style: italic;
}
.testimonials div.view_all { 
	text-align: right;
	padding: 10px;
	background:#f3f3f3;
	border-top: 1px solid #eee;
}
.testimonials a.view_all { color: #093b90; }

/*	OPEN HOUSES MODULE	*/
.open_houses_frame {
	background: none;
	text-align: left;	
	border: 1px solid #c8d4d9;
	border-width: 1px;
}
.open_houses p.empty {
	position:relative;
	display:block;
	margin: 0;
	padding: 15px;
	background: #fff;
}
.open_houses h2{
	height: 42px;
	line-height: 42px;
}
.open_houses .open_house {
	position:relative;
	display:block;
	margin:0;
	padding: 15px;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.open_house div.thumb_frame {
	width: 90px;
	height: 67px;
	padding: 2px 4px 4px 2px;
	margin: 0 5px 5px;
	float: right;
	background: url(/images/web/template/T021_6/oh_thumb.gif) top left no-repeat;
}
#Region_3 .open_houses div.thumb_frame {
	width:90px;
	height:67px;
	padding: 2px 4px 4px 2px;
	margin: 0;
	background: url(/images/web/template/T021_6/oh_thumb.gif) top left no-repeat;
}
.open_house img.thumb {
	width:90px;
	height:67px;
}
.open_house .date, .open_house .time_range, 
.open_house .address, .open_house .notes {
	margin: 0 0 2px 0;
	padding: 0 0 2px;
	display: block;
}
.open_house .date { /*font-size: 14px; */font-weight: 700; }
.open_house .address, .open_house .notes { margin: 4px 0; }
.open_house .notes { clear: both;  }
.open_house .view_details {
	margin: 0;
	padding: 5px 0;
	text-align:left;
	font-size: 11px;
}

.open_houses div.view_all {
	display:block;
	margin: 0;
	padding: 10px;
	text-align:right;
	clear: both;
	background: #f3f3f3;
}
.open_houses a.view_all { margin: 10px; text-align: right; color:#093b90; }

/*	FEATURED LISTINGS MODULE	*/
.featured_listings_frame { 
	background: none;
	text-align: left;
	border: 1px solid #c8d4d9;
	border-width: 1px;
}
.featured_listings h2 {
	height: 42px;
	line-height: 42px;
}
.featured_listing {
	position:relative;
	display:block;
	margin: 0;
	padding: 15px;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.featured_listing img.thumb {
	width:180px;
	height:135px;
	margin: 0 0 10px 0;
	padding: 2px 3px 3px 2px;
	background: url(/images/web/template/T021_6/fl_thumb_bg.gif) top left no-repeat;
}
#Region_3 .featured_listing img.thumb {
	margin: 0 0 10px 10px;
	float: right;
}
#Region_3 .featured_listing .thumb_frame img.sold {top:; left:185px;}
.featured_listing .title {
	display:block;
	margin: 0px 10px 8px 0;
	padding: 2px;
	font-size: 12px; 
	font-weight: 700;
}
#Region_2 .featured_listing .title {
	font-size: 11px; 
	margin: 0px 10px 0px 0;
}
.featured_listing .price {
	display:block;
	margin: 0px 10px 0px 0;
	padding: 2px;
	font-size: 11px;
}
.featured_listing .beds_baths {
	display:block;
	margin: 0px 10px 0px 0;
	padding: 2px;
	font-size: 11px;
}
.featured_listing .type {
	display:block;
	margin: 0px 10px 8px 0;
	padding: 2px;
	font-size: 11px;
}
.featured_listing .close_info {
	display:block;
	margin: 0px 10px 8px 0;
	padding: 2px;
	font-size: 11px;
}
.featured_listing .description {
	display:block;
	margin: 15px 0px;
	padding: 2px;
}
.featured_listing .view_details {padding:2px;}
.featured_listings_frame div.view_all {
	display:block;
	padding: 10px;
	text-align:right;
	background: #f3f3f3;
}

.featured_listings_frame a.view_all { color: #093b90; }
/*div.results_bar {width:710px;}*/

/* Slide show */

.slide_show_frame { 
	background: none;
	border: none;
/*	width: 400px;*/
	text-align: left;
	padding:0;
	margin:0 0 5px; 
	border: 1px solid #c8d4d9;
	border-width:1px;
}
.slide_show_frame h2 {
	height: 42px;
	line-height: 42px;
}
#Region_3 .slide_show .slide_show_listing {
	padding:0;
	margin:0;
	font-size:12px;
	text-align:left;
	background: #fff;
	height:475px;
}
#Region_3 .slide_show_listing_info {
	top: 300px;
	left:0px;
	width:380px;
	padding: 0 10px 10px;
}
.slide_show_listing .title {
	padding:2px;
	font-weight:700;
}
.slide_show_listing_info .price {
	display:block;
	margin:0;
	padding:2px 2px 0;
}
.slide_show_listing_info .beds_baths {
	display:block;
	margin:0;
	padding:2px 2px 0;
}
.slide_show_listing_info .type {
	display:block;
	margin:0 0 6px 0;
	padding:2px;
}
.slide_show_listing_info .description {
	display:block;
	margin:0 0 2px 0;
	padding:2px;
}
.slide_show_frame div.view_all { 
	padding: 10px; 
	text-align: right; 
	background:#f3f3f3;
	border-top: 1px solid #eee;
}
.slide_show_frame a.view_all { color: #093b90; }

.slide_show_photo_frame {
	z-index:0;
}


/*	QUICK SEARCH MODULE	*/
.quick_search_frame {
	width: 242px;
	text-align: left;
}
.quick_search {
	margin: 0;
	padding: 0px;
}
.quick_search h2 {
	height: 42px;
	line-height: 42px;
}
.quick_search_form {
	position:relative;
	display:block;
	margin: 10px 15px;
	padding: 0;
	height: 320px;
}
.quick_search .search_by_city, .quick_search .autoCompleteMenu, 
.quick_search .property_type, .quick_search .bedrooms,
.quick_search .bathrooms,.quick_search .min_price,
.quick_search .max_price,.quick_search .pics_first { }
.quick_search ul.property_type_list {
	width:195px;
	height:80px;
	margin:1px 0 3px;
}
.quick_search label.hdr {
	display:block;
	font-size:11px;
	margin: 3px 0 1px;
}
.quick_search select {width:90px;}
#Region_3 .quick_search select {width:80px;}
.quick_search .search_by_city { }
.quick_search .search_by_city input {
	width:200px;
	margin:1px 0 3px;
}
.quick_search .search_by_city a.view_all {
	position:absolute;
	right:15px;
	top: 0px;
	z-index:1;
	display:block;
	width:110px;
	height:12px;
	font-size:10px;
	text-align:right;
}
.quick_search .search_by_city a.view_all:hover { color: #5372a7; text-decoration: none; }
.quick_search .bedrooms {
	position:absolute;
	top:158px;
	left:0;
	width:80px;
	z-index:1;
}
.quick_search .bathrooms {
	position:absolute;
	top:158px;
	right:25px;
	width:80px;
	z-index:1;
}
.quick_search .min_price {
	position:absolute;
	top:208px;
	left:0;
	width:80px;
	z-index:1;
}
.quick_search .max_price {
	position:absolute;
	top:208px;
	right:25px;
	width:80px;
	z-index:1;
}
.quick_search .pics_first {
	position:absolute;
	top:253px;
	left:0;
	width:190px;
	font-size:10px;
	z-index:1;
}
.quick_search .pics_first span {position:relative;}
.quick_search .quick_search_submit {
	position:absolute;
	right:16px;
	top:280px;
	z-index:2;
}
.quick_search a.advanced_search, .quick_search a.map_search {
	position:absolute;
	left:0;
	z-index:1;
	display:block;
	height:12px;
}
.quick_search a.advanced_search {top:280px;}
.quick_search a.advanced_search:hover { color: #5372a7; text-decoration: underline; }
.quick_search a.map_search {top:294px;}
.quick_search a.map_search:hover { color: #5372a7; text-decoration: underline; }
#Region_3 .quick_search_frame {width: 400px;}
#Region_3 .quick_search { }
#Region_3 .quick_search_form { height: 250px; }
#Region_3 .quick_search label.hdr { margin: 0 0 5px; }
#Region_3 .quick_search .search_by_city input { width: 360px; margin: 0 0 15px 0; }
#Region_3 .quick_search .search_by_city a.view_all { right: 5px; font-size:10px; }
#Region_3 .quick_search ul.property_type_list { width: 170px; }
#Region_3 .quick_search .bedrooms { top: 55px; left: 190px; }
#Region_3 .quick_search .bathrooms { top: 55px; right: 5px; }
#Region_3 .quick_search .min_price { top: 110px; left: 190px; }
#Region_3 .quick_search .max_price { top: 110px; right: 5px; }
#Region_3 .quick_search .pics_first { top: 180px; left: 0px;  width: 350px; }
#Region_3 .quick_search .quick_search_submit { right:5px; top: 180px; z-index:2; }
#Region_3 .quick_search a.advanced_search { top: 205px; left: 0px; } 
#Region_3 .quick_search a.map_search { top: 220px; left: 0px; }

.quick_search .quick_search_image_submit, .buttons .quick_search_image_submit {display:none;}
/*#ListingSearch_Page div.basic_fields {padding:0 0 0 290px;}
#ListingSearch_Page div.property_type {width:290px;}*/

/*	FIND A LISTING MODULE	*/
#Region_1 .mlsno_search_frame, #Region_2 .mlsno_search_frame {
	width: 242px;
	text-align: left;
}
.mlsno_search {
	margin: 0;
	padding: 0;
}
.mlsno_search h2 {
	line-height: 40px;
	height: 40px; 
}
.mlsno_search_form {
	position:relative;
	display:block;
	margin: 10px 15px;
	padding: 0;
}
.mlsno_search label.hdr {
	display:block;
	font-size:11px;
	margin: 3px 0 1px;
}
#Region_3 .mlsno_search_frame {width: 400px;}
#Region_3 .mlsno_search input.text { width: 300px; }

#Region_4 .mlsno_search_frame {text-align:left;}
#Region_4 input.text {margin-bottom:5px;}

.mlsno_search .mlsno_search_image_submit {display:none;}

/*AGENT SEARCH MODULE */
#Region_1 .agent_search_frame, #Region_2 .agent_search_frame {
	width: 242px;
	text-align: left;
}
.agent_search {
	margin: 0;
	padding: 0;
}
.agent_search h2 {
	line-height: 40px;
	height: 40px; 
}
.agent_search_form {
	position:relative;
	display:block;
	margin: 10px 15px;
	padding: 0;
}
.agent_search label.hdr {
	display:block;
	font-size:11px;
	margin: 3px 0 1px;
}
.agent_search .view_all {
	position:absolute;
	right:35px;
	top: 0;
	z-index:1;
	display:block;
	width:110px;
	height:12px;
	font-size:10px;
	text-align:right;
}
.agent_search .view_all a..view_all:hover { color: #5372a7; text-decoration: underline; }


#Region_3 .agent_search_frame {width: 400px;}
#Region_3 .agent_search input.text { width: 300px; }
#Region_3 .agent_search a.view_all { right: 35px; font-size:10px; }

#Region_4 .agent_search_frame {text-align:left;}
#Region_4 .agent_search a.view_all { right: -10px; font-size:10px; }

.agent_search .agent_search_image_submit {display:none;}

/*	CUSTOM FORMS */
.custom_form_frame h2 {
	height: 42px;
	line-height: 42px;
}
#Region_3 .custom_form_frame {
	margin: 0 0 5px;
	padding: 0;
	background: #fff;
}
#Region_3 div.custom_form {
	padding:0;
	margin:0;
	text-align:left;
}
#Region_3 form.custom_form {
	padding:0 15px 20px 15px;
	font-family:inherit;
	text-align:left;
}
#Region_3 .custom_form_instructions {
	padding: 10px 15px 0 15px;
}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	SUBPAGE CONTENT TYPES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.content_frame {
	position:relative;
	padding: 15px;
	margin:0 0 5px;
	text-align:left;
	background: #fff;
	width: 675px;
	border: 1px solid #c8d4d9;
}
.content {
	margin: 2px 0;
	padding: 0px;
	display:block;
}
.content h1 {
	margin: 0 0 15px;
	padding: 0;
	display:block;
	color: #000;
	font-size: 30px;
}
.content h2 {
	margin: 0 0 8px;
	padding: 0;
	display:block;
	color: #000;
	font-size: 16px;
	font-style: normal;
}
.content_frame p{
	margin: 2px 0;
	padding: 5px 0;
	display:block;
}
#SubpageLayout #SEARCH_city_autocomplete {width:275px;}

/* Clearing method without Structural Markup */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
/* for IE/Mac */	
.clearfix { display: inline-block; } 

/* for IE/Win */
 
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */