/* liamski.co.uk | lovely css goodness */

body {
	background:#B12322 url(../images/layout/background.gif) no-repeat;
	margin:0;
	padding:0;
}

h1 { 
	font:bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:lowercase;
	color:#F3A880;
	background:#BA2828;
	padding:7px 0 7px 10px;
	margin-right:240px;
}

p {
	margin:0;
	padding:0;
	text-indent:0;
	line-height:1.35;
}

h3 { 
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#F3A880;
	background:#AC2424;
	padding:2px 0 2px 5px;
	margin:5px 280px 5px 0;
	border:1px #C13838 solid;
	border-width:1px 0 0 0;
}

a:link, a:visited{
	border:0;
}

img { 
	border:none;
}

#Header {
	background:url(../images/layout/header.gif) no-repeat;
	height:195px;
	width:634px;
}

#Side {
	background:url(../images/layout/side.gif) repeat-y;
	height:2000px;
	width:100px;
	position:relative;
	right:0px;
}

#HeaderBar {
	margin:0;
	padding-top:12px;
}

#HeaderSlogan {
	float:right;
	font:0.7em Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-right:5px;
	color:#DE4B4B;
	margin:5px 0 0 0;
}

#Container {
	background:#B62727 url(../images/layout/side.gif) repeat-y 100% 200px;
	max-width:760px;
	width:auto;
	margin:0 0 0 361px;
}

#MainBox {
	width:634px;
	margin:0;
	background:#B62727;
}

#Footer {
	text-align:center;
	padding-top:5px;
}

#FooterBlobs {
	background:url(../images/layout/footer.gif) no-repeat bottom left;
	height:40px;
	margin:110px 60px -5px 60px;
}

.ContentBox, .ContentBoxHi {
	font:0.6em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	width:auto;
	padding:5px 20px 13px 20px;
	margin:5px 60px 15px 60px;
	border:1px #BE2929 solid;
	background:#B12525;
}

.ContentBoxHi {
	border-color:#A32222;
	border-width:5px 1px 1px 1px;
	background:#B12525 url(../images/layout/dark.gif) repeat-x bottom;
}

.ContentBox a{
	border-bottom:1px solid #C13838;
}

.ContentBox a:link, .ContentBox  a:visited{
	border-bottom:1px solid #C13838;
	text-decoration:none;
	color:#F66666;
}

.ContentBox a:hover{
	color:#FFF;
}

.ContentBox h1 a:link, .ContentBox h1 a:visited{
	color:#F3A880;
}

.ContentBox h1 a:hover{
	color:#FFF;
}

.GalleryBox {
	float:right;
	margin:20px 20px 0 0;
	background:#AC2424;
	padding:5px;
}

.Divider {
	background:url(../images/layout/divider.gif) no-repeat;
	width:482px;
	height:14px;
	margin-left:80px;
}

#What {
	width:634px;
	margin:0;
	padding-top:74px;
	background:url(../images/layout/what.gif) no-repeat;
}

.Frame {
	float:left;
	width:92px;
	height:93px;
	padding:18px 0 0 16px;
	margin-left:15px;
	background:url(../images/layout/frame.gif) no-repeat;
}

#WhatBoxTop {
	width:196px;
	height:23px;
	margin:0px;
	background:url(../images/layout/boxtop.gif) no-repeat;
}

#WhatBoxMiddle {
	width:116px;
	background:url(../images/layout/boxmiddle.gif) repeat-y;
	padding:1px 0 0 80px;
}

#WhatBoxMiddle ul, li{
	margin:0;
	padding:0;
	text-decoration:none;
	text-transform:lowercase;
	list-style:none;
}

#WhatBoxMiddle a{
	padding:0 4px 0 4px;
	background-color:#B12525;
	font:0.8em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #C13838;
	text-decoration:none;
	color:#F3A880;
}

#NoHover {
	padding:0 4px 0 4px;
	background-color:#B12525;
	font:0.8em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #C13838;
	text-decoration:none;
	color:#F3A880;
}

#Hover {
	color:#FFF;
	border-left:4px solid #6F6;
	padding:0 8px 0 6px;
}

#WhatBoxMiddle a:hover{
	color:#FFF;
	border-left:4px solid #6F6;
	padding:0 8px 0 6px;
}

#WhatBoxMiddle h1, h2 {
	padding:1px;
	border-bottom:1px #C13838 solid;
	margin:10px 15px 10px 0;
	font:0.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#F65A5A;
	background-color:#B92727;
}

#WhatBoxBottom {
	width:196px;
	height:70px;
	margin:0px;
	background:url(../images/layout/boxbottom.gif) no-repeat;
}

#WhatArea {
	float:right;
	width:400px;
	padding-right:30px;
}

#Who {
	width:634px;
	padding-top:94px;
	background:url(../images/layout/who.gif) no-repeat;
}

#How {
	width:634px;
	padding-top:94px;
	background:url(../images/layout/how.gif) no-repeat;
}

.Arrow {
	margin-left:304px;
}