body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
#pageFrame {
	width: 60em; 
	margin: 1em auto;}
	
/***********************************
Global
***********************************/

h1, h2, h3 {margin-top: 0;}
h1 {font-size: 1.5em}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}

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

.error {color: #F00;}
.notice {color: #F60;}

.floatLeft {float: left;}
.floatRight {float: right;}
img.floatRight {margin: 0 0.5em 0.5em 0;}
img.floatRight {margin: 0 0 0.5em 0.5em;}

.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}

.hide {display: none;}

.clearFix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
.clearFix {display: inline-block;}
* html .clearFix {height: 1%;}
.clearFix {display: block;}
 
dl.floatSmall dt {
	float: left;
	width: 5em;}
dl.floatSmall dd {
	margin-left: 5em; 
	margin-bottom: 0.3em}

dl.floatMedium dt {
	float: left; 
	width: 10em;}
dl.floatMedium dd {
	margin-left: 10em; 
	margin-bottom: 0.3em}

dl.noIndent dd {margin: 0.3em 0;}

dl dt.noFloat {
	float: none;
	width: 100%;}
dl dd.noFloat {
	margin-left: 0;
	width: 100%;}

.hr1 {height: 1px; border-bottom: 1px dotted #CCC; margin-bottom: 1em;}
.hr1 hr {display: none;}

/***********************************
pageHeader
***********************************/

#pageHeader {
	position: relative;
	padding: 0;
	margin-bottom: 0.5em;}

#pageHeader .left {
	position: relative;
	width: 277px;
	float: left;
	height: 6em;}
	
#pageHeader p#siteTitle {
	margin: 0;
	text-indent: -5000px; 
	display: block;
	width: 272px;
	height: 72px;
	background-image: url(http://hurrellbros.co.uk/style/images/logo.gif);}
	
#pageHeader p#siteTagline {display: none;}

#pageHeader .right {
	position: relative;
	height: 6em;
	margin-left: 277px;}
 
/***********************************
Main Menu
***********************************/

ul#mainMenu {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	background-image: url(http://hurrellbros.co.uk/style/images/menuBg.jpg);}
ul#mainMenu li {
	float: left; 
	width: 20%;}
ul#mainMenu li a {
	display: block;
	padding: 3px;
	border: 1px solid #006;
	border-left-width: 0px;
	color: #666;}
ul#mainMenu li a:hover {
	text-decoration: none;
	color: #03F;}
ul#mainMenu li.item1 a {
	border-left: 1px solid #006;}
ul#mainMenu li a div.number {
	display: block;
	margin-bottom: 3.7em;
	font-size: 0.8em;}
ul#mainMenu li a div.text {
	display: block;
	font-weight: bold;
	font-size: 0.9em;}
	
/***********************************
Breadcrumbs
***********************************/

p#breadcrumbs {
	margin: 0.5em 0; 
	font-size: 0.8em; 
	padding-top: 5px; 
	border-top: 1px dotted #CCC;
	padding-bottom: 5px; 
	border-bottom: 1px dotted #CCC;}
p#breadcrumbs a {border-bottom-width: 0;}
 
/***********************************
2 Column Left Layout
***********************************/

.twoColumnLeftOuter .twoColumnLeftInner {
	width: 100%;
	float: right;
	margin-left: -25.5%;}
.twoColumnLeftOuter .column1 {
	width: 25%;
	float: left;
	display: inline;}
.twoColumnLeftOuter .twoColumnLeftInner .column2 {
	margin-left: 25.5%;}
 
/***********************************
2 Column Right Layout
***********************************/

.twoColumnRightOuter .twoColumnRightInner {
	width: 100%;
	float: left;
	margin-right: -25.5%;}
.twoColumnRightOuter .twoColumnRightInner .column1 {
	margin-right: 25.5%;}
.twoColumnRightOuter .column2 {
	width: 25%;
	float: right;
	display: inline;}
	
/***********************************
Sub Menu
***********************************/

ul.subMenu {
	margin: 0; 
	padding: 0;
	list-style-type: none;}
ul.subMenu li {
	border: 1px solid #276770; 
	margin-bottom: 1px;}
ul.subMenu li a {
	display: block; 
	border-left: 6px solid #276770; 
	padding: 3px;
	font-size: 0.9em;
	border-bottom-width: 0;
	text-decoration: none;}
ul.subMenu li a:hover {
	border-color: #D21021; 
	color: #D21021; 
	text-decoration: none;}
	
/***********************************
Image
***********************************/

.contentImage p.caption {
	margin: 0;
	padding: 0.3em;
	background-color: #CCC;
	text-align: center}
	
/***********************************
Links
***********************************/

.contentLinks ul,
.contentLinks ul li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;}
	
dl.contentLinks dd {
	margin: 0.3em 0 1em 1.5em;}

/***********************************
Articles, Events, Directory
***********************************/

dl.articles dd,
dl.directory dd,
dl.events dd {
	margin: 0.3em 0 1em 1.5em;}

dl.articles dd .published,
dl.directory dd .published,
dl.events dd .published {
	color: #666;}
	
/***********************************
Page Navigation
***********************************/

p.pageNav {
	text-align: center;
	font-size: 0.8em;
	padding: 0.3em;
	border: 1px solid #CCC;}
p.pageNav a {border-bottom: 0;}
		
/***********************************
Quote
***********************************/

.quoteTop,
.quoteTop div,
.quoteTop div div,
.quoteBot,
.quoteBot div,
.quoteBot div div {
	height: 13px;
	overflow: hidden;}
.quoteTop,
blockquote,
.quoteBot {
	background-color: #BADCF9;}
.quoteTop {margin-top: 0.5em;}
.quoteTop div {background: url(http://hurrellbros.co.uk/style/images/quoteTop1.png) no-repeat top left;}
.quoteTop div div {background: url(http://hurrellbros.co.uk/style/images/quoteTop2.png) no-repeat top right;}
blockquote {
	margin: 0; 
	padding: 0.75em 0 0.1em 0;
	background: #BADCF9 url(http://hurrellbros.co.uk/style/images/quoteOpen.png) no-repeat 5% 0;}
blockquote p.quote {
	font-family: georgia, serif; 
	font-size: 1.1em; 
	text-align: center; 
	padding: 0 2em 1.5em 2em; 
	background: url(http://hurrellbros.co.uk/style/images/quoteClose.png) no-repeat 95% 100%;}
blockquote p.author {
	font-size: 0.8em; 
	padding: 0 2em; 
	margin: 0.5em 0;}
.quoteBot {margin-bottom: 0.5em;}
.quoteBot div {background: url(http://hurrellbros.co.uk/style/images/quoteBot1.png) no-repeat top left;}
.quoteBot div div {background: url(http://hurrellbros.co.uk/style/images/quoteBot2.png) no-repeat top right;}
	
/***********************************
Comment
***********************************/

a.addComment {
	background: url(/media/images/comment.png) no-repeat 0 0;
	padding-left: 18px;}
.commentListItem {
	background-color: #D6EEF0;
	padding: 0.75em;
	margin-bottom: 1em;}
.commentListItem h3 {
	font-size: 0.9em;
	font-weight: normal;}
.commentListItem h3 b {
	font-size: 1.5em;}
a.complaint {
	background: url(/media/images/alert.png) no-repeat 0 0;
	padding-left: 18px;}

/***********************************
Footer
***********************************/

#pageFooter {
	margin-top: 0.5em;
	border-top: 1px dotted #CCC;
	color: #999;}
p.footer {
	font-size: 0.8em;}

/***********************************
RSS
***********************************/

a.rss {
	background: url(/media/images/rssFeed.gif) no-repeat 0 0;
	padding-left: 18px;}

/***********************************
Social Links
***********************************/

#socialLinks ul li {
	list-style: none;
	padding: 0.2em 0;}
#socialLinks ul li img {
	vertical-align: text-top;}

/***********************************
Form
***********************************/

ul.formFieldOption {
	margin-top: 0.5em;
	margin-bottom: 0.5em;}
ul.formFieldOption li {
	list-style: none;}