/*LAYOUT
---------------------------------------------------------------------------------*/
body {
	text-align: center;
	background: #000 url('../graphics/nav-background.jpg') repeat-x top left;
	min-width: 860px;
}
.wrapper { 
	margin: 0 auto;
	width: 860px;
	text-align: left;
}
#header {
	position:relative;
	height:163px;
	background: transparent url('../graphics/burning-world-burgundy.jpg') no-repeat top left;
}
#navigation {
	position:absolute;
	top:0;
	left:160px;
	height:42px;
	display:table;
	vertical-align:middle;
}
#navcontainer {
	position:relative;
	vertical-align:middle;
	display:table-cell;
}
#headertextcontainer {
	position:absolute;
	left: 160px;
	top: 57px;
	height:101px;
}
#main {
	background:#c1c1c1 url('../graphics/body-background.gif') top center repeat-y;
	border-top: #c1c1c1 solid 10px;
	border-bottom: #c1c1c1 solid 10px;
}
#content {
	background:url('../graphics/body-top-background2.gif') top left no-repeat;
	padding-top:30px;
}
#contentbottom {
	background:url('../graphics/body-bottom-background.gif') bottom center no-repeat;
	height:25px;
}
#footer {
	background: #720000 url('../graphics/footer-background.jpg') repeat-x top left;
	height:42px;
}
#footercontent {
	padding-top: 16px;
}
#main .intro {
	font-style: italic;
	font-size: 1.3em;
	line-height:1.4em;
}
/*MAIN CONTENT LAYOUT
---------------------------------------------------------------------------------*/
#maintext {
	float:left;
    width:440px;
	margin-left:40px;
}
#subsidiarytext {
	float:right;
    width:280px;
	margin: 0 40px 0 60px;
}
#content img {
	float: right;
	clear: right;
	margin-left: 20px;
	margin-top: 0.35em;
}

/*SIDE BOXES LAYOUT
---------------------------------------------------------------------------------*/
.firstbox {
	float:left;
	width:130px;
	margin-right:20px;
}
.secondbox {
	float:right;
	width:130px;
}
/*BASIC STYLES
---------------------------------------------------------------------------------*/
body {
	font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-size: 76%;
	color: #333;
}
#main {
	font-size: 1.15em;
}
/*NAVIGATION
---------------------------------------------------------------------------------*/
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist li {
	display: inline;
	list-style-type: none;
}
#navlist a { 
	padding: 0 3em 0 0; 
	text-transform:uppercase;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #c1c1c1;
	text-decoration: none;
}
#navlist a:hover {
	color: #fffc00;
	text-decoration: none;
}

#navlist a.active {
	color: #fff;
}
/*SUBNAVIGATION
---------------------------------------------------------------------------------*/
#subnavigation ul {
	list-style-image:none;
	list-style-type:none;
	border-bottom: 1px dotted #D3CEC2;
}
#subnavigation li a {
	border-top:1px dotted #D3CEC2;
	display:block;
	padding: 15px 20px;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 1em;
}
#subnavigation li li a {
	padding-left: 40px;
	font-size: 1em;
}
#subnavigation li a.first {
	border-top: none;
}
#subnavigation li li a.first {
	border-top:1px dotted #D3CEC2;
}
#content #subsidiarytext #subnavigation li a.active {

}
#subsidiarytext #subnavigation li a:hover {
	text-decoration:none;
	background-color:#fff;
}
#subsidiarytext #subnavigation ul {
	margin: 0.8em 0 2em 0;
	padding:0;
}
/*HEADER SECTION
---------------------------------------------------------------------------------*/
#header h1 {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#DF9A37;
	font-weight:normal;
}
#header p {
	padding-top: 0;
	padding-left:1px;
    color:#DF9A37;
	font-style: italic;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#header h1.replace {
	width: 282px;
	height: 39px;
	position: relative;
	}
#header h1.replace span {
	background: url('../graphics/patrick-samphire-logo2.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
/*MAIN CONTENT SECTION
---------------------------------------------------------------------------------*/
#content {
	line-height:1.7em;
}
h2 {
	color: #a40006;
	font-size: 2.1em;
	font-weight:normal;
	padding-bottom:0.5em;
	line-height: 1.1em;
}
#subsidiarytext h3{
	font-size:1.8em;
	padding-bottom:0.3em;
	color: #a40006;
	font-weight:normal;
}
h3 {
	font-weight:normal;
	padding-bottom:0.3em;
	padding-top: 0.3em;
}
#subsidiarytext h4 {
	font-size: 1.3em;
	font-weight:bold;
	color: #333;
	padding-bottom:0.3em;
	padding-top: 0.3em;
}
#maintext h4 {
	font-size: 1.2em;
	font-weight:bold;
	color: #333;
	padding-bottom:0.3em;
	padding-top: 0.3em;
}
#content #maintext h4 a {
	color: #333;
	padding-bottom: 0;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom:0.3em;
}
#content #maintext h4 a:hover {
	border:none;
}
#maintext h3 {
	font-size: 1.5em;
	color: #a40006;
}
#content p {
	padding-bottom:0.6em;
}
#content a:link, #content a:active, #content a:visited {
	color: #a40006;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
.readmore {
	font-weight:bold;
}
#subsidiarytext .section {
	border-bottom: 1px solid #D3CEC2;
	margin-bottom: 1em;
}
#maintext .section {
	border-top: 1px solid #DDD;
	padding-top: 0.5em;
	margin-top: 0.5em;
}
#maintext blockquote {
	padding: 0 2em 0.6em 50px;
	background: url('../graphics/quotes.gif') left 2px no-repeat;
}
#subsidiarytext blockquote {
	padding: 0 2em 0.6em 35px;
	background: url('../graphics/subsidiaryquotes.gif') left 3px no-repeat;
}
#maintext ul, #maintext ol {
	margin: 0 45px;
	padding-bottom: 0.6em;
	list-style-position:outside;
}
#subsidiarytext ul, #subsidiarytext ol {
	margin: 0 2em;
	padding-bottom: 0.6em;
}
#content img.border {
	border: 2px solid #aaa;
}
.center {
	text-align:center;
}
/*FOOTER SECTION
---------------------------------------------------------------------------------*/
#footercontent p {
	color:#FFFFFF;
	text-align:right;
	padding-right:40px;
}
#footercontent a:link, #footercontent a:active, #footercontent a:visited {
	color: #fffc00;
}
#footercontent a:hover {
	text-decoration: none;
}
/*EASY CLEAR - based on http://www.positioniseverything.net/easyclearing.html
---------------------------------------------------------------------------------*/
.container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	visibility: hidden;
}
/*The below fixes the clearing for IE Mac, and then resets the display back for all other browsers (hiding it from IE Mac*/
.container {
	display: inline-block;
}
/*\*/
.container {
	display: block;
}
/* */
.container {
	min-width:1px;
}