@import url(typography.css);
/* this file (layout.css) */

body{background-color: #fff;/*#D7D7D7*/;}

#wrapper
{
	position: relative;
	margin: -10px auto 0px auto;
	width: 90%;/* 760px; */
	height: 100%;
	min-width: 800px;

	border: solid #FFF 10px;
	background-color: #FFF;
}

/* --- Logo
	 ---------------------------------------------- */

#logo
{
	z-index: -1;
	margin: 0px 0px 0px 30px;
}


/* --- Top Bar (Sign Up, Login, Search)
	 ---------------------------------------------- */

#topBar
{
	display: inline-block; /* gives the element "layout" */
	margin: -200px 0 0 0;
	padding: 1px 0 0 0;
	float: right;

	height: 49px;
	width: 380px;

	background: url('../../images/bg_topBar.png') no-repeat;
}

a.topBar {color: #FFF;}

li.signUp, li.login, li.search, li.topBarEnd
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li.search
{
	margin: 0;
	padding: 0;
}


a#loginLink, a#loginLink:link, a#loginLink:visited
{margin-left: -20px; padding: 15px 18px 15px 18px; border-right: solid #444 1px; color: #FFF;}

a#loginLink:hover {color: #0CB4D1;}

img.signUpLink
{
	margin: -3px 17px 0 0;
	padding: -1px 0 0 0;
	vertical-align: middle;
	height: 50px;
	width: 85px;

	border: none;
}

#searchBar
{
	float: right;
	/*margin: -39px 12px 0 0;*/
	margin: 10px 12px 0 0;
	padding: 0;
	height: 20px;
	text-align: right;
}

input#search
{
	margin: 0 0 0 7px;/*10px 0 11px 5px;*/
	padding: 5px 5px 18px 5px;
	vertical-align: top;

	border: 0px;
	background: url('../../images/bg_search.jpg') no-repeat;
}

input.go
{
	margin: 0 0 0 -6px;
	width: 25px;
	height: 25px;
	padding: 0px 0px 3px 0px;
	vertical-align: top;

	border: none;
	background: #FFF;
	background: url('../../images/bttn_search.jpg') no-repeat;
}


/* Drop-Down Login Menu */
#login
{
	float: right;
	position: relative;
	width: 295px;
	height: 95px;
	margin-top: -161px;
	font-size: 0.8em;
	background: #333 url("http://www.foliomatch.co.uk/images/bg_loginDropDown.gif") no-repeat;
}

form#loginDropDown
{
	margin: 10px 0 3px 0;
}

label.login
{color: #FFF; font-size: 1em; text-align: right;}

input#loginButton
{
	width: 60px;
	height: 25px;
	background: url('../../images/bttn_dropLogin.jpg') no-repeat;
	border: none;
	color: #FFF;
	font-size: 1em;
}

a#dropClose {float: right; vertical-align: middle;}

/*
img#topBar_rightEnd
{
	margin: -1px 0 0 0;
	padding: 0 -2px 0 0;
	vertical-align: middle;
	height: 50px;
}
*/

/* --- Navigation
	 ---------------------------------------------- */

#navigation
{
	position: relative;
	margin: -10px auto 0 auto;
	width: 97%;/*760px;*/
	min-width: 740px;
	height: 50px;
	text-indent: -30px;
	list-style-type: none;

	background: url('http://www.foliomatch.co.uk/images/bg_nav1.png') repeat-x;
	color: #999;
}

#userMenu
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 93.5%;/*760px;*/
	min-width: 730px;
	height: 40px;
	text-indent: -25px;
	list-style-type: none;
	text-align: center;

	background: url('../../images/bg_userMenu.png') repeat-x;
	color: #999;
}

li.nav
{display: inline;}


#left, #userLeft
{
	float: left;
	/*margin: -3.445em 0px 0px -40px;*/
	margin: 0em 0px 0px -40px;
}

#right, #userRight
{
	float: right;
	/*margin: -3.435em -0.8em 0px 0px;*/
	margin: 0em -0.8em 0px 0px;
	padding-right: 11px;
}

#userLeft
{margin-top: -2.7em;}

#userRight
{margin-top: -2.72em;}



a.nav, a.nav:visited
{
	margin-left: -4px;
	padding: 16px 15px 15px 15px;
	color: #FFF;
}

a.userNav, a.userNav:visited
{
	margin-left: -4px;
	padding: 16px 12px 10px 12px;
	color: #FFF;
}

a.nav:hover, a.userNav:hover
{color: #0CB4D1;}


/* --- Error Message
	 ---------------------------------------------- */

/*
#errorMessage
{
	position: absolute;
	margin: 90px 0 15px 0;
	width: 100%;/*760px;*/
	min-width: 730px;
	
	text-align: center;
	border: solid red 1px;
	background: #FFBECA;
}

/* --- Content
	 ---------------------------------------------- */

#content
{
	width: 100%;
}

#text
{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 98%;
	min-width: 740px;
	min-height: 310px;
}

a.sameVisited, a.sameVisited:visited {color: #0CB4D1;}
a.sameVisited:hover {color: #0172B4;}
a.noHover:hover{color: #0CB4D1;}


/* --- Right-Bar
	 ---------------------------------------------- */

td.right
{
	vertical-align: top;
	width: 40%;
	min-width: 325px;
	max-width: 325px;
}

ul.right, ol.right /* Used in About */
{
	margin: 0 0 10px 0;
	border: solid #CCC 1px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

ul.right > h3, ol.right > h3
{margin-left: -30px;}

#rightPanel /* Used in Event Profile... */
{
	float: right;
	position: relative;
	width: 40%;
	min-height: 420px;

	border-left: solid #CCC 3px;
}

#rightBar /* Used in INDEX */
{
	float: right;
	position: relative;
	margin: 0px -5px 0px 0px;
	width: 32%;
}

#rightBar.profile /* Used in Profile */
{
	width: 50%;
	min-height: 100%;
}

h3.right
{margin: 10px 10px 0px 0px; color: #777;}

h4.card
{
	width: 180px;
	margin: 15px 0px 3px 13px;
	padding: 0px 7px 0px 0px;
}

h4.faq
{margin: 20px 0 0 0;}

h4.info
{margin: 10px 10px 5px 13px;}


ul.faq
{margin: 0 0 0 -20px;}

.faqTable
{
	font-family: 'Verdana', sans-serif;
	font-size: 0.8em;
	padding: 5px;
}

.faqTd {border-bottom: solid grey 1px;}

#rightBar {margin: 13px 0px 0px 5px;}

#rightBar > li
{
	margin: 8px 5px 15px -30px;
	width: 200px;
	height: 90px;
	list-style-type: none;
	padding-bottom: 0px;

	background: #FFF;
}

#rightBar > li > a, ul#rightBar > li > a > img {border: none;}

img.card
{
	margin: 0px;
	padding: 0px;
}

img.infoLeft
{float: left; margin: 3px;}

img.infoRight
{float: right; margin: -5px -15px 0px 0px;}

img#dynamo
{margin-top: -15px;}

p.card
{
	width: 180px;
	margin: 0px 0px 3px 13px;
}

p.faq
{margin: 0 0 5px 0;}



/* --- Listings
	 ---------------------------------------------- */

p.directoryNotice {margin-top: -10px;}

form#listOptions
{
	text-align: center;
	vertical-align: middle;
	min-width: 800px;
}

/* New Arr



/* Drop Downs */

input.find
{
	margin-top: 5px;
	color: #FFF;
	background: url('../images/bttn_find.jpg') no-repeat;
	width: 93px;
	height: 44px;
	border: none;
}

input.find
{
	background: url('../images/bttn_find.jpg');
}

input.find:hover
{/*background: url('../images/bttn_findHover.jpg');*/ color: #0CB4D1;}

p.listLabel
{margin-left: 0px;}

select.dropDown
{margin: 0px 5px 5px 0px;}

input.dropDown
{width: 70px;}

/* Polaroid Cards...*/
ul.newArrivals {margin: 0px 5px 10px 5px; border: solid #CCC 1px; height: 200px;}

h3.newArrivals {margin: -30px 5px 10px 20px; text-align: left;}

table#news
{
	margin: -20px auto 5px auto;
	width: 95%;
	height: 450px;
	border: solid #CCC 1px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

td#newsCell
{
	vertical-align: text-top;
	border-right: solid #CCC 1px;
}

p.posted {margin-top: -25px; margin-left: 10px;}

td.newItem
{
	width: 300px;
	height: 130px;
	vertical-align: text-top;
}


td.item, td.dashboardItem
{
	margin: 8px 3px 15px 0;
	min-width: 255px;
	height: 100px;
	list-style-type: none;
	padding-bottom: 0px;

	/*border: solid #CCC 1px;*/
	background: #FFF;
}


td.textCell {width: 250px; margin: 3px;}

p.updatedLabel
{
	margin-top: -20px;
}


img.itemPic
{
	/*margin: -30px 5px 5px 0px;
	width: 110px;
	border: none;*/

	position: absolute;
	border: none;
	margin: -45px 5px 5px 0px;
	width: 100px;
	height: 100px;
	padding: 9px 13px 25px 12px;
	background: url('../../images/imgMask_01.jpg') no-repeat;
}

img.dashboardPic
{
	/*margin: -30px 5px 5px 0px;
	width: 110px;
	border: none;*/

	position: absolute;
	border: none;
	margin: 0px 5px 15px 0px;
	width: 100px;
	height: 100px;
	padding: 9px 13px 25px 12px;
	background: url('../../images/imgMask_01.jpg') no-repeat;
}


/* Wide Cards...*/

table.listing
{
	width: 100%;
	margin-top: -17px;
}

img.listing /* Image Element is Polaroid, Background Attribute is Uploaded Image */
{
	position: absolute;
	border: none;
	margin: 0 0 0 0;
	width: 100px;
	height: 100px;
	padding: 9px 13px 25px 12px;
	background: url('../../images/imgMask_01.jpg') no-repeat;
}

td.cardItem
{
	margin: 0px;
	width: 33%;
	height: 138px;
	list-style-type: none;
	vertical-align: top;

	/* border: solid #CCC 1px; */
}

a.cardItem {text-decoration: none; margin-bottom: 30px;}

/*
img.cardItem
{
	width: 100px;
	height: 100px;
	margin: -31px 5px 5px 4px;
	
	border: solid #CCC 1px;
}
*/

h4.cardItem {margin: 10px 3px 3px 130px;}

h4.itemTitle
{
	margin: -30px 5px 0px 125px;
	color: #0CB4D1;
}

h4.dashboardTitle
{
	margin: 10px 5px 0px 15px;
	color: #0CB4D1;
}

h5.detail /* Listings labels */
{margin: 0px 5px 5px 15px; text-align: left;}

p.cardItem {margin: 3px 3px 3px 130px;}

p.cardItem > a {color: #333;}


/* Pagination */

div.paginationTop
{
	margin:-25px 0 23px 0;
}

div.pagination
{
	text-align: center;
	margin: 5px;
}

a.pagination {padding: 3px 5px 3px 5px; color: #333;}
a.pagination:visited {color: #666;}

span.disabled /* <- DISABLED Prev/Next (Dead) Buttons */
{
	display: none;
}

a.paginationPrev, a.paginationPrev:visited, a.paginationNext, a.paginationNext:visited
/* <- Prev/Next (Live) Buttons */
{padding: 3px 5px 3px 5px; color: #333;}

a.paginationNext /* <- Prev/Next (Live) Buttons */
{border-left: solid #CCC 1px;}

a.paginationPrev /* <- Prev/Next (Live) Buttons */
{border-right: solid #CCC 1px;}

span.current /* <- Current Page */
{
	padding: 3px 5px 3px 5px;
	background: #333;
	color: #FFF;
}

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


/* --- Forms
	 ---------------------------------------------- */

td.label {width: 115px;}

label
{margin: 5px 5px 5px 15px;}

label.error
{margin: 0px;}

a#needHelp
{
	border-top: none;
	padding: 19px 5px 5px 5px;
}

div#recommendBox
{
	float: right;
	width: 450px;
	margin: -10px 0 0 0;
	z-index: 3;
	background: #FFF;
}

p.closeLink
{text-align: right;}

h4.detail {margin-top: 10px;}

table.formTitle
{
	position: relative;
	margin: 0 auto -20px auto;
	width: 40em;
	text-align: left;
}


form.signUp, div.signUp
{
	position: relative;
	margin: 15px auto 5px auto;
	width: 40em;
	text-align: left;

	border: solid #CCC 1px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

form.login
{
	position: relative;
	margin: 15px auto 5px auto;
	width: 30em;
	text-align: left;

	border: solid #CCC 1px;
}


input#signUp
{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	width: 97px;
	height: 33px;
}

input#login
{
	position: relative;
	margin: 5px 45% 5px 40%;
	padding: 0px 0px 5px 0px;
	width: 97px;
	height: 33px;
}

input#signUp, input#login
{
	background: url('../../images/bttn_signUp.png') no-repeat;
	border: none;
	color: #FFF;
}

.center {text-align: center;}

input.signUp, input.signUp_error
{
	margin: 3px;
	padding: 5px;
	border: solid #999 1px;
}

input.signUp_error {border: solid red 1px;}

ul.tabList {margin-top: 15px;}

li.tab
{
	display: inline;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 10px;
}

a.tab {color: #999;}

a#chosen {color: #333; font-weight: bold;}

a#needHelp
{
	background: #EEE;
	border: solid #999 1px;
	color: #0CB4D1;
}

ul.signUpError
{list-style-type: square; margin: 3px;}


	/* --- About Us Contact Form ---*/
	input.contact,textarea {margin: 3px; padding: 3px; border: solid #999 1px;}


	/* --- Contact Forms ---*/
	div#contactForm	{height: 138px; margin-bottom: 28px;}
	
	form#contactMember	
	{
		position: relative;
		margin: 3px auto 3px auto;
		width: 90%;
		text-align: center;
	}

	input#send
	{
		background: url('../../images/bttn_send.png') no-repeat;
		width: 71px;
		height: 28px;
		border: none;
		color: transparent;
	}


/* --- Dashboard
	 ---------------------------------------------- */

p.feedback
{
	background: #333;
	color: #FFF;
	padding: 8px 6px 10px 6px;
	text-align: center;
	border: solid #888 3px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

p.errorMessage
{
	background: #db1515;
	color: #FFF;
	padding: 8px 6px 10px 6px;
	text-align: center;
	border: solid #dd6464 3px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

p#tipHeader
{
	text-align: left;
	margin-left: -25px;
}

a.tipClose
{
	float: right;
	margin-top: -30px;
	margin-right: 15px;
	cursor: pointer;
}

span.greet{color: #BBB;}

a.dashName:hover {color: #0CB4D1;}

h4.formUpload {position: relative; margin: -47px auto 25px auto; width: 10em; color: #BBB;}

td.feeds
{vertical-align: top;}

div.feedList
{
	border: solid #BBB 1px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

table.feedTable {padding: 5px;}

td.feedItem
{
	margin: 8px 3px 15px 0;
	min-width: 250px;
	height: 130px;
	list-style-type: none;
	padding-bottom: 0px;

	background: #FFF;
}


table.editProfile
{margin: 0px auto 0px auto; width: 90%; padding-bottom: 10px; border-bottom: solid #CCC 1px;}

td.editLabel
{border-right: solid #CCC 2px; text-align: right; border-bottom: solid white 5px;}

table#editCV
{
	margin: 3px;
	text-align: center;
	color: #999;
}

td.submit
{text-align: center; vertical-align: middle;}

tr.error
{
	border: solid #db1515 2px;
}
/*
p.errorMessage
{
	background: #db1515;
	color: #FFF;
	padding: 8px 6px 10px 6px;
	text-align: center;
	border: solid #dd6464 3px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
*/

input.dashboard
{
	margin: 3px;
	padding: 3px;
	border: solid #999 1px;
}

input.signUpButton
{
	color: #FFF;
	background: url('../images/bttn_blue.gif');
	width: 257px;
	height: 73px;
	border: none;
}

input.signUpButton:hover
{cursor: pointer;/*background: url('../images/bttn_blueGlow.gif');*/}

input.update
{
	color: #FFF;
	background: url('../images/bttn_update.jpg');
	width: 257px;
	height: 73px;
	border: none;
}

input.update:hover
{/*background: url('../images/bttn_updateHover.jpg');*/ color: #0CB4D1; cursor: pointer;}

input.submit
{
	color: #FFF;
	background: url('../images/bttn_misc.jpg');
	width: 170px;
	height: 60px;
	border: none;
}

input.submit:hover,input.button:hover
{/*background: url('../images/bttn_miscHover.jpg');*/ color: #0CB4D1; cursor: pointer;}

p.remaining {text-align: center;}

img.thumbChoice {margin: 3px;}
input.thumbRadio {margin: 0 0 0 -15px; padding: 0;}


a.deleteBttn {margin: 0 0 0 10px;}
img.deleteBttn {margin: 0 0 -5px 0;}

a.questionMark:hover {cursor: pointer;}

p.explain
{
	max-width: 400px;
}

iframe
{
	overflow: visible;
}

img.imgSelect{border: solid #BBB 1px; max-width: 750px;}

/* --- Profile
	 ---------------------------------------------- */

a.backDirectory
{
	margin: 15px 0 -15px 0;
	font-size: 0.9em;
}

table.profile
{
	margin: 10px 10px 0px 10px;
	width: 99%;
	border: none;
}

td.contact {vertical-align: top; text-align: left;}

td.personal /* For Events etc.*/
{
	vertical-align: top;
	width: 60%;
	min-width: 435px;

	padding-right: 7px;
}

table.profileImage
{
	position: relative;
	margin: 5px auto 5px auto;
	text-align: center;
}


img#profile
{
	margin: 3px;
	max-width: 400px;
	/*width:expression(this.width > 400 ? "400px" : this.width);*/

	border: solid #EEE 5px;
}

p.address
{
	float: left;
	margin-right: 30px; 
}


table#cv
{
	margin: -45px 3px 3px 45px;
	text-align: left;
	color: #999; /*background: #F9F9F9;*/
}

td.cvLabel {padding: 0px 5px 0px 5px; text-align: left;}

td.cv {padding: 0px 10px 0px 10px;}

li#gallery {text-align: center;}

li.heading
{
	list-style-type: none;
	text-indent: -35px;
	border: none;
}

li.event, li.staff /* Used in Profiles (sideBar) */
{
	list-style-type: none;
	margin: 5px 5px 5px -35px;
	border: solid #CCC 1px;
}


li.galleryImage
{
	display: inline;
	width: 31px;
}


p.dateTime
{
	float: right;
	margin: 3px 5px 3px 5px;
}

p#deadline {margin: -43px 0 0 130px;}

p.profileDetail {margin-bottom: -10px; color: #0CB4D1; text-decoration: none;}

a.website, a.website:visited {color: #0CB4D1; /*459DD3*/;}

/*
div#gallery
{
	position: relative;
	margin: 10px;
	width: 95%;
}
*/

img.gallery
{
	margin: 0px;
	padding: 11px 15px 25px 14px;
	width: 125px;
	height: 125px;
	z-index: 0;
}

img.mask
{
	margin: 0px 0px -10px -124px;
	z-index: 2;
}

img.thumb {width: 70px; height: 70px;}

td.thumbCell {width: 70px;}

a.reportLink, a.reportLink:visited{color: red;}
a.reportLink:hover{color: #db1515;}

.oppNews
{
	padding: 0;
	margin: 0;
}


/* --- Messaging
	 ---------------------------------------------- */
	 
#mailbox
{
	width: 100%;
}

td.check
{text-align: center; width: 20px;}

th, td.subject
{text-align: left; padding: 5px;}

td.from
{width: 20%; padding: 5px;}



/* --- Bookmarks
	 ---------------------------------------------- */

.secondaryHead
{
	margin: -2.1em 0 5px 0;
}

#bookmarks
{
	width: 100%;
}

td.bookImage {width: 70px;}



/* --- Advice
	 ---------------------------------------------- */

td.articleMain
{
	padding: 10px;
	background: #333;
	-moz-border-radius: 10px;
}

p.authorMain { color: #CCC; }

p.artMainP { color: #FFF; }


img.articleSub
{
	width: 130px;
	float: left;
}

div#articleLeft
{
	float: left;
	margin: 5px;
	width: 23%;
	height: 100%;
	text-align: center;
}

div#articleRight
{
	float: right;
	margin: 5px;
	width: 74%;
	height: 100%;
}

img.articlePic
{
	margin: 0;
	/*width: 180px;*/
}

ul#relatedLinks
{
	padding: 10px;
	margin: 10px 5px 5px 0;
	text-align: left;
	border: solid #CCC 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

li.relatedLink { margin-bottom: 10px; }

ul.articleList { margin: 5px 5px 15px -10px; }

li.articleItem { margin-bottom: 10px; margin-left: -15px; }

h3.articleLink { margin-left: 15px; }

h4.articleList { margin: 10px 0 0 15px; }

p.author{ margin-top: -20px; }
p.authorFront{ margin-top: -5px; }


/* --- Home Page
	 ---------------------------------------------- */

h1.tagLine
{
	position: absolute;
	top: 80px;
	left: 305px;
}

table.frontPage
{margin: 0px auto 0px auto; width: 100%; padding-bottom: 10px;}

ul.tour
{
	text-decoration: none;
	list-style-type: none;
	margin: 20px 15px 0 -20px;
	width: 100%;
	min-width: 500px;
	text-align: center;
	text-decoration: none;
}

li.tourButton
{
	display: inline;
	margin: 0 3% 0 -15px;
}

		/* --- Latest Work --- */
		td.textTop {vertical-align: top;}

		ul.latestNews
		{
			min-width: 230px;
		}

		li.latest
		{
			margin-left: -10px;
		}

		img.listingImg
		{
			/*position: absolute;*/
			border: none;
			margin: 0 0 0 0;
			width: 100px;
			height: 100px;
			padding: 9px 13px 25px 12px;
			background: url('../../images/imgMask_01.jpg') no-repeat;
		}


form.blogging
{
	text-align: center;
}


/* --- Tour
	 ---------------------------------------------- */


span.number
{
	position: absolute;
	margin: 10px 0 0 -42px;
}

p.rightTour {margin-left: 58px;}

p.url {text-align: center;}

img.explaination {margin: 5px;}

img.sampleListing
{
	border: none;
	margin: 0 0 0 0;
	width: 100px;
	height: 100px;
	padding: 9px 13px 25px 12px;
	background: url('../../images/imgMask_01.jpg') no-repeat;
}

img.tourButton {border: none;}

.tourImg {width: 90%;}


h4.tour
{margin: 7px 10px -10px 15px;}


/* --- Footer
	 ---------------------------------------------- */

ul.footer
{
	position: relative;
	margin: 20px auto 0px auto;
	padding: 0px 5px 0px 5px;
	width: 100%;
	height: 30px;
	text-align: right;
	background:	url('../../images/bg_foot.jpg') repeat-x;
	color: #333;
}

li.footer
{
	list-style-type: none;
	display: inline;
	margin: 0px 10px 0px 0px;
}

img#footLeft
{
	float: left;
	padding-left: 7px;
	margin-left: -1.1em;
}

img#footRight
{
	float: right;
	padding-right: 7px;
	/*margin: -1.01em -1.1em 0 0;*/
	margin: 0 -1.1em 0 0;
}

a.footCopy {float: left; margin-top: 3px; color: #555;}

a.foot {margin-top: 10px; color: #555;}

a.foot:visited {color: #555;}
a.foot:hover {color: #0CB4D1;}



/* --- Text
	 ---------------------------------------------- */

div#text.profile
{
	width: 53%;
	min-width: 550px;
}

div#text.listings
{
	width: 100%;
	min-width: 740px;
}

h1.name {margin-top: 5px; margin-left: 10px;}

h1.oppName {margin: 5px 0 10px 10px; max-width: 70%;} /* Recommend Opportunity whacks the name out of line */

#oppCats {max-width: 55%;}

h2
{margin: 10px; color: #0CB4D1;	/* #459DD3; */}

h3
{margin: 5px 10px 5px 10px;}

h3.category {margin: -3px 0px 0px 10px;}

h3.detail {margin: 10px 10px 0px 10px;}

h3.dashboard {position: relative; margin: -5px auto 0px auto; width: 19em; color: #BBB;}

h3.form {text-align: left; color: #BBB;}
h3.formDash {text-align: center; color: #BBB;}

h3.left {margin: 0px 0px 10px 10px; color: #BBB;}

h3.listh3 {margin: 20px 10px 15px -25px;}

h3.newArrivals {color: #BBB;}

h4 {margin: 20px 5px 0px 15px;}

h4.backLink {margin: -20px 0 0 10px;}

h4.form {position: relative; margin: -47px auto 25px auto; width: 15em; color: #BBB;}

/* On some pages, the subLink needs a bit more lefting/righting (less width = more left) */
h4.formLogin {position: relative; margin: -47px auto 25px auto; width: 17.5em; color: #BBB;}

/* Dashboard for Organisation */
h4.formOpportunity {position: relative; margin: -47px 0 25px 410px; width: 8em; color: #BBB;}
h4.formEvent {position: relative; margin: -47px auto 25px auto; width: 12.5em; color: #BBB;}

p {margin: 10px 10px 10px 15px;}

.portfolioLabel {text-align: left; margin: 0 0 0 4px; padding: 0;}

ul {list-style-type: none;}

ul.list {list-style: square inside;}

ul.list > li {margin: 0px 10px 8px 0px;}

a
{
	color: #0CB4D1;
	text-decoration: none;
	padding: 0;
}

a:visited, a:hover {color: #0172B4;}

a.backTop
{
	margin-top: -1em;
	float: right;
}

a.button,a.button:visited
{
	color: #FFF;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: 1.2em;
	background: url('http://www.foliomatch.co.uk/images/bttn_update.jpg') no-repeat;
	padding: 22px 84px 22px 84px; /*width: 257px;	height: 73px; */
	margin: 10px;
	border: none;
}

a.buttonThumb,a.buttonThumb:visited
{
	color: #FFF;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: 1.2em;
	background: url('http://www.foliomatch.co.uk/images/bttn_update.jpg') no-repeat;
	padding: 24px 100px 24px 100px; /*width: 257px;	height: 73px; */
	margin: 10px;
	border: none;
}

a.button:hover,a.buttonThumb:hover {color: #0CB4D1;}

a#downloadPress {padding: 27px 57px 27px 57px; /*width: 257px;	height: 73px; */}
a#successLink {padding: 27px 80px 27px 80px; /*width: 257px;	height: 73px; */}

span.bold {color: #333;}

span.bright {color: #0CB4D1;}

img {border: none;}

hr {background: #666;}

.error {color: red;}