body {font: .6em, Verdana, Arial, Helvetica, sans-serif; background-color: black; color: black; line-height:.4em;}
* {margin:0px; padding:0px;}

div#page-wrapper {width:1024px; margin-left:auto; margin-right:auto; margin-top:10px; background-color: black; border:solid;}


div#header-wrapper {margin: 0 0px 0; border-top: 30px solid #fff; background-color: black;}
div#main-nav {width:936px; height: 129px; float: left; background-color:  #91141C; z-index:0; top:-100px;}

div#content-wrapper {width:936px; margin: 10px 10px 0; background-color:black;}
	.bg-500-250 {background: url(images/bg-500-250.gif) repeat-y;}
	.bg-250-500 {background: url(../i/bg-250-500.gif) repeat-y;}

div#content-main {width:936px; background: url('images/content-back.gif') 0 0 no-repeat;background-color: transparent;; border:solid 1px white;}
div#content-left-500 {width:655px; float: left; background-color: transparent;}

div#content-left-500-Tour {width:630px; float: left; background-color: transparent;}

div#content-left-700 {width:900px; float: left; background-color: transparent; text-align:left;}

div#content-left-250 {width:250px; float: left; background-color: transparent;}
	div#content-left-250 img {width:250px; border-bottom: 0px solid #fff;}

div#content-left-250A {width:285px; float: left; background-color: transparent;}

div#content-left-20 {width:20px; float: left; background-color: transparent;}
	div#content-left-20 img {width:20px; border-bottom: 0px solid #fff;}	

div#content-right-500 {width:510px; float: left;}
div#content-right-250 {width:245px; float: left;}
div#main-logo {width: 175px;height: 147px; position:relative; left:0px;top:-155px; z-index:1; }
div#main-logo-store {width: 175px;height: 147px; position:relative; left:380px;top:-155px; z-index:1;}


/* Links */
a {outline: 0; line-height:12px; font-size: 11px}
a:link, div#footer a:visited {color: #606060; text-decoration:none; font-weight:bold;}
a:visited {color: black;text-decoration:none;font-weight:bold;}
a:hover, a:active, a.active {color: white;text-decoration:none;font-weight:bold;}

A.NavFooterLink,A.NavFooterLink:visited
{
color: #606060;
font-weight: normal;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
text-decoration: none;
line-height : 12px;
}
A.NavFooterLink:hover,A.NavFooterLink:active
{
color: #606060;
font-weight: normal;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
text-decoration: none;
line-height : 12px;
}

A.NavImageLink,A.NavImageLink:visited{
color: #21547B;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;
}
A.NavImageLink:hover,A.NavImageLink:active
{
color: red;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;}

A.NavImageLinkActive,A.NavImageLinkActive:visited{
color: red;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;
}
A.NavImageLinkActive:hover,A.NavImageLinkActive:active
{
color: red;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
line-height : 14px;}

/*end of new classes */
div#highlights-play {width:250px; height: 100px; float: left; background: url(../i/footer-left.jpg) 0 0 no-repeat; text-indent: -9999px;}
div#highlights-stay {width:250px; height: 100px; float: left; background: url(../i/footer-right.gif) 0 0 no-repeat; text-indent: -9999px;}
div#highlights-dine {width:250px; height: 100px; float: left; background: url(../i/footer-dine.jpg) 0 0 no-repeat; text-indent: -9999px;}
div#highlights-opening {width:250px; height: 100px; float: left; background: url(../i/footer-middle.gif) 0 0 no-repeat; text-indent: -9999px;}
div#highlights-play a, div#highlights-stay a, div#highlights-dine a, div#highlights-opening a {display: block; width:250px; height: 100px;}

div#footer-wrapper {width:936px;  text-align:center; padding: 5px 0 0;}
div#footer {width:936px; text-align:center; padding: 5px 0 0;}
div#footer p {font-size: 9px; color: #606060; text-align:center;}

/* Text */
h1 {font-size: 2.0em; margin: 0 0 10px 15px; color:White; text-align:left;}
h2 {font-size: .75em; margin:0 0 10px 15px;}
body#questions h2 {margin-top: 5px; text-decoration: underline;}
h3 {font-size: .75em; margin:0px 0px 5px 15px;}
h4, h5 {margin: 0 0 5px 15px; line-height:1.25em;}
p {font-size: 12px; color: white; margin: 0 5px 15px 15px; line-height: 16px; text-align:left;}
td {font-size: 12px; color: white; margin: 0 0px 0px 0px; line-height: 1.9em; text-align:left;}
ul, ol {margin: 0 0 15px 15px;}
ol, div#content-wrapper ul {padding-left: 30px;}
ol li {list-style:none;}
li {list-style:none;font-size: .8em; font-weight:bold; padding-bottom: 5px; line-height: 1.85em; margin: 0px; padding: 0px;}
img {border: 0;}
span.error {padding: 2px 4px; background-color: #b87f9e; color: #fff;}

/* Tables */
table.golf {width: 100%;}
table.golf td {background-color: #eee; color: #000; padding: 4px; text-align: center; border: 1px;}
table.golf td strong {color: #5c2945;}

/* Main Navigation */
#nav ul {margin: 0; background: url(../i/nav.gif) 0 0 no-repeat; height: 48px; width: 770px;}
#nav li {float: left; padding: 18px 0 0; text-indent: -9999px; list-style: none;}
#nav a {display: block; height: 30px; text-decoration: none; outline: 0;}

#nav li#play {left: 0; width: 67px;}
#nav li#play a:hover, #nav li#play a.selected {background: url(../i/nav.gif) 0 -76px no-repeat;}

#nav li#stay {left: 67px; width: 72px;}
#nav li#stay a:hover, #nav li#stay a.selected {background: url(../i/nav.gif) -67px -76px no-repeat;}

#nav li#dine {left: 139px; width: 72px;}
#nav li#dine a:hover, #nav li#dine a.selected  {background: url(../i/nav.gif) -139px -76px no-repeat;}

#nav li#entertain {left: 211px; width: 129px;}
#nav li#entertain a:hover, #nav li#entertain a.selected  {background: url(../i/nav.gif) -211px -76px no-repeat;}

#nav li#relax {left: 340px; width: 84px;}
#nav li#relax a:hover, #nav li#relax a.selected  {background: url(../i/nav.gif) -340px -76px no-repeat;}

#nav li#shop {left: 424px; width: 77px;}
#nav li#shop a:hover, #nav li#shop a.selected  {background: url(../i/nav.gif) -424px -76px no-repeat;}

#nav li#golf {left: 501px; width: 73px;}
#nav li#golf a:hover, #nav li#golf a.selected  {background: url(../i/nav.gif) -501px -76px no-repeat;}

#nav li#signup {left: 574px; width: 145px; margin-left: 51px;}
#nav li#signup a:hover, #nav li#signup a.selected  {background: url(../i/nav.gif) -625px -76px no-repeat;}

/* Left Navigation */
#header-nav-set2 ul, #header-nav-set3 ul {margin: 10px 0 0; height: 90px; width: 250px;} 
#header-nav-set3 ul {background: url(../i/nav-secondary-set3.gif) 0 -10px no-repeat;}
#header-nav-set2 li, #header-nav-set3 li {padding: 0; text-indent: -9999px; list-style: none;line-height:17px;}
#header-nav-set2 a, #header-nav-set3 a {display: block; height: 20px; text-decoration: none; outline: 0;}

#header-nav-set2 li#about {width: 170px; margin-left: 80px;line-height:17px; border:solid;}
#header-nav-set2 li#about a:hover, #header-nav-set2 li#about a.selected {background: url(../i/nav-secondary-set2-about-on.gif) no-repeat;line-height:17px;}

#header-nav-set2 li#contact {width: 170px; margin-left: 80px; background: url(../i/nav-secondary-set2-contact.gif) no-repeat;line-height:17px;}
#header-nav-set2 li#contact a:hover, #header-nav-set2 li#contact a.selected {background: url(../i/nav-secondary-set2-contact-on.gif) no-repeat;line-height:17px;}

#header-nav-set2 li#directions {width: 170px; margin-left: 80px; background: url(../i/nav-secondary-set2-directions.gif) no-repeat;line-height:17px;}
#header-nav-set2 li#directions a:hover, #header-nav-set2 li#directions a.selected {background: url(../i/nav-secondary-set2-directions-on.gif) no-repeat;line-height:17px;}

#header-nav-set2 li#promotions {width: 170px; margin-left: 80px; background: url(../i/nav-secondary-set2-promotions.gif) no-repeat;line-height:17px;}
#header-nav-set2 li#promotions a:hover, #header-nav-set2 li#promotions a.selected {background: url(../i/nav-secondary-set2-promotions-on.gif) no-repeat;line-height:17px;}
	
#header-nav-set3 li#press {width: 213px; margin-left: 37px; background: url(../i/nav-secondary-set3-press.gif) no-repeat; line-height:17px;}
#header-nav-set3 li#press a:hover, #header-nav-set3 li#press a.selected {background: url(../i/nav-secondary-set3-press-on.gif) no-repeat; line-height:17px;}

#header-nav-set3 li#employment {width: 213px; margin-left: 37px; background: url(../i/nav-secondary-set3-employment.gif) no-repeat; line-height:17px;}
#header-nav-set3 li#employment a:hover, #header-nav-set3 li#employment a.selected {background: url(../i/nav-secondary-set3-employment-on.gif) no-repeat; line-height:17px;}

#header-nav-set3 li#groups {width: 213px; margin-left: 37px; background: url(../i/nav-secondary-set3-sales.gif) no-repeat; line-height:17px;}
#header-nav-set3 li#groups a:hover, #header-nav-set3 li#groups a.selected {background: url(../i/nav-secondary-set3-sales-on.gif) no-repeat; line-height:17px;}

#header-nav-set3 li#foundation {width: 213px; margin-left: 37px; background: url(../i/nav-secondary-set3-found.gif) no-repeat; line-height:17px;}
#header-nav-set3 li#foundation a:hover, #header-nav-set3 li#foundation a.selected{background: url(../i/nav-secondary-set3-found-on.gif) no-repeat; line-height:17px;}

/* Subnavigation - General Styles */
#subnav-about ul, #subnav-employment ul, #subnav-groups ul, #subnav-play ul, #subnav-stay ul, #subnav-dine ul, #subnav-entertain ul, #subnav-relax ul, #subnav-shop ul, #subnav-golf ul {margin: 2px 0 0; height: 30px; width: 770px;}
#subnav-about li, #subnav-employment li, #subnav-groups li, #subnav-play li, #subnav-stay li, #subnav-dine li, #subnav-entertain li, #subnav-relax li, #subnav-shop li, #subnav-golf li {float: left; padding: 0; text-indent: -9999px; list-style: none; }
#subnav-about a, #subnav-employment a, #subnav-groups a, #subnav-play a, #subnav-stay a, #subnav-dine a, #subnav-entertain a, #subnav-relax a, #subnav-shop a, #subnav-golf a {display: block; height: 30px; text-decoration: none; outline: 0;}


/* Subnavigation - About */
div#content-wrapper #subnav-about ul {background-color: #fff; margin: 0 0 5px 10px; padding: 0; width: 490px;}

#subnav-about li#history {left: 10px; width: 63px; background: url(../i/subnav-about.gif) -10px 0 no-repeat;}
#subnav-about li#history a:hover, #subnav-about li#history a.selected {background: url(../i/subnav-about.gif) -10px -30px no-repeat;}

#subnav-about li#vision {left: 73px; width: 61px; background: url(../i/subnav-about.gif) -73px 0 no-repeat;}
#subnav-about li#vision a:hover, #subnav-about li#vision a.selected {background: url(../i/subnav-about.gif) -73px -30px no-repeat;}

#subnav-about li#questions {left: 134px; width: 75px; background: url(../i/subnav-about.gif) -134px 0 no-repeat;}
#subnav-about li#questions a:hover, #subnav-about li#questions a.selected {background: url(../i/subnav-about.gif) -134px -30px no-repeat;}

/* Subnavigation - Employment */
div#content-wrapper #subnav-employment ul {background-color: #fff; margin: 0 0 5px 10px; padding: 0; width: 490px;}

#subnav-employment li#jobs {left: 10px; width: 42px; background: url(../i/subnav-employment.gif) -10px 0 no-repeat;}
#subnav-employment li#jobs a:hover, #subnav-employment li#jobs a.selected {background: url(../i/subnav-employment.gif) -10px -30px no-repeat;}

#subnav-employment li#apply {left: 52px; width:80px; background: url(../i/subnav-employment.gif) -50px 0 no-repeat;}
#subnav-employment li#apply a:hover, #subnav-employment li#apply a.selected {background: url(../i/subnav-employment.gif) -50px -30px no-repeat;}

/* Subnavigation - Groups */
div#content-wrapper #subnav-groups ul {background-color: #fff; margin: 0 0 5px 10px; padding: 0; width: 490px;}

#subnav-groups li#one-day {left: 10px; width: 69px; background: url(../i/subnav-groups.gif) -10px 0 no-repeat;}
#subnav-groups li#one-day a:hover, #subnav-groups li#one-day a.selected {background: url(../i/subnav-groups.gif) -10px -30px no-repeat;}

#subnav-groups li#overnight {left: 79px; width: 86px; background: url(../i/subnav-groups.gif) -79px 0 no-repeat;}
#subnav-groups li#overnight a:hover, #subnav-groups li#overnight a.selected {background: url(../i/subnav-groups.gif) -79px -30px no-repeat;}

#subnav-groups li#banquets {left: 165px; width: 144px; background: url(../i/subnav-groups.gif) -165px 0 no-repeat;}
#subnav-groups li#banquets a:hover, #subnav-groups li#banquets a.selected {background: url(../i/subnav-groups.gif) -165px -30px no-repeat;}

#subnav-groups li#event-space {left: 309px; width: 87px; background: url(../i/subnav-groups.gif) -309px 0 no-repeat;}
#subnav-groups li#event-space a:hover, #subnav-groups li#event-space a.selected {background: url(../i/subnav-groups.gif) -309px -30px no-repeat;}

#subnav-groups li#business-center {left: 396px; width: 104px; background: url(../i/subnav-groups.gif) -396px 0 no-repeat;}
#subnav-groups li#business-center a:hover, #subnav-groups li#business-center a.selected {background: url(../i/subnav-groups.gif) -396px -30px no-repeat;}


/* Subnavigation - Play */
#subnav-play ul {background-color: #4b253e;}

#subnav-play li#club {left: 0; width: 105px; background: url(../i/subnav-play.gif) 0 0 no-repeat;}
#subnav-play li#club a:hover, #subnav-play li#club a.selected {background: url(../i/subnav-play.gif) 0 -30px no-repeat;}

#subnav-play li#promo {left: 105px; width: 102px; background: url(../i/subnav-play.gif) -105px 0 no-repeat;}
#subnav-play li#promo a:hover, #subnav-play li#promo a.selected {background: url(../i/subnav-play.gif) -105px -30px no-repeat;}

#subnav-play li#slot-news {left: 207px; width: 89px; background: url(../i/subnav-play.gif) -207px 0 no-repeat;}
#subnav-play li#slot-news a:hover, #subnav-play li#slot-news a.selected {background: url(../i/subnav-play.gif) -207px -30px no-repeat;}

#subnav-play li#lottery {left: 298px; width: 70px; background: url(../i/subnav-play.gif) -298px 0 no-repeat;}
#subnav-play li#lottery a:hover, #subnav-play li#lottery a.selected {background: url(../i/subnav-play.gif) -298px -30px no-repeat;}

#subnav-play li#responsible{left: 368px; width: 154px; background: url(../i/subnav-play.gif) -368px 0 no-repeat;}
#subnav-play li#responsible a:hover, #subnav-play li#responsible a.selected {background: url(../i/subnav-play.gif) -368px -30px no-repeat;}


/* Subnavigation - Stay */
#subnav-stay ul {background-color: #ebab00;}

#subnav-stay li#reserve {left: 0; width: 109px; background: url(../i/subnav-stay.gif) 0 0 no-repeat;}
#subnav-stay li#reserve a:hover, #subnav-stay li#reserve a.selected {background: url(../i/subnav-stay.gif) 0 -30px no-repeat;}

#subnav-stay li#specials {left: 109px; width: 156px; background: url(../i/subnav-stay.gif) -109px 0 no-repeat;}
#subnav-stay li#specials a:hover, #subnav-stay li#specials a.selected {background: url(../i/subnav-stay.gif) -109px -30px no-repeat;}

#subnav-stay li#bus-groups {left: 265px; width: 171px; background: url(../i/subnav-stay.gif) -265px 0 no-repeat;}
#subnav-stay li#bus-groups a:hover, #subnav-stay li#bus-groups a.selected {background: url(../i/subnav-stay.gif) -265px -30px no-repeat;}

#subnav-stay li#confs-mts {left: 436px; width: 185px; background: url(../i/subnav-stay.gif) -436px 0 no-repeat;}
#subnav-stay li#confs-mts  a:hover, #subnav-stay li#confs-mts  a.selected {background: url(../i/subnav-stay.gif) -436px -30px no-repeat;}


/* Subnavigation - Dine */
#subnav-dine ul {background-color: #c0362c;}

#subnav-dine li#steak {left: 0; width: 123px; background: url(../i/subnav-dine.gif) 0 0 no-repeat;}
#subnav-dine li#steak a:hover, #subnav-dine li#steak a.selected {background: url(../i/subnav-dine.gif) 0 -30px no-repeat;}

#subnav-dine li#sorelle {left: 123px; width: 86px; background: url(../i/subnav-dine.gif) -123px 0 no-repeat;}
#subnav-dine li#sorelle a:hover, #subnav-dine li#sorelle a.selected {background: url(../i/subnav-dine.gif) -123px -30px no-repeat;}

#subnav-dine li#diner {left: 209px; width: 104px; background: url(../i/subnav-dine.gif) -209px 0 no-repeat;}
#subnav-dine li#diner a:hover, #subnav-dine li#diner a.selected {background: url(../i/subnav-dine.gif) -209px -30px no-repeat;}

#subnav-dine li#buffet {left: 313px; width: 86px; background: url(../i/subnav-dine.gif) -313px 0 no-repeat;}
#subnav-dine li#buffet a:hover, #subnav-dine li#buffet a.selected {background: url(../i/subnav-dine.gif) -313px -30px no-repeat;}

#subnav-dine li#togo {left: 399px; width: 60px; background: url(../i/subnav-dine.gif) -399px 0 no-repeat;}
#subnav-dine li#togo a:hover, #subnav-dine li#togo a.selected {background: url(../i/subnav-dine.gif) -399px -30px no-repeat;}

#subnav-dine li#room {left: 459px; width: 111px; background: url(../i/subnav-dine.gif) -459px 0 no-repeat;}
#subnav-dine li#room a:hover, #subnav-dine li#room a.selected {background: url(../i/subnav-dine.gif) -459px -30px no-repeat;}


/* Subnavigation - Entertain */
#subnav-entertain ul {background-color: #00234c;}

#subnav-entertain li#gypsy {left: 0; width: 206px; background: url(../i/subnav-entertain.gif) 0 0 no-repeat;}
#subnav-entertain li#gypsy a:hover, #subnav-entertain li#gypsy a.selected {background: url(../i/subnav-entertain.gif) 0 -30px no-repeat;}

#subnav-entertain li#glass {left: 800px; width: 217px; background: url(../i/subnav-entertain.gif) -207px 0 no-repeat;}
#subnav-entertain li#glass a:hover, #subnav-entertain li#glass a.selected {background: url(../i/subnav-entertain.gif) -207px -30px no-repeat;}

/* Subnavigation - Relax */
#subnav-relax ul {background-color: #da5c05;}

#subnav-relax li#spa {left: 0; width: 42px; background: url(../i/subnav-relax.gif) 0 0 no-repeat;}
#subnav-relax li#spa a:hover, #subnav-relax li#spa a.selected {background: url(../i/subnav-relax.gif) 0 -30px no-repeat;}

#subnav-relax li#salon {left: 42px; width: 61px; background: url(../i/subnav-relax.gif) -42px 0 no-repeat;}
#subnav-relax li#salon a:hover, #subnav-relax li#salon a.selected {background: url(../i/subnav-relax.gif) -42px -30px no-repeat;}

#subnav-relax li#fitness {left: 103px; width: 116px; background: url(../i/subnav-relax.gif) -103px 0 no-repeat;}
#subnav-relax li#fitness a:hover, #subnav-relax li#fitness a.selected {background: url(../i/subnav-relax.gif) -103px -30px no-repeat;}


/* Subnavigation - Shop */
#subnav-shop ul {background-color: #7a1a57;}

#subnav-shop li#boutique {left: 0; width: 114px; background: url(../i/subnav-shop.gif) 0 0 no-repeat;}
#subnav-shop li#boutique a:hover, #subnav-shop li#boutique a.selected {background: url(../i/subnav-shop.gif) 0 -30px no-repeat;}

#subnav-shop li#shoppe {left: 114px; width: 171px; background: url(../i/subnav-shop.gif) -114px 0 no-repeat;}
#subnav-shop li#shoppe a:hover, #subnav-shop li#shoppe a.selected {background: url(../i/subnav-shop.gif) -114px -30px no-repeat;}

#subnav-shop li#news-stand {left: 285px; width: 99px; background: url(../i/subnav-shop.gif) -285px 0 no-repeat;}
#subnav-shop li#news-stand a:hover, #subnav-shop li#news-stand a.selected {background: url(../i/subnav-shop.gif) -285px -30px no-repeat;}


/* Subnavigation - Golf */
#subnav-golf ul {background-color: #4a601c;}

#subnav-golf li#course {left: 0; width: 67px; background: url(../i/subnav-golf.gif) 0 0 no-repeat;}
#subnav-golf li#course a:hover, #subnav-golf li#course a.selected {background: url(../i/subnav-golf.gif) 0 -30px no-repeat;}

#subnav-golf li#rates {left: 67px; width: 56px; background: url(../i/subnav-golf.gif) -67px 0 no-repeat;}
#subnav-golf li#rates a:hover, #subnav-golf li#rates a.selected {background: url(../i/subnav-golf.gif) -67px -30px no-repeat;}

#subnav-golf li#policies {left: 123px; width: 72px; background: url(../i/subnav-golf.gif) -123px 0 no-repeat;}
#subnav-golf li#policies a:hover, #subnav-golf li#policies a.selected {background: url(../i/subnav-golf.gif) -123px -30px no-repeat;}

#subnav-golf li#season {left: 195px; width: 160px; background: url(../i/subnav-golf.gif) -195px 0 no-repeat;}
#subnav-golf li#season a:hover, #subnav-golf li#season a.selected {background: url(../i/subnav-golf.gif) -195px -30px no-repeat;}

#subnav-golf li#tee-times {left: 355px; width: 132px; background: url(../i/subnav-golf.gif) -355px 0 no-repeat;}
#subnav-golf li#tee-times a:hover, #subnav-golf li#tee-times a.selected {background: url(../i/subnav-golf.gif) -355px -30px no-repeat;}

/* Contact Us/ Subscribe */
div.contact-us {margin: 0; padding: 5px 0 0 15px;}
div.contact-us h3 {color:#5c2945; font-size: 0.8em; margin: 0; padding: 0 0 15px;}
div.contact-us h4, div.subscribe {color:#666; font-size: 0.7em; margin: 0 0 4px;}
div.contact-us h5 {color:#5c2945; margin: 0 0 15px; font-weight:300;}
div.contact-us h5.error {background-color:#5c2945; color: #fff; font-weight:bold; padding: 2px;}
div.contact-us dl {margin: 10px 0 30px; padding: 0;}

div.subscribe {padding: 0; margin: 15px 0; font-weight:600; font-size: 0.7em;}
div.subscribe input {padding: 0; margin: 0 5px 0 1px}

dl.contact-submit dt, dl.playersclub-submit dt, dl.employment-submit dt {color:#666; font-weight: bold; font-size: 0.7em; float: left; width: 20%; display: block;}
dl.contact-submit dd, dl.playersclub-submit dd, dl.employment-submit dd {margin:10px 0; display: block;}
Employment_Header {color:#666; font-weight: bold; font-size: 0.7em; float: left; width: 20%; display: block;}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
