/*
| ----------------  | ----------------------------- |
| FIELD OF FITNESS  | Specific CSS for the homepage |
| ----------------  | ----------------------------- |

COLOURS:
FoF orange:					#FE7B00;
Turquoise			light	#00637D;
					dark	#004557;
Grey (broders; text)		#333333;
Off-white					#F0E6DB;
Light grey background		#EAEAEA;

*/
.pod{
	display: block;
	float: left;
	border: 1px solid #333333;
	margin: 5px;
	}
.podtitle{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	display: block;
	margin: 10px 10px 5px 10px;
	font-weight: normal;
	padding: 0px;
	color: #004557;
	}
.podtext{
	padding: 0px;
	margin: 5px 10px 5px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #333333;
	height: 54px;
	}
.readmore{
	padding: 0px;
	margin: 5px 10px 5px 10px;
	text-align: right;
	}
	.readmore a{
		color: #004557;
		font-weight: bold;
		text-decoration: none;
	}
	.readmore a:hover{
		text-decoration: underline;
		}
	
.bigpod{
	width: 588px;
	height: 130px;
	background-image: url(../../images/gradient-grey.jpg);
	background-repeat: repeat-x;
	}
	.bigpod .podtitle{
		color: #FFFFFF;
		}
	.bigpod .podtext{
		color: #FFFFFF;
		}
	.bigpod .readmore a{
		color: #FFFFFF;
		}
.pod2{
	background-image: url(../../images/gradient-yellow.jpg);
	background-repeat: repeat-x;
	width: 188px;
	height: 130px;
	}
	.pod2 .podtitle{
		color: #FFFFFF;
		}
	.pod2 .podtext{
		color: #333333;
		margin-top: 0px;
		}
	.pod2 .readmore a{
		color: #004557;
	}
	.change4life{
		margin: 5px 10px 0px 10px;
	}
	img.trixter{
		padding: 5px 26px 0px 26px;
		}
	p.trixter{
		height: 44px;
	}

.slidepod{
	width: 388px;
	height: 272px;
	background-color: #FFFFFF;
	}

.addresspod{
	background-image: url('../../images/map-bg-faded.jpg');
	}
.servicespod{
	width: 388px;
	height: 272px;
	background-image: url(../../images/gradient-orange-man.jpg);
	background-repeat: repeat-x;
	}
	.servicespod .podtitle{
		color: #FFFFFF;
		text-align: center;
	}
	.servicespod .podtext{
		color: #FFFFFF;
		}
	.servicespod ul.left{
		display: block;
		float: left;
		margin: 5px 0px;
		padding: 20px 0px 0px 0px;
		list-style-type: none;
		}
	.servicespod ul.right{
		display: block;
		float: right;
		margin: 5px 0px;
		padding: 20px 0px 0px 0px;
		list-style-type: none;
		}
	.servicespod ul.left li{
		margin-bottom: 2px;
		margin-left: 10px;
		margin-right: 0px;
		display: block;
		width: 180px;
		text-align: left;
		line-height: 2em;
		}
	.servicespod ul.right li{
		margin-bottom: 2px;
		margin-left: 0px;
		margin-right: 10px;
		display: block;
		width: 180px;
		text-align: right;
		line-height: 2em;
		}
	.servicespod ul li a{
		display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		}
	.servicespod ul li a:hover{
		text-decoration: underline;
		}
.servicespod2{
	width: 388px;
	height: 272px;
	background-image: url(../../images/gradient-orange-man.jpg);
	background-repeat: repeat-x;
	}
	.servicespod2 .podtitle{
		color: #FFFFFF;
		text-align: center;
	}
	.servicespod2 .podtext{
		color: #FFFFFF;
		}
	.servicespod2 ul.left{
		display: block;
		float: left;
		margin: 5px 0px;
		padding: 20px 0px 0px 0px;
		list-style-type: none;
		}
	.servicespod2 ul.right{
		display: block;
		float: right;
		margin: 5px 0px;
		padding: 20px 0px 0px 0px;
		list-style-type: none;
		}
	.servicespod2 ul.left li{
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 0px;
		display: block;
		width: 180px;
		text-align: left;
		line-height: 2em;
		}
	.servicespod2 ul.right li{
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 10px;
		display: block;
		width: 180px;
		text-align: right;
		line-height: 2em;
		}
	.servicespod2 ul li a{
		display: block;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		}
	.servicespod2 ul li a:hover{
		text-decoration: underline;
		}
.littlepod{
	width: 188px;
	height: 130px;
	background-color: #F0E6DB;
	}
.emailImg{
	padding: 3px 0px;
	}
.slideshowdiv{
	display: block;
	margin: 14px 14px 0px 14px;
	}
.belt{
	display: block;
	float: left;
	width: 400px;
	}
.photoCredit{
	text-align: center;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	line-height: 1em;
}
.lifestyle{
	
	}
.giantspod{
	background-image: url(../../images/gradient-grey.jpg);
	background-repeat: repeat-x;
	height: 130px;
	}
	.giantspod .podtitle{
		color: #FFFFFF;
		}
	.giantspod .podtext{
		color: #FFFFFF;
		height: 36px;
		}
	.giantspod .readmore a{
		color: #FFFFFF;
		}
	.giantsLogo{
		padding: 4px 9px 0px;
		}
.newspod{
	width: 388px;
	height: 272px;
	background-color: #F0E6DB;
	}
	
.frame{
	float: left;
	display: block;
	}
		.w1h2{
			width: 200px;
			height: 280px;
			}
ul.news{
	list-style-type: none;
	padding: 0px;
	margin: 5px 10px 5px 10px;
	display: block;
	height: 196px;
	}
	ul.news li{
		line-height: 150%;
		padding: 0px 0px 8px 0px;
		display: block;
		float: left;
		clear: both;
		width: 368px;
		}
	img.newsIcon{
		border-width: 0px;
		float: left;
		margin-top: 2px;
		margin-right: 10px;
		}
	span.newsTitle{
		font-weight: bold;
		}
	div.newsDescription{
		height: 38px;
	}
/*TWITTER BOX*/
#twitter_update_list{
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
#twitter_update_list li{
margin: 0px;
padding: 0px;
display: inline;
}
#twit-div{
display: block;
float: left;
background-color: #F0E6DB;
border: 1px solid #333333;
width: 788px;
margin: 5px;
height: 43px;
}
#twit-pad{
margin: 5px 10px 5px 10px;
}
#twit-badge{
float: left;
border-width: 0px;
margin: 5px 10px 5px 0px;
}