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

@import url(reset.css);
@import url(base.css);
@import url(type-ems.css);
@import url(forms-basic.css);

/*********************************************
*
*	Gallery page
*
**********************************************/

.gallery-page #gallery-top {
	margin-top: 10px;
	height: 15px;
	background: url(../graphics/gallery-top-bg.jpg) no-repeat;
	}

.gallery-page #gallery-panel {
	background: url(../graphics/gallery-bg.jpg) repeat-y;
	padding: 25px 50px 0px 50px
	}

.gallery-page #gallery-panel h1 {
	margin-top: 0;
	}

.gallery-page #gallery-images {
	margin-top: 30px;
	}
	
.gallery-page #gallery-images .image-row {
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 18px;
	background: url(../graphics/gallery-divider.jpg) no-repeat bottom;
	}

.gallery-page #gallery-panel .image {
	float: left;
	display: inline;
	width: 203px;
	height: 203px;
	margin-right: 21px;
	background: #CCCCCC;
	}

.gallery-page #gallery-panel .image.last-item {
	margin-right: 0px;
	}

.gallery-page #gallery-base {
	height: 15px;
	background: url(../graphics/gallery-bottom-bg.jpg) no-repeat;
	}

/*********************************************
*
*	Information page
*
**********************************************/

.information-page #information-panel {
	margin-top: 10px;
	padding: 0px 0px 30px 0px;
	color: #000;
	background: url(../graphics/news-article-panel-bg.jpg) no-repeat bottom;
	}

.information-page #information-panel .intro {
	padding: 21px 20px 0px 30px;
	width: 240px;
	}

.information-page #information-panel .intro p {
	font-weight: bold;
	color: #47aa42;
	}

.information-page #information-panel .intro p a {
	color: #47aa42;
	}

.information-page #information-panel .intro p a:hover {
	color: #999;
	}
	
.information-page #information-panel #information-article {
	width: 580px;
	margin-top: 10px;
	padding: 20px 55px 0px 35px;
	background: url(../graphics/news-article-bg.jpg) no-repeat;
	}

.information-page #information-panel #information-article p a {
	color: #000;
	}

.information-page #information-panel #information-article p a:hover {
	color: #999;
	}

.information-page #information-panel h1 {
	margin-top: 0;
	}

.information-page #information-panel h2 {
	margin-top: 1.5em;
	color: #47aa42;
	}


/*********************************************
*
*	Education page
*
**********************************************/

.education-page #education-panel {
	margin-bottom: 20px;
	}

.education-page #education-banner {
	position: relative;
	background: url(../graphics/cafe-banner-bg.jpg) no-repeat;
	margin: 10px 0px 0px 0px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}

.education-page #education-banner-text {
	padding: 105px 15px 0px 20px;
	width: 270px;
	background: url(../graphics/education-banner-icon.jpg) no-repeat 20px 25px;
	}

.education-page #education-banner-text h1 {
	margin-top: 0;
	}

.education-page #education-banner-image {
	position: absolute;
	top: 0px;
	left: 334px;
	width: 625px;
	}

.education-page #education-panel .columns-1 {
	padding: 0px 305px 0px 305px;
	width: 335px;
	text-align: center;
	}

/*********************************************
*
*	Cafe page
*
**********************************************/

.cafe-page #cafe-panel {
	margin-bottom: 20px;
	}

.cafe-page #cafe-banner {
	position: relative;
	background: url(../graphics/cafe-banner-bg.jpg) no-repeat;
	margin: 10px 0px 0px 0px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}

.cafe-page #cafe-banner-text {
	padding: 105px 15px 0px 20px;
	width: 270px;
	background: url(../graphics/cafe-banner-icon.jpg) no-repeat 20px 25px;
	}

.cafe-page #cafe-banner-text h1 {
	margin-top: 0;
	}


.cafe-page #cafe-banner-image {
	position: absolute;
	top: 0px;
	left: 334px;
	width: 625px;
	}

/*********************************************
*
*	Contact page
*
**********************************************/
.contact-page #form-panel {
	margin-top: 10px;
	padding: 0px 0px 30px 0px;
	color: #000;
	background: url(../graphics/news-article-panel-bg.jpg) no-repeat bottom;
	}

.contact-page #form-panel .intro {
	padding: 21px 20px 0px 30px;
	width: 240px;
	}

.contact-page #form-panel .intro p {
	font-weight: bold;
	color: #00525d;
	}

.contact-page #form-panel .intro p a {
	color: #00525d;
	}

.contact-page #form-panel .intro p a:hover {
	color: #999;
	}
	
.contact-page #form-panel .form {
	width: 580px;
	margin-top: 10px;
	padding: 20px 55px 0px 35px;
	background: url(../graphics/news-article-bg.jpg) no-repeat;
	}

.contact-page #form-panel h1 {
	margin-top: 0;
	}

.contact-page #form-panel h2 {
	margin-top: 0;
	}

/*********************************************
*
*	Bookings page
*
**********************************************/
.bookings-page #form-panel {
	margin-top: 10px;
	padding: 0px 0px 30px 0px;
	color: #000;
	background: url(../graphics/news-article-panel-bg.jpg) no-repeat bottom;
	}

.bookings-page #form-panel .intro {
	padding: 21px 20px 0px 30px;
	width: 240px;
	}

.bookings-page #form-panel .intro p {
	font-weight: bold;
	color: #726659;
	}

.bookings-page #form-panel .intro p a {
	color: #726659;
	}

.bookings-page #form-panel .intro p a:hover {
	color: #ccc;
	}
	
.bookings-page #form-panel .form {
	width: 580px;
	margin-top: 10px;
	padding: 20px 55px 0px 35px;
	background: url(../graphics/news-article-bg.jpg) no-repeat;
	}

.bookings-page #form-panel .form h1 {
	margin-top: 0;
	}
	
/*********************************************
*
*	Trails page
*
**********************************************/

.trails-page #trails-panel-bg {
	position: relative;
	margin-top: 10px;
	padding-top: 15px;
	height: 558px;
	background: url(../graphics/trails-panel-bg.jpg) no-repeat bottom center;
	}

.trails-page #trails-panel .trail-item {
	margin: 0em 0em 1.3em 15px;
	padding-left: 55px;
	}

.trails-page #trails-panel .icon-dkgreen {
	background: url(../graphics/trails-panel-icon-dkgreen.gif) no-repeat;
	}

.trails-page #trails-panel .icon-green {
	background: url(../graphics/trails-panel-icon-green.gif) no-repeat;
	}

.trails-page #trails-panel .icon-dkbrown {
	background: url(../graphics/trails-panel-icon-dkbrown.gif) no-repeat;
	}

.trails-page #trails-panel .icon-brown {
	background: url(../graphics/trails-panel-icon-brown.gif) no-repeat;
	}

.trails-page #trails-panel .icon-ltgreen {
	background: url(../graphics/trails-panel-icon-ltgreen.gif) no-repeat;
	}

.trails-page #trails-panel .icon-sand {
	background: url(../graphics/trails-panel-icon-sand.gif) no-repeat;
	}

.trails-page #trails-panel .trail-item h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #00525d;
	}

.trails-page #trails-panel .trail-item p {
	margin: 0;
	color: #666;
	font-size: 1.2em;
	}

.trails-page #trails-panel .trail-item p em {
	font-weight: bold;
	}

.trails-page #trails-panel .trail-item a.trail-link {
	display: inline-block;
	height: 16px;
	padding-right: 22px;
	background: url(../graphics/trails-panel-plus-icon.gif) no-repeat right;
	text-decoration: none;
	}

.trails-page #trails-panel a.more-link {
	position: absolute;
	bottom: 21px;
	right: 15px;
	width: 180px;
	height: 33px;
	padding-top: 30px;
	background: url(../graphics/trails-link-bg.jpg) no-repeat right center;
	font-size: 1.5em;
	text-decoration: none;
	}

.trails-page #trails-panel a.trails-link em {
	font-weight: bold;	
	}
	
/* Trails detail */

.trails-page #trails-detail-panel {
	background: url(../graphics/trail-detail-bg.jpg) no-repeat;
	padding: 15px 15px 0px 0px;
	}
	
.trails-page #trails-detail-panel .intro {
	padding: 0px 100px 20px 320px;
	}

.trails-page #trails-detail-panel h1 {
	margin-top: 0;
	}

.trails-page .trail-description {
	margin: 30px 0px;
	padding-left: 320px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	}

.trails-page .trail-description h2 {
	color: #c2b59b;
	}

.trails-page #swilla-glen.trail-description {
	background: url(../graphics/trail-detail-icon-1.png) no-repeat 120px center;
	}

.trails-page #pecca-falls.trail-description {
	background: url(../graphics/trail-detail-icon-2.png) no-repeat 120px center;
	}

.trails-page #hollybush-spout.trail-description {
	background: url(../graphics/trail-detail-icon-3.png) no-repeat 120px center;
	}

.trails-page #thornton-force.trail-description {
	background: url(../graphics/trail-detail-icon-4.png) no-repeat 120px center;
	}

.trails-page #twisleton-lane.trail-description {
	background: url(../graphics/trail-detail-icon-5.png) no-repeat 120px center;
	}

.trails-page #beezley-falls.trail-description {
	background: url(../graphics/trail-detail-icon-6.png) no-repeat 120px center;
	}

.trails-page #rival-falls.trail-description {
	background: url(../graphics/trail-detail-icon-7.png) no-repeat 120px center;
	}

.trails-page #baxenghyll-gorge.trail-description {
	background: url(../graphics/trail-detail-icon-8.png) no-repeat 120px center;
	}

.trails-page #snow-falls.trail-description {
	background: url(../graphics/trail-detail-icon-9.png) no-repeat 120px center;
	}



/*********************************************
*
*	News and Events page
*
**********************************************/

.news-page #news-panel {
	color: #000;
	}

.news-page #news-panel-bg {
	margin-top: 10px;
	padding-top: 30px;
	min-height: 533px;
	height: auto !important;
	height: 533px;
	background: url(../graphics/news-panel-bg.jpg) no-repeat bottom center;
	}

.news-page #news-panel-bg a {
	color: #000;
	text-decoration: none; 
	}
	
.news-page #news-panel h3 {
	margin-top: 0;
	font-size: 2em;
	font-weight: bold;
	}
	
.news-page #news-panel h4 {
	font-size: 1.3em;
	}
	
.news-page #news-panel h4 a {
	color: #00525d;
	}

.news-page #news-panel h4 a:hover {
	color: #999;
	}

.news-page #news-panel p {
	color: #999;
	}

.news-page #news-panel a.more-link em {
	font-weight: bold;
	}
	
/* News panel - intro */

.news-page #news-panel .intro {
	width: 242px;
	padding: 0px 38px 0px 25px;
	}

.news-page #news-panel .intro p {
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #726659;
	}
	
/* News panel - news */
	
.news-page #news-panel .news h3 {
	color: #47aa42;
	}

.news-page #news-panel .news {
	width: 267px;
	padding: 0px 38px 0px 0px;
	}

.news-page #news-panel .news-item {
	margin: 1em 0em 3em 0em;
	}

.news-page #news-panel .news .more-link {
	display: inline-block;
	height: 20px;
	padding-right: 28px;
	background: url(../graphics/plus-icon-rule-blue.gif) no-repeat right;
	}

.news-page #news-panel .news a.more-link {
	color: #999;
	font-style: italic;
	}

/* News panel - events */

.news-page #news-panel .events {
	width: 220px;
	padding: 0px 85px 0px 0px;
	}
	
.news-page #news-panel .events h3 {
	color: #00aeef;
	}

.news-page #news-panel .event-item {
	position: relative;
	margin: 1em 0em 3em 0em;
	}
	
.news-page #news-panel .events h4,
.news-page #news-panel .events p {
	margin: .2em;
	}

.news-page #news-panel .events .event-date {
	position: absolute;
	top: 0px;
	left: 220px;
	width: 65px;
	height: 48px;
	background:url(../graphics/event-date-bg.gif);
	text-align: center;
	color: #fff;
	padding-top: 17px;
	}

.news-page #news-panel .events .event-date .event-day {
	display: block;
	clear: both;
	font-size: 2.1em;
	color: #00aeef;
	}

.news-page #news-panel .events .event-date .event-month {
	text-transform: uppercase;
	}

.news-page #news-panel .events .more-link {
	display: inline-block;
	height: 20px;
	padding-right: 28px;
	background: url(../graphics/plus-icon-rule-green.gif) no-repeat right;
	}

.news-page #news-panel .events a.more-link {
	color: #999;
	font-style: italic;
	}

/* News article page */

.news-article-page #news-panel-bg {
	margin-top: 10px;
	padding-bottom: 170px;
	color: #000;
	background: url(../graphics/news-article-panel-bg.jpg) no-repeat bottom;
	}

.news-article-page #news-panel-bg .menu {
	padding: 0px 20px 0px 45px;
	width: 225px;
	}

.news-article-page #news-panel-bg .menu h2 {
	font-size: 2.6em;
	margin: 30px 0px 0px 0px;
	}

.news-article-page #news-panel-bg .menu li {
	margin: .5em 0em;
	}

.news-article-page #news-panel-bg .menu li a {
	color: #000;
	text-decoration: none;
	}

.news-article-page #news-panel-bg .menu li a:hover {
	color: #666;
	}

.news-article-page #news-panel-bg .menu p.sub-heading {
	font-size: 1.5em;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	}

.news-article-page #news-article {
	width: 580px;
	margin-top: 10px;
	padding: 20px 55px 0px 35px;
	background: url(../graphics/news-article-bg.jpg) no-repeat;
	}

.news-article-page #news-article h1 {
	color: #47aa42;
	margin-top: 0;
	}

.news-article-page #news-panel-bg #news-menu li {
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
	}

.news-article-page #news-panel-bg #news-menu li.selected a {
	font-weight: bold;
	}

.news-article-page #news-panel-bg #events-menu li .date {
	color: #00aeef;
	font-weight: bold;
	}

/*********************************************
*
*	Home page
*
**********************************************/
	
.home-page #welcome-panel {
	position: relative;
	background: url(../graphics/welcome-bg.jpg) no-repeat;
	margin-bottom: 30px;
	}

.home-page #welcome-message {
	margin: 12px 0px 0px 15px;
	padding: 20px 15px 0px 25px;
	width: 267px;
	min-height: 487px;
	height: auto !important;
	height: 487px;
	overflow: visible;
	}

.home-page #welcome-message h1 {
	margin: 0;
	}

.home-page #welcome-image {
	position: absolute;
	top: 12px;
	left: 334px;
	width: 314px;
	}

.home-page #welcome-link {
	position: absolute;
	top: 12px;
	left: 648px;
	width: 254px;
	height: 209px;
	padding: 70px 30px 0px 30px;
	}

.home-page #welcome-link h2 {
	margin: 0;
	font-size: 2.4em;
	background: url(../graphics/welcome-heading.jpg);
	height: 45px;
	width: 250px;
	text-indent: -9000px;
	}

.home-page #welcome-link a.more-link {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 77px;
	height: 63px;
	background: url(../graphics/welcome-link-bg.jpg);
	text-indent: -9000px;
	}

.home-page #welcome-panel .columns-4 {
	position: relative;
	min-height: 235px;
	height: auto !important;
	height: 235px;
	}

.home-page #welcome-panel h2 a {
	text-decoration: none;
	font-weight: bold;
	}


.home-page #welcome-panel .columns-4 .link-button {
	position: absolute;
	bottom: 0px;
	left: -6px;
	width: 139px;
	height: 42px;
	text-indent: -9000px;
	}

.home-page #welcome-panel .gallery .link-button {
	background: url(../graphics/welcome-buttons.jpg);
	}

.home-page #welcome-panel .education .link-button {
	background: url(../graphics/welcome-buttons.jpg) 417px 0px;
	}

.home-page #welcome-panel .cafe .link-button {
	background: url(../graphics/welcome-buttons.jpg) 278px 0px;
	}

.home-page #welcome-panel .trails .link-button {
	background: url(../graphics/welcome-buttons.jpg) 139px 0px;
	}




/*********************************************
*
*	History page
*
**********************************************/

.history-page #history-panel {
	position: relative;
	padding-bottom: 30px;
	}

.history-page #history-panel img {
	display: block;
	margin-bottom: 30px;
	}
	
.history-page #history-panel h3 {
	margin: 0;
	font-weight: bold;
	}

.history-page #history-panel a.more-link {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 180px;
	height: 33px;
	padding-top: 30px;
	background: url(../graphics/history-link-bg.jpg) no-repeat right center;
	font-size: 1.5em;
	text-decoration: none;
	}

/*********************************************
*
*	Location page
*
**********************************************/

.location-page #location-panel-bg {
	min-height: 573px;
	height: auto !important;
	height: 573px;
	background: url(../graphics/location-panel-bg.jpg) no-repeat;
	color: #000;
	}

.location-page #location-panel #address-panel {
	padding: 135px 0px 0px 135px;
	width: 230px;
	}

.location-page #location-panel #address-panel h3 {
	margin: 0;
	font-size: 2.4em;
	}
.location-page #location-panel #address-panel p {
	color: #00525d;
	}
	
.location-page #location-panel #address-panel p.postcode {
	margin: 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #47aa42;
	}
	
.location-page #location-panel #address-panel a.more-link {
	display: inline-block;
	line-height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	background: url(../graphics/plus-icon-blue-2.gif) no-repeat right center;
	padding-right: 28px;
	}

.location-page #location-panel #address-panel a:hover.more-link {
	color: #fff;
	}
		
/*********************************************
*
*	Page set-up
*
**********************************************/

html {
	background: url(../graphics/html-bg.jpg);
	color: #fff;
	}

body {
	background: url(../graphics/body-bg.jpg) center top repeat-x;
	}

a { color: #fff; }

small {
	font-size: .9em;
	}
	
#content-container {
	height: auto;
	width: 975px;
	margin: 0px auto 0px auto;
	background: url(../graphics/html-bg.jpg);
	}

#header {
	position: relative;
	background: url(../graphics/header-bg.jpg) no-repeat;
	height: 120px;
	overflow: visible;
	}

#header #site-logo {
	padding: 16px 0px 0px 16px;
	}
	
#footer {
	position: relative;
	clear: both;
	margin-bottom: 15px;
	min-height: 198px;
	height: auto !important;
	height: 198px;
	background: url(../graphics/footer-bg.jpg) no-repeat;
	}

#footer h3 {
	font-size: 1.8em;
	}

#footer #worth-a-visit {
	width: 180px;
	padding-right: 125px;
	}

#footer #worth-a-visit h3 {
	margin-bottom: 0;
	}

#footer #worth-a-visit p.sub-heading {
	color: #ccc;
	font-style: italic;
	}

#footer #links ul {
	margin: 0px 15px 0px 0px;
	float: left;
	display: inline;
	width: 145px;
	}

#footer #links ul.last-item {
	margin-right: 0px;
	}

#footer #links li {
	list-style: none;
	margin-bottom: .25em;
	}

#footer #links li a {
	text-decoration: none;
	background: url(../graphics/plus-icon-blue-3.gif) no-repeat right center;
	padding-right: 14px;
	}

#footer a.more-link {
	position: absolute;
	bottom: 2px;
	right: 0px;
	width: 200px;
	height: 33px;
	padding-top: 30px;
	background: url(../graphics/footer-link-bg.jpg) no-repeat right center;
	font-size: 1.5em;
	text-decoration: none;
	}

.divider {
	height: 2px;
	background: url(../graphics/divider.jpg) no-repeat;
	margin-bottom: 10px;
	}

#funding-logos {
	text-align: center;
	}
	
/*********************************************
*
*	Colour
*
**********************************************/

.dkgreen { color: #00525d; }
.green { color: #47aa42; }
.ltgreen { color: #a8c399; }
.blue { color: #00aeef; }
.ltblue { color: #a2dce7; }
.sand { color: #c2b59b; }
.brown { color: #726659; }

.grey666 { color: #666; }
.greyccc { color: #ccc; }

/*********************************************
*
*	975px Grid
*
**********************************************/

.column {
	display: inline;
	float: left;
	}

.column {
	display: inline;
	float: left;
	}

.columns-1 {
	width: 945px;
	margin-left: 15px;
	}

.columns-2 {
	width: 465px;
	margin-left: 15px;
	}

.columns-3x2 {
	width: 610px;
	margin-left: 15px;
	}

.columns-3 {
	width: 305px;
	margin-left: 15px;
	}

.columns-4 {
	width: 225px;
	margin-left: 15px;
	}

.columns-5 {
	width: 177px;
	margin-left: 15px;
	}

.columns-6 {
	width: 145px;
	margin-left: 15px;
	}

/*********************************************
*
*	Navigation
*
**********************************************/

/* 
Reset line heights on all navigation lists to over-ride 'base'
Where possible text attributes set on 'li' tag not 'li a' to avoid
inheritance issues 
*/

.nav ul {
	margin: 0;
	}

.nav li {
	list-style: none;
	line-height: 1em;
	}

.nav-h li,
.nav-h li a {
	float: left;
	display: inline;
	}

/* Primary nav */

#primary-nav {
	position: absolute;
	top: 78px;
	right: 0px;
	}

#primary-nav li {
	height: 42px;
	}
	
#primary-nav li.selected {
	background: url(../graphics/scroll-nav-selected.jpg) no-repeat bottom center;
	}

#primary-nav li a {
	font-size: 1.3em;
	color: #ccc;
	text-decoration: none;
	padding: 0px 24px 0px 0px;
	margin: 0px 0px 0px 24px;
	line-height: 1.1em;
	}

#primary-nav li a:hover {
	color: #fff;
	}

#primary-nav li.selected a {
	color: #fff;
	}

#primary-nav li.last-item a {
	padding-right: 15px;
	border: none;
	}

/* Secondary nav */

#secondary-nav {
	background: url(../graphics/secondary-nav-bg.jpg) repeat-x;
	height: 39px;
	overflow: visible;
	}

#secondary-nav ul {
	display: block;
	float: right;
	}
	
#secondary-nav li {
	background: url(../graphics/sec-nav-tab-left.jpg) no-repeat;
	margin: 6px 0px 0px 6px;
	overflow: visible;
	}

#secondary-nav li a {
	display: block;
	background: url(../graphics/sec-nav-tab-right.jpg) no-repeat right;
	height: 20px;
	padding: 12px 18px 0px 18px;
	overflow: visible;
	font-weight: bold;
	color: #ccc;
	text-decoration: none; 
	}

#secondary-nav li a:hover {
	color: #fff;
	}

#secondary-nav li.selected {
	color: #fff;
	background: url(../graphics/sec-nav-tab-left-s.jpg) no-repeat;
	height: 33px;
	}

#secondary-nav li.selected a {
	color: #fff;
	background: url(../graphics/sec-nav-tab-right-s.jpg) no-repeat right;
	height: 21px;
	}

/* Breadcrumb */

#breadcrumb {
	margin: 6px 0px 0px 15px;
	}

#breadcrumb li {
	margin-right: 10px;
	color: #98acaf;
	background: url(../graphics/breadcrumb-bg.jpg) no-repeat right;
	padding-right: 16px;
	}

#breadcrumb li a {
	color: #98acaf;
	text-decoration: none;
	}

#breadcrumb li a:hover {
	color: #fff;
	}

#breadcrumb li.last-item {
	background: none;
	}
	
/*********************************************
*
*	Helpers
*
**********************************************/

/* remove item from flow */
.display-none { display: none; }

/* set text off the page */
.hide-text {
	margin: 0;
	text-indent: -9000px;
	}

/* float elements */
.float-left { float: left; }
.float-right { float: right; }

/* clear elements */
.clear-both { clear: both; }

/* remove specific margins */
.no-top-margin { margin-top: 0; }
.no-bottom-margin { margin-bottom: 0; }
.no-left-margin { margin-left: 0; }
.no-right-margin { margin-right: 0; }
.no-horizontal-margin { margin-left: 0; margin-right: 0; }
.no-vertical-margin { margin-top: 0; margin-bottom: 0; }
	
/* align text */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* adds margins to floated images - uses 'float' helper class above */
img.float-left { margin: 0em 1em 1em 0em; }
img.float-right { margin: 0em 0em 1em 1em; }


/*********************************************
*
*	Clear Fix
*
**********************************************/

/* uncomment and use this clearfix if new technique fails */

/* float clearing for IE6
* html .clear-fix {
	height: 1%;
	overflow: visible;
	}*/

/* float clearing for IE7 
*+html .clear-fix {
	min-height: 1%;
	}*/

/* float clearing for everyone else 
.clear-fix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0;
	}*/

.clear-fix {
	overflow: hidden;
	/* width: 100%; */
	zoom: 1;
	}