/* -------------------------------- */
/* Screen styles for F&R website    */
/* -------------------------------- */

/* Define Tag Selectors */

body {
	background: #777c73;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 70%;
	color: #675d6a;
}

h3 {
	font-size: 125%;
	padding: 0px 0px 0.5em 0px;
	line-height: 1.25em;
}

p {
	line-height: 1.25em;
	
}

a {
	text-decoration: none;
	color: #675d6a;
}

a:hover {
	color: #ba5d1a;
}

a.image-border {
	text-decoration: none;
	border: 0 none;
}


/* Define Wrapper */

div#wrapper {
	width: 960px;
	left: 50%;
	margin-left: -480px;
	margin-top: 30px;
	position: absolute;
}


/* Define Header */

div#header {
	float: left;
	width: 910px;
	height: 75px;
	margin: 0px 0px 8px 0px;
	padding: 0px 25px 0px 25px;
	background-color: #fff;
}

div#header h1 a {
	float: left;
	display: block;
	width: 132px;
	height: 75px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/logo_fandr.gif);
	text-indent: -9999px;
}

div#header h1 a:hover {
	background-position: 0 -75px;
}

div#header h2 {
	float: right;
	width: 397px;
	height: 75px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/strapline.gif);
	text-indent: -9999px;

}


/* Define middle container */

div#bodyContainer {
	float: left;
	width: 910px;
	margin: 0px 0px 8px 0px;
	padding: 25px 25px 30px 25px;
	background-color: #e8e4e1;
}


/* Define Nav bar and breadcrumb */

div#bodyContainer #navbar {
	float: left;
	width: 910px;
	margin: 0px 0px 28px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 3px solid #fff;
}

div#bodyContainer #navbar #breadcrumb {
	float: left;
	position: absolute;
}

div#bodyContainer #navbar #breadcrumb ul li {
	float: left;
	margin: 0px 12px 0px 0px;
	padding: 0px 12px 0px 0px;
	border-right: 2px solid #ba5d1a;
}

div#bodyContainer #navbar #breadcrumb ul li.lastlink {
	border-right: 0px;
	padding-right: 0px;
	padding-bottom: 0.1em;
	border-bottom: 1px solid #b8b4b1;
}

div#bodyContainer #navbar #links ul li {
	float: right;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 2px solid #ba5d1a;
}

div#bodyContainer #navbar #links ul li.activelink {
	border-bottom: 1px solid #b8b4b1;
}

div#bodyContainer #navbar #links ul li.firstlink {
	border-left: 0px;
}


/* Define Columns */

div#contentarea {
	float: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	display: inline;
}

div#columnOne, div#columnTwo, div#columnThree {
	float: left;
	display: inline;
	background-color: #fdfcfa;
	margin-right: 40px;
	width: 256px;
	height: 256px;
}

div#bodyContainer #columnThree {
	margin-right: 0px;
}

div#columnOne img.gallery_img, div#columnTwo img.gallery_img, div#columnThree img.gallery_img {
	float: left;
	margin: 8px;
}

div#columnOne a.gallery, div#columnTwo a.gallery, div#columnThree a.gallery {
	float: left;
	width: 256px;
	height: 256px;
	text-decoration: none;
	border: 0 none;
}

div#columnOne a.gallery:hover, div#columnTwo a.gallery:hover, div#columnThree a.gallery:hover {
	background-color: #ba5d1a;
}


/* Define Text container styles */

div.textcontainer {
	float: left;
	margin: 16px;
	display: inline;
}

div.textcontainer h4 {
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0.45em;
	line-height: 1.1em;
}

div.textcontainer p {
	padding-bottom: 12px;
}

div.textcontainer p a {
	color: #ba5d1a;
	margin-bottom: 0em;
	border-bottom: 1px solid #b8b4b1;
}

div.textcontainer a:hover {
	color: #b8b4b1;
}



/* Define Footers */

div#footer {
	float: left;
	width: 910px;
	margin: 0px 0px 8px 0px;
	padding: 10px 25px 10px 25px;
	background-color: #fff;
}

div#footer p.details {
	float: left;
	padding: 0;
}

div#footer p.details a {
	border-bottom: 1px solid #ccc;
}

div#footer .details_extra {
	float: right;
	padding: 0;
}

div#outerfooter {
	float: left;
	width: 910px;
	padding: 4px 25px 10px 25px;
}

div#outerfooter .details {
	float: left;
	color: #b6b8b5;
}

div#outerfooter ul.details li {
	float: left;
	margin: 0px 12px 0px 0px;
	padding: 0px 12px 0px 0px;
	border-right: 2px solid #b6b8b5;
}

div#outerfooter ul.details li a {
	color: #b6b8b5;
}

div#outerfooter ul.details li a:hover {
	color: #ccc;
}

div#outerfooter ul.details li.lastlink {
	border-right: 0px;
}

div#outerfooter .details_extra {
	float: right;
	color: #b6b8b5;
	padding: 0;
}

div#outerfooter .details_extra a {
	color: #b6b8b5;
}

div#outerfooter .details_extra a:hover {
	color: #ccc;
}