/* DETAILS
----------------------------------------------- 

Base Style Sheet
© Copyright Rosie Sturman @ Realised Design 2008
Site: http://www.richard-lamb.co.uk
Author: Rosie Sturman
Contact: rosie@realiseddesign.co.uk

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - STRUCTURE
06 - FOOTER
07 - ARTICLE LISTS
08 - FORMS
09 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: "Arial", sans-serif;
	}

html>body { /* be nice to Opera */
	font-size: small;
	}

	
h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 140%;
	font-weight: normal;
	font-family: "Trebuchet MS", sans-serif;
}
	
h2 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 130%;
	font-weight: normal;
	font-family: "Trebuchet MS", sans-serif;
}
	
h3 {
	margin: 0;
	padding: 0;
	font-size: 120%;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 100%;
}

p em {
	font-size: 140%;
}
	
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #FC3E03;
}

a:hover {
	text-decoration: none;
}

	
/*---------------------------------------------*/

em {font-style: normal;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}
	
a img {border: none;}

/* STRUCTURE
------------------------------------------------ */

#Wrap {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 740px;
	background: #FFF;
}
	
#WrapInner {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 740px;
	background: #FFF;
	border-top: solid 2px #FC3E03;
}	

#Header {
	margin: 0;
	padding: 15px 0 40px 0;
	background: #FBF201 url(/Images/header.gif) repeat-y 0 0;
	font-family: "Trebuchet MS", sans-serif;
}
#Header h1{
	margin: 0 auto;
	padding: 0;
	width: 740px;
	color: #fff;
}
#Header h1 em{
	font-size: 140%;
}
	
.MainBody {
	float: left;
	padding: 0;
	width: 470px;
}

#Content {
	float: left;
	padding: 0 10px 0 0;
	width: 280px;
	background: #fff;
}


#Sidebar1 {
	float: right;
	padding: 0;
	width: 180px;
	background: #fff;
}
	
#Sidebar2 {
	float: right;
	padding: 0;
	width: 270px;
}
	
#Footer {
	clear: both;
	float: left;
	margin: 40px 0 0 0;
	padding: 0 0 60px 0;
	border-top: solid 2px #FC3E03;
	font-size: 90%;
}


/* NAVIGATION
------------------------------------------------ */
.nav {
	float: left;
	width: 100%;
	margin: 0;
	background: #FBDB01 url(/Images/nav6.gif) repeat-x 0 bottom;
}

.nav ul{
	width: 740px;
	margin: 0 auto 20px auto;
	padding: 0;
	list-style: none;
	background: #FBC901 url(/Images/nav6.gif) repeat-x 0 bottom;
}

.nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 130%;
}

.nav ul li a {
	float: left;
	display: block;
	margin: 0 20px 0 0;
	padding: 6px 0 6px 0;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: #FBDB01 url(/Images/nav3.gif) repeat-x 0 bottom;
	border-bottom: solid 3px #FFF;
}
	
.nav ul li a:hover, .nav ul li.current a {
	border-bottom: solid 3px #FBDB01;
}

/* SUB NAVIGATION
------------------------------------------------ */
.subNav {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	background: #FFF;
}

.subNav ul{
	width: 740px;
	margin: 0 auto 20px auto;
	padding: 0;
	list-style: none;
	background: #FFF;
}

.subNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.subNav ul li a {
	float: left;
	display: block;
	margin: 0 20px 0 0;
	padding: 6px 0 6px 0;
	color: #FC3E03;
	font-weight: normal;
	text-decoration: none;
	background: #FFF;
	border-bottom: solid 3px #FFF;
}
	
.subNav ul li a:hover{
	border-bottom: solid 3px #FC3E03;
}


/* Footer SUB NAVIGATION
------------------------------------------------ */
#Footer .subNav {
	float: left;
	width: 100%;
	margin: 5px 0 10px 0;
	background: #FFF;
	border-bottom: solid 1px #FC3E03;
}

#Footer .subNav ul{
	width: 740px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #FFF;
}

#Footer .subNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#Footer .subNav ul li a {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	color: #FC3E03;
	font-weight: normal;
	text-decoration: none;
	background: #FFF;
	border: none;
}

#Footer ul#ShowcaseSites {
	float: left; 
	clear: left; 
	margin: 50px 0 0 0; 
	padding: 0; 
	list-style: none;
}

#Footer ul#ShowcaseSites li {float: left; margin: 0 3px 3px 0; display: inline; padding: 0; width: 15px; height: 15px; overflow: hidden;}

#Footer ul#ShowcaseSites li a {}

#Footer ul#ShowcaseSites li a:hover {}

/* BOXES
------------------------------------------------ */


.boxStyle1,
.boxStyle2 {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 250px;
}

#Sidebar1 .boxStyle2 {width: 180px;}

.boxStyle1 .border,
.boxStyle2 .border {
	position: relative;
	padding: 10px 90px 10px 10px;
	width: 170px;
	border: solid 2px #FBDB01;
	background: #FFF;
}


.boxStyle1 .border {background: url(/Images/man.gif) no-repeat top right;}
.boxStyle2 .border {background: #FFF; padding: 10px; width: 250px;}

#Sidebar1 .boxStyle2 .border {width: 150px;}



.boxStyle1 .border span.tl,
.boxStyle2 .border span.tl {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 10px;
	height: 10px;
	background: url(/Images/tl.gif) no-repeat 0 0;
}

.boxStyle1 .border span.tr,
.boxStyle2 .border span.tr {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 10px;
	height: 10px;
	background: url(/Images/tr.gif) no-repeat 0 0;
}

.boxStyle1 .border span.bl,
.boxStyle2 .border span.bl {
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: 10px;
	height: 10px;
	background: url(/Images/bl.gif) no-repeat 0 0;
}

.boxStyle1 .border span.br,
.boxStyle2 .border span.br {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 10px;
	height: 10px;
	background: url(/Images/br.gif) no-repeat 0 0;
}



/* MISC
------------------------------------------------ */

.realisedDesign {
	float: right;
	text-transform: uppercase;
}
.realisedDesign a {color: #FC3E03;}


.webStandards {
	float: left;
	clear: left;
	margin: 50px 0 0 0;
	padding: 0;
}



.news {padding: 0 0 0 10px;}