@charset "UTF-8";
/*	CSS Document									*/

/*	Theme Name: GNC Quality Website					*/
/*	Author: Ben Guthrie								*/
/*	Author URI: http://www.TheGuthrieProject.com	*/





/* font styles */





h1, h2, h3, h4, h5
	{
	font-family: 'Istok Web', Frutiger, "Frutiger Linotype", 'Segoe UI', Helvetica, Arial, sans-serif;	
	font: 'Istok Web', Frutiger, "Frutiger Linotype", 'Segoe UI', Helvetica, Arial, sans-serif;	
	text: 'Istok Web', Frutiger, "Frutiger Linotype", 'Segoe UI', Helvetica, Arial, sans-serif;	
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-weight:300;
/*	font-weight:bold;  */
/*	font-weight:900;	*/
/*	text-indent: 130px;	*/
/*	letter-spacing: -2em; */
	line-height: 1em;	
/*	text-decoration: uppercase;	*/
/*	text-transform: uppercase;	*/
	color: #063232;
	text-shadow: -1px 1px 0 #999;
    margin: 0px; /* zeroing the margins will avoid the possibility of margin collapse - a space between divs */
    padding-top: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	opacity:1.0;
	filter: alpha(opacity=100); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	}




h1{
	font-size: 30px;
/*	text-decoration: uppercase;	*/
/*	text-transform: uppercase;	*/
/*	text-shadow: -2px 2px 0 #fff;	*/
	}
h2{
	font-size: 25px;
/*	text-decoration: uppercase;	*/
/*	text-transform: uppercase;	*/
/*	text-shadow: -2px 2px 0 #fff;	*/
	}
h3{
	font-size: 20px;
/*	text-decoration: uppercase;	*/
/*	text-transform: uppercase;	*/
/*	text-shadow: -2px 2px 0 #fff;	*/
	}
h4{
	font-size: 18px;
	padding-top:0.5em;
	padding-bottom:0.5em;
/*	text-decoration: uppercase;	*/
/*	text-transform: uppercase;	*/
	text-shadow: -1px 0px 0 #ccc;
	}
h5{
	font-size: 15px;
/*	text-decoration: uppercase;	*/
/*	text-transform: uppercase;	*/
/*	text-shadow: -2px 2px 0 #fff;	*/
	}
	
	
	
	
	
	
	
p, pre, br, span,
ul, ul ul, ul ul ul, li
{
	font-family: 'Istok Web', Frutiger, "Frutiger Linotype", 'Segoe UI', Helvetica, Arial, sans-serif;	
	font: 'Istok Web', Frutiger, "Frutiger Linotype", 'Segoe UI', Helvetica, Arial, sans-serif;	
	text: 'Istok Web', Frutiger, "Frutiger Linotype", 'Segoe UI', Helvetica, Arial, sans-serif;	
	font-style: normal;
	font-weight: normal;
/*	text-shadow: -1px 1px 0 #324141;	*/
	letter-spacing: 0.01em; 
	font-size: 14px;
	line-height: 16px;
	list-style:none;
    margin: 0px; /* zeroing the margins will avoid the possibility of margin collapse - a space between divs */
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	}

p:first-line {
/*	font-weight:bold;	*/
/*	font-size:130%;		*/
	}

p:first-letter {
/*	float:left;		 	*/
/*	font-size:300%;	*/
	}







#lowercaseText {
	text-transform: lowercase;
    text-decoration: lowercase;
}







.hugeText {
	font-size: 26px;
	line-height: 75px;
}
.bigText {
	font-size: 17px;
	line-height: 19px;
}
.mediumText {
	font-size: 15px;
	line-height: 17px;
}
.smallText {
	font-size: 13px;
	line-height: 15px;
}
.tinyText {
	font-size: 10px;
	line-height: 11px;
}
.teenyText {
	font-size: 4px;
	line-height: 4px;
}
.zeroText {
	font-size: 0px;
	line-height: 0px;
}





#whiteText,
.whiteText,
.whiteText a,
.whiteText .a,
.whiteText > a,
.whiteText a:link,
.whiteText a:visited {
	color: #ffffff;
}
#blackText,
.blackText {
	color: #000000;
}
#warmBlackText,
#warmBlackText a {
	color: #281405;
}
.gncGreenText,
#gncGreenText {
	color: #324141;
}
#greyText-Light {
	color: #bbbbbb;
}
#greyText-Mid {
	color: #666666;
}
#greyText-Dark {
	color: #444444;
}
#warmGreyText {
	color: #827572;
}




/* link font colours and styles */

a:link, 
a:visited,
.gridItem a span span a,
.gridItem a span span a:hover
{
    color: #000;		
    text-decoration: none;
	text-transform: none;
	cursor: pointer;
	}

li a:link, 
li a:visited
{
    color: #fff;		
    text-decoration: none;
	text-transform: none;
	cursor: context-menu;
	}
	
a:hover, 
a:active
{
    color: #010101; 	/* white */
    text-decoration: underline;
	text-transform: underline;
	opacity: 0.8;
	filter: alpa(opacity=80); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	}


.hoverFade:hover
	{
	opacity: 0.6;
	filter: alpa(opacity=60); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	}