/**
 * McGill STYLES
 */
html, body, ul , ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, div, img{
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
	text-decoration: none;
    font-family: "Century Gothic";
    FONT-WEIGHT: normal; 
}
a
{
    font-size: .80em;
    color: blue;
    font-family: Verdana;
    text-decoration:none;
    font-weight:normal;	
}
a:hover
{
    font-size: .80em;
    color: blue;
    font-family: Verdana;
    text-decoration:underline;
    font-weight:normal;	
}
#rednosetext{
	color: #000000;
font-size: .73em;
padding-left:10px;padding-bottom;100px;
	text-decoration: none;
    font-family: "Century Gothic";
    FONT-WEIGHT: normal; 
}
p :link
{
    text-decoration: underline;
}

p :hover
{
    text-decoration: none;
}

p :visited
{
    text-decoration: underline;
}


h1
{
    margin: 0em 0px .5em 0px;
    font-size: 1.2em;
    color: black;
    font-family: Verdana;
}

h2
{
    margin: 11px 0px .5em 0px;
    font-size: .90em;
    color: black;
    font-family: Verdana;
}

#MainDIV {
	margin: 0px;
	width: 767px;
}

/**#wrapper{ 
	width:767px; 
	left:50%; 
	top:25px;

}**/

/***********************************************/
/* Wrapper Controls for the whole page         */
/***********************************************/
#wrapper {
	/**width: 767px;**/
	width:775px;
	margin-top: 15px;
	margin-bottom: 7px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 27px 0;
	border: 1px solid #999999;
	}
	
#holder 
{
    width: 100%;
}
#admincontent
{ padding-left:20px;
	position:relative;
	width: 70%;
	left:197px;
	border: 1px solid #999999;
	top:10px;
	}
#leftcontentAdmin
	{
		position: absolute;
		top:70px;
		left:8px;
		width:185px;
		height:90%;
		background:gainsboro;
		z-index:100;

		}
		#leftcontentUser
	{
		position: absolute;
		top:70px;
		left:8px;
		width:185px;
		height:90%;
		background:gainsboro;
		z-index:100;

		}
#contentwrapperHOLD{ 
	width:767px; 
	position:absolute; 
	left:85%; 

}
#contentwrapper {
    /**float:right;**/
    margin: 0 5px 0 0px;
    padding-left:5px;
	width:560px;
	min-width: 0px; /* peekaboo bug fix for IE7 */
}
#Logo
{
    background-image: url(../SiteImages/mcgilllsheading.gif);
    background-repeat: no-repeat;
    width: 767px;
    height: 129px;
    margin: 11px 0 0 15px;
    
}
#homecominglogo
{
    /*background-image: url(../SiteImages/homecoming_2009.gif);*/
    background-repeat: no-repeat;
    width: 400px;
    height: 90px;
    left:350px;
    top:-25px;
    position:relative;
    font-size: .80em;
}
#LogoInver
{
    background-image: url(../SiteImages/InverclydeLocalheading.gif);
    background-repeat: no-repeat;
    width: 767px;
    height: 129px;
    margin: 11px 0 0 15px;
    
}



#adminLogo 
{
    width: 183px; 
    background-repeat: no-repeat; 
    left:8px;
    top:10px;
    padding-left:0px;
    position: absolute;
    border:Solid 1px gray;
     
}
#LogoCityConnect
{
    background-image: url(../SiteImages/cityconnect_Logo2.gif); 
    width: 767px; 
    background-repeat: no-repeat; 
    height: 129px;
    margin: 11px 0 0px 11px;
}
#LogoSmoothie
{
    background-image: url(../SiteImages/smoothiecruiers_Logo2.gif);
    width: 767px;
    background-repeat: no-repeat;
    height: 129px;
    margin: 11px 0 0 11px;
}

#Clock
{
    visibility: visible;
	FONT-WEIGHT: bold; 
	COLOR: #164e99;
	Font-Size:12px;
	margin-top: 65px; 
	left:0;
	font-family: arial; 
	text-align: left;
	width:75px;
	border: 1px solid #999999;
	padding: 0 0 0 11px;
}

#LoginView
{
    visibility: visible;
	FONT-WEIGHT: normal; 
	COLOR: #164e99;
	Font-Size:.80em;
	margin-top: 5px; 
	width: 700px; 
	right:200px;
	font-family: arial; 
	text-align: right;
}
#adminLoginView
{
	position:relative;
    visibility: visible;
	FONT-WEIGHT: normal; 
	COLOR: #164e99;
	Font-Size:12px;
	width: 150px; 
	margin-right: 25px; 
	font-family: arial; 
	text-align: right;


}
#footer{
     margin-top: 7px;
	 background-color: white;
}

#footerinner{
	margin-left: 15px; 
	margin-right: 15px; 
	margin-top:0px;
	top: 0px;
	padding-top:5px;
	text-align:center;
	font-size:.75em;

}
#copyright{
	font-size:.75em;
	margin-left: 0px; 
	margin-right: 15px; 
	margin-top:0px;
	top: 0px;
	padding-top:10px;

}
#menu
{
    width:767px;
}

#menu li
{
    display: inline;
}
#menu ul
{
	list-style: none;
}


#ReturnHome {
	width: 146px; 
	height: 20px; 
	z-index: 99; 
	background-color: transparent;
	background-repeat: no-repeat;
	margin: 0em 0px .5em 0px;
    font-size: 0.89em;
    color: #666666;
    font-family: Verdana;
    cursor:hand;

}
/**home page page button**/
#menu1{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_HOME.jpg);
	background-repeat: no-repeat;

}

#menu1_here{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_HOME.jpg);
	background-repeat: no-repeat;

}
/**bus services page button**/
#menu2{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_INVERCLYDE.jpg);
	background-repeat: no-repeat;

}

#menu2_here{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_INVERCLYDE.jpg);
	background-repeat: no-repeat;

}
/**city connect page button**/
#menu3{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_CONNECT.jpg);
	background-repeat: no-repeat;

}
#menu3_here{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_CONNECT.jpg);
	background-repeat: no-repeat;

}
/**smoothie cruisers page button**/
#menu4{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_RENFREWSHIRE.jpg);
	background-repeat: no-repeat;

}
#menu4_here{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_RENFREWSHIRE.jpg);
	background-repeat: no-repeat;

}
/**bus times page button**/
#menu5{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_FARES.jpg);
	background-repeat: no-repeat;

}
#menu5_here{
	width: 150px; 
	height: 140px; 
	z-index: 99; 
	background-color: transparent;
	background-image: url(../SiteImages/MCGILLS_FARES.jpg);
	background-repeat: no-repeat;

}

#main_content{
	width: 767px;
	background-color: white; 
}

/**#leftcontent
{
   	width:172px;
   	margin-left:11px;
	margin-bottom:25px;
	margin-top:15px;
}**/

#leftcontent {
	float: left;
	width: 172px;
	margin: 15px 0px 15px 10px;
	padding: 0 5px 0 0;
	display:inline-block;
	border-right:dotted 1px #dcdcdc;
}
#Newsarea
{
	width:170px;
	margin-bottom:2px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:left;
	border-bottom:1px dotted;
	border-bottom-color:#dcdcdc;
}

#NewsHeader
{
	left:0px;
	width:170px;
	margin-bottom:2px;
	font-weight: bold; 
	color: black;
	Font-Size:14px;
	text-align:left;
}
#NewsImage
{
	position: relative;
	top:2px;
	left:0px;
	margin-bottom:3px;
}
#NewsDate
{
	width:170px;
	padding:0px 0 0 0;
	margin-bottom:2px;
	font-weight: bold; 
	color: #f96302;
	Font-Size:.73em;
	text-align: left;
}
#NewsTitle
{
	width:170px;
	margin-bottom:0px;
	margin-top:7px;
	text-align: left;
}
#NewsText
{
	width:170px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align:left;
}

#adminmenuitem
{
   font-family: verdana;
   text-align:left;
   font-size:.75em;
   color: #f96302;
   font-weight:bold;  
   height:20px;  
}
#AdminNewsTitle
{
	width:150px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align: left;
}
#AdminNewsText
{
	width:200px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align:left;
}
#AdminNewsProvider
{
	width:100px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: black;
	Font-Size:.73em;
	text-align: left;
}
#AdminNewsDate
{
	width:70px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: black;
	Font-Size:.73em;
	text-align: left;
}
#NewsLink
{
	width:170px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #F96302;
	Font-Size:.70em;
	text-align:right;
	cursor:hand;
}
#NewsLink2
{
	width:170px;
	margin-bottom:2px;
	FONT-WEIGHT: bold; 
	color: #f96302;
	Font-Size:.75em;
	text-align:right;
	cursor:hand;
}

#travelsavings
{
    width: 170px;
    margin-bottom: 2px;
    margin-top: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
    border-bottom: #dcdcdc 1px dotted;
}

.travelsavingsTitle
{
	width:170px;
	margin-bottom:2px;
	FONT-WEIGHT: bold; 
	COLOR: black;
	Font-Size:.73em;
	text-align: left;
}
.travelsavingsText
{
	width:170px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR:#333333;
	Font-Size:.70em;
	text-align:left;
}
.Link
{
	width:100%;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR:blue;
	Font-Size:.70em;
	text-align:right;
	text-decoration:none;
} 
#centercontentwide 
{
	margin-top:25px;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:11px;
	display:block;
	
}

#centercontentfullpage 
{
	margin-top:25px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:11px;
	width:700px;
}
/**#centercontentwide 
{
	margin-top:25px;
	margin-left: 55px;
	margin-right:35px;
	

}**/
#centercontentwide p
{
    font-size: .75em;
    color:#333333;
    line-height:1.45em;
    padding-bottom:11px;
    text-align:justify;
}
#Title {
	margin: 0px; 
	padding: 0px;
	color: #000000;
	font-weight:normal;
	font-size:14pt;
	}
#opencopy
{
    border-bottom-width:1px;
    border-bottom-style:dotted;
    border-bottom-color:#dcdcdc;
    padding-bottom:25px;
    margin-bottom:11px;
}
.opencopyTitle 
{
   font-size:1.2em;
    font-weight:normal;
    padding: 15px 0 7px 0;
    color:#333333;
}

.opencopysubhead
{
    font-weight: bold;
}

.editorialimage
{
    float:left;
    margin: 5px 7px 0px 0;
  /**  border:1px; border-style:solid; border-color:Gray;**/
}

#homepageinfocontainer
{
    width:517px;
}
#homepagefuture 
{
    width:45%;
    padding-bottom:5px;
    margin-bottom:7px;
    margin-right:0px;
    padding-right:7px;
    border-right-color:#dcdcdc;
    border-right-style:dotted;
    border-right-width:1px;
}

#homepagefuture p 
{
  width:100%;
  font-size: .75em;
  color:#333333;
  line-height:1.45em;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:7px;
  text-align:justify;
}
.homepagefutureTitle 
{
    font-size:1.2em;
    font-weight:normal;
    padding: 5px 0 7px 0;
    color:#333333;
}
.homepagefutureSub
{
    font-size:1em;
    font-weight:bold;
    padding: 15px 0 7px 0;
    color:black;
}
.homepageinfo
{
    width:50%;
    float:right;
    padding-bottom:5px;
    margin-bottom:7px;
    padding-right:0px;
}

.homepageinfo p 
{
  width:100%;
  font-size: .75em;
  color:#333333;
  line-height:1.45em;
  padding-top:5px;
  padding-bottom:5px;
  text-align:justify;
}

.homepageinfo li :link
{
    text-decoration: none;
}

.homepageinfo li :hover
{
    text-decoration: underline;
}

.homepageinfoTitle 
{
    font-size:1.2em;
    font-weight:bold;
    padding: 5px 0 7px 0;
    color:#333333;
}
.homepageinfoSub
{
    font-size:1em;
    font-weight:bold;
    padding: 15px 0 7px 0;
    color:black;
}

/** Bulleted list formating **/
/** for each page type      **/

/** information component on homepage   **/
.homepageinfo ul
{
    padding: 0px 0 5px 0px;
}

.homepageinfo li
{
    font-family: 'Century Gothic';
    font-size: .70em;
    list-style-image: url('../SiteImages/last.gif' );
    list-style-position: outside;
    margin: 0px 0 0 17px;
    padding-left: 3px;
    text-align: left;
    color:#333333;
    line-height:1.55em;
}
/** Future routes component on services pages **/
.leftfutureroutes ul
{
    padding: 0px 0 5px 0px;
}

.leftfutureroutes li
{
    font-family: 'Century Gothic';
    font-size: .75em;
    list-style-image: url('../SiteImages/last.gif' );
    list-style-position: outside;
    margin: 0px 0 0 17px;
    padding-left: 3px;
    text-decoration: none;
    text-align: left;
    color:#333333;
}
.leftfutureroutes li a
{
    text-decoration: none;
}

.leftfutureroutes li :hover
{
    text-decoration: underline;
}


#leftfutureroutes
{
	
	margin-bottom:2px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:left;
	/**border-top:1px dotted;
	border-top-color:#dcdcdc;**/
	border-bottom:1px dotted;
	border-bottom-color:#dcdcdc;
}

.leftfutureroutesTitle
{
	
	margin-bottom:2px;
	FONT-WEIGHT: bold; 
	COLOR: black;
	Font-Size:.75em;
	text-align: left;
}
.leftfutureroutes p
{
    margin-bottom: 2px;
    font-weight: normal;
    color: #333333;
    font-size: .70em;
    text-align: left;
}
.leftfutureroutesText
{
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR:#333333;
	Font-Size:.70em;
	text-align:left;
}
.timetableinfo
{
    width:215px;
    padding-bottom:11px;
    margin-bottom:7px;
    padding-right:0px;
}

.timetableinfo p 
{
  width:215px;
  font-size: .75em;
  color:#333333;
  line-height:1.45em;
  padding-top:5px;
  padding-bottom:5px;
  text-align:justify;
}
.timetableinfoTitle 
{
    font-size:1.2em;
    font-weight:bold;
    padding: 5px 0 7px 0;
    color:#333333;
}
.timetableinfoSub
{
    font-size:.70em;
    font-weight:bold;
    padding: 7px 0 7px 0;
    color:black;
}
/** Routes and timetables formatting **/
.ttcontainer
{
    width:500px;
    padding:7px 0 17px 0;
    
}

.ttleftcell
{
    width:auto;


}

.ttrightcell
{
    width:250px;
    float:right;
    margin:0 0 0 5px;  
}

.tttitle 
{
    font-size:.70em;
    font-weight:bold;
    margin: 0px 0 7px 0;
    color:#333333;
    vertical-align:top;
}

.ttrouteimage
{
   cursor:hand; 
}

.ttrouteno
{
    float: right;
    font-size:.70em;
    font-family: Arial;
    font-weight: bold;
    color: #003399;
    padding-top:2px;
}

.ttroutelogo
{
    padding-top:2px;
}

.ttdownload
{
   font-size:.75em;
   color:#003399;
   font-weight:bold;
   text-decoration:none;
}
.ttdownload:hover
{
   font-size:.75em;
   color:#003399;
   font-weight:bold;
   text-decoration:underline;
}
.ttdownloadNO
{
   font-size:.75em;
   color:RED;
   font-weight:bold;
   text-decoration:none;
}
.ttdownloadNO:hover
{
   font-size:.75em;
   color:RED;
   font-weight:bold;
   text-decoration:none;
}
.ttdownloadNOZ
{
   font-size:.75em;
   color:RED;
   font-weight:bold;
   float:left;
   text-decoration:none;
}
.ttdownloadNOZ:hover
{
   font-size:.75em;
   color:RED;
   font-weight:bold;
   float:left;
   text-decoration:none;
}
.ttroutemap
{
   float:right;
   font-size:.65em;
   color:#003399;
   font-weight:bold;   
   text-decoration:none; 
   font-family:Century Gothic;
}
.ttroutemap:hover
{
   float:right;
   font-size:.65em;
   color:#003399;
   font-weight:bold;   
   text-decoration:underline; 
   font-family:Century Gothic;
}
.ttroutemapNO
{
   float:right;
   font-size:.65em;
   color:RED;
   font-weight:bold;  
   text-decoration:none;  
   font-family: "Century Gothic";
}
.ttroutemapNO:hover
{
   float:right;
   font-size:.65em;
   color:RED;
   font-weight:bold;  
   text-decoration:none;  
   font-family: "Century Gothic";
}
.ttroutemapfares
{
   float: left;
   font-size:.75em;
   color:#003399;
   font-weight:bold; 
   padding-right:15px;   
   text-decoration:none; 
}
.ttroutemapfares:hover
{
   float: left;
   font-size:.75em;
   color:#003399;
   font-weight:bold; 
   padding-right:15px;   
   text-decoration:underline; 
}
.ttroutemapfaresNO
{
   float: left;
   font-size:.65em;
   color:RED;
   font-weight:bold;
   padding-right:15px; 
   text-decoration:none;   
}
.ttroute p
{
    font-size:.70em;
}

#RouteID
{
	width:40px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align: left;
}

#RouteTitle
{
	width:150px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align: left;
}
#PageTitle
{
	width:150px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align: left;
}
#RouteViaText
{
	width:100px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align:left;
}
#RouteFrequency
{
	width:100px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: black;
	Font-Size:.73em;
	text-align: left;
}
#RouteProviderName
{
	width:200px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: black;
	Font-Size:.73em;
	text-align: left;
}


/*Weather Styles
		#weather-msnbc {
			font: normal 0.65em Verdana, Arial, Helvetica, sans-serif;
			border: 1px solid #ccc;
			background: white;
            padding: .4em;
            width: 250;

		}

		#weather-msnbc h4, 
		#weather-msnbc h5, 
		#weather-msnbc p {
			padding: 0;
			margin: 0;
			font-size: 1em;
		}

		#weather-msnbc h4 {
			color: #c00;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 4px;
		}

		#weather-msnbc h5 {
			font-weight: bold;
		}

		#temperature, #glyph {
			float: left;
			text-align: left;
			width: 40%;
			margin: 4px 0;
		}

		#weather-msnbc img { border: none; display: block; }

		#weather-msnbc #temperature {
			font: 2.2em "Times New Roman", Times, serif;
			color: #c00;
		}

		#weather-msnbc ul {
			list-style: none;
			margin: 0;
			padding: 0;
			margin: 5px 0;
		}

		#weather-msnbc ul b {
			font-weight: normal;
			text-transform: uppercase;
			color: rgb(0, 51, 204);
		}

		#weather-msnbc li.alt {
			background: white;
		}

		#weather-msnbc li {
			line-height: 2em;
		}
		
			#weather-com {
			border: none;
			background: #ecf0fc;
			float: left;
			padding: 15px;
			font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			width: 220px;
		}

		#weather-com h4 {
			color: #c00;
			margin-bottom: 4px;
			font-size: 1.3em;
			text-align: center;
	    }

		#weather-com h4,
		#weather-com h5,
		#weather-com p {
			padding: 0;
			margin: 1px;
		}

		#weather-com #conditions {
			background: #fff;
			float: left;
			border: 1px solid #ccc;
		}

		#weather-com #temperature,
		#weather-com #glyph {
			float: left;
			text-align: center;
			width: 94px;
		}

		#weather-com #temperature {
			margin-top: 10px;
		}

		#weather-com table img { border: none; }

		#weather-com #temperature h4 {
			font-size: 1.5em;
			margin-bottom: 5px;
		}

		#weather-com table {
			table-layout: fixed;
			width: 190px;
			border: none;
			clear: left;
			font-size: 10px;
			margin: 10px 0 0;
			line-height: 1.2em;
			border-collapse: collapse;
		}*/

#FullNewsTitle
{
	width:150px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align: left;
}
#FullNewsText
{
	width:100%;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align:left;
}
#FullNewsProvider
{
	width:150px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: black;
	Font-Size:.73em;
	text-align: left;
}


#FAQquestion
{
	width:700px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align: left;
}
#FAQanswer
{
	width:700px;
	margin-bottom:2px;
	FONT-WEIGHT: normal; 
	COLOR: #333333;
	Font-Size:.73em;
	text-align:left;
}

.promotionshome 
{
    padding: 0 0 11px 0;
    margin: 0 0 7px 0;
    border-bottom:1px dotted;
	border-bottom-color:#dcdcdc;
}

.formlabels 
{
    font-family: "Century Gothic";
    color: #333333;
	Font-Size:1em;
	text-align:left;
}

#pricingtable
{
    font-family: "Century Gothic";
    color: #333333;
	Font-Size:.73em;
	text-align:left;
}

.town
{
    font-family: "Century Gothic";
    font-weight:bold;
}

.colorrow
{
    background-color:Gray;
}

.contactleft
{
    font-family: "Century Gothic";
    font-weight:bold;
    color: #333333;
	Font-Size:.73em;
	text-align:left; 
    
    
    
}
/* ------------ IE BUG FIX ------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */