/*Author - 12 Grain Studio
/*Client - The Old Ceremony
/*URL - www.theoldceremony.com



A. COLORS
-----------------------------------------------------------------------------

#hex (desc)

#663333 (global links maroon)
#a7b1b4 (bg grey-blue)
#333333 (content dark grey)
#ffffff (white)
#f7f5f1 (off white)
#666666 (footer grey)



B. TABLE OF CONTENTS
-----------------------------------------------------------------------------

1. RESET
2. BASE
3. PAGE WRAPPER
4. HEADER/NAVIGATION
	4a. HEADER 
	4B. MAIN NAVIGATION

5. CONTENT
	5a. CONTENT WRAPPER
	5b. LEFT COLUMN - HOME CONTENT
		FEATURED ITEM
		FLASH MUSIC PLAYER
		GOODS
	5c. LEFT COLUMN - INTERNAL CONTENT
		FEATURED IMAGE
		FEATURED TEXT
	5d. CENTER COLUMN - HOME CONTENT
		NEWS
		NETWORK LINKS
	5e. RIGHT COLUMN - HOME CONTENT
		SHOWS
		MAILING LIST
		RECENT PHOTOS GALLERY
	5F.  INTERNAL PAGE CONTENT
6. FOOTER
7. GLOBAL LINKS AND LISTS
	LIST
	MORE LINK
	THUMBNAILS
	TOPSPIN BUTTONS
8. MISC
	CLEARFIX
 	
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/



/* 1. RESET
no editing required
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-top: 0px;
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

a img{ border: 0; }

img{ display: block; }




/* 2. BASE TYPO
----------------------------------------------------------------------------- */

body {
margin-top:5px;
margin-bottom:10px;
background: #a7b1b4 url(../images/bg_bluePaper.jpg) repeat 0 0;
color:#333;
text-align: left;
}


A:link {
COLOR: #660000;
text-decoration: none
}
A:visited {
COLOR: #663333;
text-decoration: none
}
A:active {
COLOR: #660000;
text-decoration: none
}
A:hover {
COLOR: #660000;
text-decoration: underline
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }




/* 3. PAGE WRAPPER
----------------------------------------------------------------------------- */
#page_wrapper {
margin-left: auto;
margin-right: auto;
width: 970px;
text-align: left;
background: transparent url('') top left repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0px;
}


/* 4a. HEADER/LOGO
----------------------------------------------------------------------------- */

#page_header {
clear:both;
margin: 0px;
width: 970px;
text-align:center;
}


#page_header h1,
#page_header h1 a,
#page_header h1 a:visited{
background: transparent url(../images/header_logo.jpg) no-repeat 0 0;
color:#990000;
height:131px;
margin-top: 0px;
text-indent: -5000px;
width: 100%;
}
#page_header h1 a:link, 
#page_header h1 a:visited{
display: block;
margin: 0;
}






/* ------------------------------------------------------------------------
4b.	NAVIGATION!
------------------------------------------------------------------------- */


#menu_bar {
margin:0px;
padding:0px;
height:75px;
clear:both;
width: 975px;
}

#navcontainer {
padding-left: 0;
margin-left: 0;
margin-top:0px;
background: transparent url() no-repeat top right; 
color: #ffffff;
float: left;
width: 100%;
height: 76px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform: uppercase;
}


#main-nav{
margin-left:0px;
padding:0px;
list-style:none;
display:inline;
width:100%;
}
#main-nav li {
float:left;
display:inline;
margin:0;
padding:0;
}

/* band LINK */	
a.bandLink{
float:left;
display: inline;
width:75px;
height:76px;
background: transparent url('../images/nav/nav_bandOff.jpg') no-repeat;
text-indent: 0px;
}
a.bandLink:hover{
background: transparent url('../images/nav/nav_bandOn.jpg') no-repeat;
}

/* shows LINK */	
a.showsLink{
float:left;
display: inline;
height: 76px;
width: 85px;
background: url('../images/nav/nav_showsOff.jpg') no-repeat;
text-indent: 0px;
}
a.showsLink:hover{
background: url('../images/nav/nav_showsOn.jpg') no-repeat;
}

/* media LINK */	
a.mediaLink{
float:left;
display: inline;
height: 76px;
width: 85px;
background: url('../images/nav/nav_mediaOff.jpg') no-repeat;
text-indent: 0px;
}
a.mediaLink:hover{
background: url('../images/nav/nav_mediaOn.jpg') no-repeat;
}


/* press LINK */	
a.pressLink{
float:left;
display: inline;
height: 76px;
width: 75px;
background: url('../images/nav/nav_pressOff.jpg') no-repeat;
text-indent: 0px;
}
a.pressLink:hover{
background: url('../images/nav/nav_pressOn.jpg') no-repeat;
}

/* blog LINK */	
a.contactLink{
float:left;
display: inline;
height: 76px;
width: 100px;
background: url('../images/nav/nav_contactOff.jpg') no-repeat;
text-indent: 0px;
}
a.contactLink:hover{
background: url('../images/nav/nav_contactOn.jpg') no-repeat;
}

/* blog LINK */	
a.blogLink{
float:left;
display: inline;
height: 76px;
width: 75px;
background: url('../images/nav/nav_blogOff.jpg') no-repeat;
text-indent: 0px;
}
a.blogLink:hover{
background: url('../images/nav/nav_blogOn.jpg') no-repeat;
}


/* store LINK */	
a.storeLink{
float:left;
display: inline;
height: 76px;
width: 103px;
background: url('../images/nav/nav_storeOff.jpg') no-repeat;
text-indent: 0px;
}
a.storeLink:hover{
background: url('../images/nav/nav_storeOn.jpg') no-repeat;
}

.hiddenPic {display:none;}





/* -----------------------------------------------------------------------------

5. CONTENT 
----------------------------------------------------------------------------- */


/*5a. ----- CONTENT WRAPPER   ------------------*/

#content_wrapper {
	border:0px solid #FFFFFF;
	height: 100%;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	text-align: left;
	background: transparent url('') top left repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
}



/* --------------------------------------------------
5B. LEFT COLUMN
--------------------------------------------------*/


#left_side {
float: left;
width:270px;
}

#left_side h3 {
margin-top:0px;
margin-bottom:5px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #333333;
padding:4px;
border: 1px #97be53 solid;
background-color: #999999;
background-image: url(../img/hbg.jpg);
background-repeat: repeat-x;
}

#left_side p {
margin-top:5px;
margin-bottom:15px;
padding:4px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
line-height: 16px;
color: #666666;
text-align: left;
}

/* ----HOME FEATURE-------------*/
#featured-container {
padding-left: 0px;
margin-left: 0;
margin-top:0px;
background: transparent url(../images/img_homeFeature.jpg) no-repeat 0 0;
float: left;
width: 270px;
height: 420px;

}

#featured-container h4{
padding: 85px 10px 10px 20px;
color: #663333;
width: 230px;
list-style:none;
font-size:12px;
}

/* ----HOME MUSIC PLAYER---------------*/
#flashcontent {
width:270px;
height:100px;
padding:0px;
margin: 0px;
float: left;
position: relative;
}



/* ---- HOME GOODS ---------------*/
#goods-container {
padding-left: 0px;
margin-left: 0;
margin-top:0px;
background: transparent url(../images/bg_goods.jpg) no-repeat 0 0;
color: #333;
float: left;
width: 270px;
height: 203px;
font-size:10px;
}
#goods-container ul{
padding: 40px 0px 0px 20px;
width: 230px;
list-style:none;
} 
#goods-container li{
color: #333;
}
#goods-container li img{
float:right;
margin-right: 0px;
padding: 0px;
}




/* --------------------------------------------------
5C. LEFT COLUMN - INTERNAL CONTENT
--------------------------------------------------*/


#left_inside {
float: left;
width:330px;
text-align:right;
}

#left_inside h3 {
margin-top:0px;
margin-bottom:5px;
font-family: verdana, arial, sans-serif;
font-size: 14px;
color: #333333;
padding:0px;	
}
#left_inside h4 {
margin-top:0px;
margin-bottom:5px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #333333;
padding:4px;

}

#left_inside p {
margin-top:0px;
margin-bottom:15px;
padding:4px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
line-height: 16px;
color: #333333;
text-align: left;
}

/* ----LEFT FEATURED IMAGE CONTENT-----------------------------*/
#featured-image {
	float:left;
	background: transparent url() no-repeat 0 0;
	margin: 20px 0px 0px 0px;
	height: 100%;
	width: 330px;
	padding-left: 0px;
	padding-bottom: 0px;
}


#featured-image ul{
padding: 0px;
width: 230px;
list-style:none;

} 
#featured-image li a{
color: #663333;
padding-top:5px;
}
#featured-image img {
color: #663333;
border:#fff 3px solid;
float: left;
}
#featured-image p {
color: #333;
font-size:9px;
text-align:right;
}

.pressButton{
	float:left;
	margin-right:10px;
	border:0px;
	margin-left: 80px;
}

.band-photoVert{
margin-left:80px;
}

#store-feature{
float:left;
background: transparent url() no-repeat 0 0;
margin: 20px 0px 10px 0px;
height: 100%;
width: 328px;
padding-left: 0px;
padding-bottom: 0px;
}

#store-feature h3{
color:#333333;
font-size:14px;
padding-right: 10px;
}
#store-feature h4{
color:#333333;
font-size:12px;
}
#store-feature p{
float:right;
width:270px;
color:#333333;
font-size:10px;
}



/* --------------------------------------------------
5d. CENTER COLUMN - HOME CONTENT
--------------------------------------------------*/


#center {
background-color:#A1ADB0;
margin-left:270px;
margin-right:320px;
width:370px;
height:100%;
}




/* ----- NEWS    ------------------*/

#news {
background: transparent url(../images/bg_home_news.jpg) no-repeat 0 0;
height: 550px;
width: 370px;
padding: 0px;
margin:auto;
}

/* ----NEWS SCROLLBAR SETTINGS----*/
#news-content {
width: 330px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 80px 10px 0px 25px;
font-size: 10px;
line-height: normal;
color: #333333;
text-align: left;
float: left;
padding: 2px;
padding-left: 0px;
}	


#news-content h3,
#news-content h3 a,
#news-content h3 a:visited{
color:#663333;
padding-top:0px;
width: 100%;
text-decoration:none;
}
#news-content h3 a:hover {
display: block;
margin: 0;
text-decoration:underline;
}

#news-content p {
margin-top:0px;
margin-bottom:10px;
padding:4px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
line-height: 12px;
color: #333333;
text-align: left;
}


/* ----NEWS ACCORDION SETTINGS----*/

#news dt
{
background:#eee url() bottom left;
color:#555;
height:30px;
padding-left:40px;
line-height:30px;
cursor:pointer;
}

#news dd
{
padding:10px;
}
/* -------------------- NEWS  END  ---------*/




/* --------------------  NETWORK LINKS --------------*/

#network-container {
padding-left: 0px;
margin-left: 0px;
margin-top:10px;
background: transparent url('../images/bg_networkLinks.jpg') no-repeat 0 0;
color: #ffffff;
width: 370px;
height:175px;
font-size:10px;
float: left;
}
.network-list {
	margin:25px 0px 0px 80px;
	padding:0px;
	list-style:none;
	display:block;
	width:auto;
} 
.network-list li{
	float:left;
	display:block;
	margin:0px 0 0 0px;
	padding:10px;
}

/* myspace LINK */	
a.myspace{
float:left;
display: inline;
background: transparent url('../images/btn_myspace.gif') no-repeat;
height:50px;
width:45px;
text-indent: 0px;

}
a.myspace:hover{
background: transparent url('../images/btn_myspaceOn.gif') no-repeat;

}

/* facebook LINK */	
a.facebook{
float:left;
display: inline;
background: url('../images/btn_facebook.gif') no-repeat;
height:43px;
width:92px;
text-indent: 0px;

}
a.facebook:hover{
background: url('../images/btn_facebookOn.jpg') no-repeat;

}

/* last.fm LINK */	
a.last{
float:left;
display: inline;
background: url('../images/btn_last.jpg') no-repeat;
height:59px;
width:90px;
text-indent: 0px;
}
a.last:hover{
background: url('../images/btn_lastOn.jpg') no-repeat;
}

/* media LINK */	
a.wiki{
float:left;
display: inline;
background: url('../images/btn_wiki.jpg') no-repeat;
height:59px;
width:87px;
text-indent: 0px;
}
a.wiki:hover{
background: url('../images/btn_wikiOn.jpg') no-repeat;
}


.spacer{
width:80px;
height:1px;
}



/* --------------------------------------------------
5E. RIGHT COLUMN - HOME CONTENT
--------------------------------------------------*/

#right_side {
float: right;
width:320px;
}

#right_side h3 {
margin-top:0px;
margin-bottom:5px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000000;
padding:4px;
border: 1px #97be53 solid;
background-image: url(../img/hbg.jpg);
background-repeat: repeat-x;
}

#right_side p {
margin-top:5px;
margin-bottom:15px;
padding:4px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 16px;
color: #666666;
text-align: left;
}

/* ----- HOME SHOWS ----*/
#shows-container {
padding-left: 0px;
margin-left: 0;
background: transparent url(../images/bg_home_shows.jpg) no-repeat 0 0;
color: #333;
float: left;
width: 320px;
height: 370px;
font-size:10px;
}
#show-list{
padding: 40px 20px 10px 20px;
width: 280px;
list-style:none;
} 
#show-list li{
padding-top:5px;
line-height: normal;
}


/* -----MAILING LIST ----*/
#mail-container {
padding-left: 0px;
margin-left: 0;
margin-top:5px;
background: transparent url(../images/bg_mailingList.jpg) no-repeat 0 0;
color: #ffffff;
float: left;
width: 320px;
height: 170px;
font-size:10px;
padding-top: 0px;
}

#mail-container p{
margin-top:20px;
margin-left:20px;
width:280px;
}
#form{
	padding:90px 0 10px 20px;
}
#mailing{
color: #000;
margin: 0 0 5px;
font: normal 10px/12px Verdana, sans-serif;
border:1px solid #666;
height: 18px;
padding:5px;
width: 170px;
}
.form input.submit{
color: #000;
font: bolder 12px/14px Verdana, sans-serif; 
margin-top: 0px;
width: 75px;
}

a.submit{
color:#000000;
}
a.submit:hover{
color:#990000;
}



/* -----RECENT PHOTOS GALLERY ----*/

#photos-container {
padding-left: 0px;
margin-left: 0;
margin-top:0px;
background: transparent url(../images/bg_home_photos.jpg) no-repeat center top;
color: #ffffff;
float: left;
width: 320px;
height: 220px;
font-size:10px;
}
#photolist {
padding-left: 25px;
margin-left: 0px;
display:block;
width: 290px;
margin-top: 45px;
}

#photolist li {
display:inline;
list-style: none; 
margin: 0px;
padding:0px;

}





/* --------------------------------------------------
 INTERNAL PAGE CONTENT
--------------------------------------------------*/	

#content {
margin-left:350px;
margin-right:70px;
width:550px;
height:100%;
}


#main-content{
	float:right;
	background: transparent url(../images/bg_pagebg.jpg) repeat-y 0 0;
	margin: 0px 50px 50px 10px;
	height: 100%;
	width: 550px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#main-content h3{
color:#663333;
font-size:18px;
padding:0px 0 5px 25px;
}

#main-content h4{
	color:#333333;
	font-size:14px;
	padding:0px 0 5px 25px;
}

#main-content h5{
color:#333333;
font-size:12px;
padding:0px 0 0 25px;
text-align: left;
}
#main-content h6{
color:#663333;
font-size:10px;
padding:0px 0 0 0px;
text-align: center;
}

#main-content p{
color:#333;
padding: 5px 10px 10px 20px;
}

#main-end{
background: transparent url(../images/bg_pageFooter.jpg) no-repeat left bottom;
height: 50px;
float: left;
width: 550px;
}





#media-content{
float:right;
background: transparent url(../images/bg_pagebg.jpg) repeat-y 0 0;
margin: 0px 50px 50px 32px;
height: auto;
width: 550px;
padding-left: 0px;
padding-bottom: 0px;
list-style:none;
display:block;
}

#media-content h1{
list-style:none;
background: transparent url(../images/header_media.jpg) no-repeat 0 0;
height:100px;
text-indent:-5000px;
} 

#media-content h3{
color:#333333;
padding:15px 0 5px 20px;
font-size:14px;
text-align: left;
}
#media-content h5{
color:#663333;
padding:0px 0 5px 20px;
font-size:10px;
text-align: left;
font-weight:normal;
}



#photo-container
{
background: #f0e7d7;
margin: 10px;
padding: 10px;
font-family: georgia, serif;
width:auto;
}

#photo-container h3{
color:#333333;
padding:0px 0 0px 20px;
font-size:14px;
}


.row{
background-color:#F4F2F1;
height:150px;
width:500px;
margin: 0px 20px 10px 30px;
}

.row-long{
	background-color:#F4F2F1;
	height:100%;
	width:510px;
	margin: 0px 20px 30px 20px;
	font-size:10px;
	float: left;
}

.row-long h4{
font-size:12px;
float: left;
margin: 0 0 5px 0;
}

.pic{
float:left;
height:100%;
width:auto;
margin:2px 8px;
padding:0px;
}
.pic img{
padding: 10px;
border:none;		
}

.ls img{
height: 90px;
width:128px;
padding: 0px;
border:none;
margin: 16px 0;

}
.pt img{
height: 128px;
width:90px;
padding: 0px;
border:none;
margin:0 16px;

}
.pic ul {
margin:0.25em;
padding:0px;
font-size:10px;
width: 95%;
}

.title{
	color:#333333;
	font-size:10px;
	text-align:left;
	display:block;
	font-weight:bold;
	padding-top: 5px;
}
.subtitle{
	color:#333333;
	font-size:10px;
	text-align:center;
	display:block;
	font-weight: bold;
}
.date{
color:#333333;
font-size:10px;
text-align:center;
display:block;
}


.price{
	color:#333333;
	font-size:11px;
	text-align:left;
	display:block;
	font-weight: bold;
	padding: 0;
	margin-bottom: 5px;
}
.buy{
	color:#663333;
	font-size:14px;
	padding-bottom:0px;
	text-align:left;
	display:block;
	margin-bottom: 8px;
	height: auto;
}
.pic a {
color:#660000;
text-decoration:none;
background-color:#FFFFFF;
}
a.galleryLink {
color:#990000;
text-decoration:underline;
background-color:#000;
}

.description {
	padding-left: 0px;
	margin-left: 0px;
	font-size:10px;
	display:block;
	width: 100px;
	text-align:left;
	float: right;
}
.music {
float:left;
width:20px;
padding:0px;
margin-right: 0px;
position: relative;
}

.thumb{
border: 1px solid #fff;
margin: 0px;
padding: 0px;
float: left;
}

a.thumb {
border: 1px solid #fff;
margin: 0px;
padding: 0px;
float: left;
}

a.thumb:hover{
border: 1px solid #663333;
margin: 0px;
padding: 0px;
}


.pic-large{
float:left;
height:auto;
width:auto;
margin:0px 0px;
padding:5px 10px 20px 0px;
}
.pic-large img{
padding: 0px;
border:none;

}

.descript ul{
margin:.25em;
padding:10px;
font-size:10px;
float:left;
}









/* --------------------------------------------------
 6. FOOTER
--------------------------------------------------*/	

#page_footer {
height: 160px;
background: transparent url(../images/img_horse.gif) no-repeat center top;
clear: both;
margin-top: 10px;
}

#page_footer p {
padding-top:100px;
text-align:center;
font-family: verdana;
font-size: 10px;
line-height:14px;
color:#333333;
}

#page_footer A:link {
COLOR:#660000; text-decoration: none
}
#page_footer A:visited {
COLOR: #660000; text-decoration: none
}
#page_footer A:active {
COLOR: #660000; text-decoration: none
}
#page_footer A:hover {
COLOR: #660000; text-decoration: underline
}





/* ----------------------------------------------------------------------------- 
7. GENERAL LINK LISTs and LINKS LINKS SETTINGS
----------------------------------------------------------------------------- */


.moreLink {
float:right;
text-align:right;
padding-right: 20px;
margin-top:5px;
color:#990000;
text-decoration:none;
}

a.moreLink {
float:right;
text-align:right;
padding-right: 20px;
color:#990000;
margin-top:5px;
text-decoration:none;
}
a.moreLink:hover {
color:#990000;
text-decoration:underline;
}

a.textLink {
text-align:left;
color:#990000;
text-decoration:none;
}
a.textLink:hover {
color:#990000;
text-decoration:underline;
}

a.grainLink {
text-align:left;
color:#663333;
text-decoration:none;
}
a.grainLink:hover {
color:#990000;
text-decoration:underline;
}


#linklist {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #006633;
display:block;
width: 100%;
text-align:right;
}

#linklist li {
list-style: none; 
margin: 0px;
line-height:25px;
font-family:verdana;
font-size:10px;
border-left: 1px solid #006633;
border-right: 1px solid #006633;

}

#linklist li a {
text-decoration: none;
background-image: url(../img/menu_bg.gif);
display:block;
width: 90%;
font-weight: bold;
padding-left: 10px;
color: #006633;
}



.track-list {
	padding-left: 0px;
	margin-left: 0px;
	font-size:10px;
	display:block;
	width: 185px;
	text-align:left;
	float: left;
	line-height: 14px;
	border-right: 1px solid #999;
}


#full-list{
padding: 0 10px 0 30px;
width: 480px;
list-style:none;
} 
#full-list ul{
list-style:none;
} 
#full-list li{		
padding-top:10px;
}

#full-list li{		
padding-top:10px;
}



#full-show-list{
padding: 0 10px 0 30px;
width: 480px;
list-style:none;
} 
#full-show-list ul{
list-style:none;
} 
#full-show-list li{		
padding-top:10px;
}



#full-press-list{
padding: 0 10px 0 30px;
width: 480px;
list-style:none;
} 

#full-press-list ul{
list-style:none;
} 
#full-press-list li{		
padding-top:10px;
}





.thumbnail_large {
float:none;
margin-right:0px;
margin-left:0px;
margin-bottom:10px;
border:0px #fff solid;
}

.thumbnail_left {
float:left;
margin-right:10px;
margin-bottom:5px;
border:0px;
}

.thumbnail_right {
float:right;
margin-left:10px;
margin-bottom:5px;
border:0px;
}





/* ------------------------------------------------------------------------
TopSpin Buttons!
------------------------------------------------------------------------- */


a.ts_buttonlink {
color: #333;
background-color:#a7b1b4;
border:1px solid #a7b1b4;
font-size:11px;
background-image:none;
text-decoration:none;

}

a.ts_buttonlink:hover {
color: #333;
background-color:#fff;
border:1px solid #663333;
font-size:11px;
background-image:none;
text-decoration:none;

}



/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */

.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 */