/*******************************************
 
   Freshface Media Ltd.
   Author: Cam McVey; cam@freshfacemedia.com
 
   Date: 2007-01-13
   Project: Freshface Media Website
 
   Notes:
   Hi! Nothing revolutionary here, but if
   you see something you want to copy,
   please feel free!
 
*******************************************/

/* Tag-specific rules*/


body {
	background: #fff url('/res/images/backgrounds/body-bg.jpg') top left repeat;
	color: #5c6691;
	font-family:  Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 122%;
	font-style: italic;
}


a {
	color: #66462a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	border-width: 0;
	text-decoration: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}





/* Main layout stuff */








/* Primary navigation */








/* Secondary Navigation */






/* Section-specific Stuff */
















/* Page-specific Stuff */









/* Site-wide classes */









/* Utility classes */


.invisible {
	visibility: hidden;
}
.no-display {
	display: none;
}
.scrollable {
	overflow: auto;
}

.caps {
	text-transform: capitalize;
}
.upper {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}


.dotted-underline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}


.clear-both {
	clear: both;
}

.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}


.pad-me {
	padding: 10px;
}
.pad-me-more {
	padding: 20px;
}
.pad-me-none {
	padding: 0 !important;
}

.pad-vert {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pad-vert-more {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pad-vert-none {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pad-hor {
	padding-left: 10px;
	padding-right: 10px;
}
.pad-hor-more {
	padding-left: 20px;
	padding-right: 20px;
}
.pad-hor-none {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pad-left {
	padding-left: 10px;
}
.pad-left-small {
	padding-left: 5px;
}
.pad-left-more {
	padding-left: 20px;
}
.pad-left-none {
	padding-left: 0 !important;
}

.pad-right {
	padding-right: 10px;
}
.pad-right-small {
	padding-right: 5px;
}
.pad-right-more {
	padding-right: 20px;
}
.pad-right-none {
	padding-right: 0 !important;
}

.pad-top {
	padding-top: 10px;
}
.pad-top-small {
	padding-top: 5px;
}
.pad-top-more {
	padding-top: 20px;
}
.pad-top-none {
	padding-top: 0 !important;
}

.pad-bottom {
	padding-bottom: 10px;
}
.pad-bottom-small {
	padding-bottom: 5px;
}
.pad-bottom-more {
	padding-bottom: 20px;
}
.pad-bottom-none {
	padding-bottom: 0 !important;
}


.marg-me {
	margin: 10px !important;
}
.marg-me-more {
	margin: 20px !important;
}
.marg-vert {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.marg-vert-none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.marg-hor {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.marg-hor-none {
	margin-left: 0 !important;
	margin-right: 0 !important;
}



.marg-left {
	margin-left: 20px;
}
.marg-left-none {
	margin-left: 0 !important;
}

.marg-right {
	margin-right: 20px;
}
.marg-right-none {
	margin-right: 0 !important;
}

.marg-top {
	margin-top: 20px;
}
.marg-top-none {
	margin-top: 0 !important;
}

.marg-bottom {
	margin-bottom: 20px;
}
.marg-bottom-none {
	margin-bottom: 0;
}


.width-quarter {
	width: 25%;
}
.width-third {
	width: 33%;
}
.width-3eighths {
	width: 37.5%;
}
.width-40 {
	width: 40% !important;
}
.width-45 {
	width: 45% !important;
}
.width-48 {
	width: 48% !important;
}
.width-49 {
	width: 49% !important;
}
.width-half {
	width: 50% !important;
}
.width-3fifths {
	width: 60%;
}
.width-63 {
	width: 63%;
}
.width-2thirds {
	width: 66%;
}
.width-70 {
	width: 70%;
}
.width-3quarters {
	width: 75% !important;
}
.width-80 {
	width: 80% !important;
}
.width-85 {
	width: 85% !important;
}
.width-90 {
	width: 90% !important;
}


.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal !important;
}



.text-tiny {
	font-size: 77%;
}
.text-small {
	font-size: 85%;
}
.text-large {
	font-size: 107%;
}
.text-larger {
	font-size: 114%;
}
.text-big {
	font-size: 122%;
}
.text-bigger {
	font-size: 129%;
}
.capitalise {
	text-transform: capitalize;
}




.black {
	color: #000;
}
.white {
	color: #fff;
}
.red {
	color: #d9000a !important;
}
.blue {
	color: #5c6691;
}
.brown {
	color: #66462a;
}
.grey {
	color: #646366;
}
.light-grey {
	color: #999;
}
.mid-grey {
	color: #4c4c4c;
}
.dark-grey {
	color: #333;
}

.bg-beige {
	background-color: #e0d8c7;
}

.ffm-red {
	color: #da2027;
}
.ffm-green {
	color: #b3d56e;
}
.ffm-grey {
	color: #1e1e1e;
}