/*------------------------------------------------------------------
[Master Stylesheet]

Project:			f1g.co.uk
Author:				F1 Design
------------------------------------------------------------------*/

*{
	margin: 0; padding: 0;
}

body{
	background: url(/assets/img/bodybg.jpg) repeat-x;
	font-family: verdana;
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	background: url(/assets/img/frame.png) no-repeat;
	height: 811px;
	position: relative;
}

#head, #content, #content_a, #content_error, #foot{
	position: absolute;
	left: 10px;
	width: 939px;
}

#head{
	top: 15px;
	height: 28px;
	text-align: center;
}
#head p{
	font-size: 12px;
	padding-top: 7px;
}

#head a{
	color: #333;
}
#head a:hover{
	color: #2E51D3;
}

#head p.back{
	position: absolute;
	top: 0;
	left: 10px;
}

.Home .back{
	display: none;
}

#content{
	top: 47px;
	height: 709px;
	background: url(/assets/img/contentbg.jpg);
}

#content_error{
	top: 47px;
	height: 709px;
	background: url(/assets/img/contentbg.jpg);
	}

#content_error h2{
	padding: 10px;
	color: #FFF;
	}
	
#content_error p{
	padding: 10px;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	letter-spacing: 1px;
	}
	
#content_error a{
	border-bottom: #fff 1px dashed;
	text-decoration: none;
	color: #fff;
	}

#content_error a:hover{
	border-bottom: #fff 1px solid;
	}

#content_a{
	top: 47px;
	height: 709px;
	background: url(/assets/img/content_a_bg.jpg);
}

#content #quote{
	width: 737px;
	margin: 0 auto;
	margin-top: 50px;
}
#content #client_tools {
	width: auto;
	margin: 10px 0 -10px 750px;
}
#content #client_tools a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#content #client_tools a img{
	border:none;
}



#foot{
	bottom: 25px;
	height: 28px;
	text-align: left;
	padding:0 5px;
}

#foot p{
	font-size: 12px;
	padding-top: 5px;
}

#foot p a {
	color:#000;
}

/* homepage tiles */

#tiles li, #f1g_tile{
	position: relative;
	float: left;
	margin-left: 46px;
	list-style: none;
}

#tiles a, #f1g_tile{
	padding-top: 181px;
	display: block;
	width: 177px;
	height: 0;
	position: relative;
	text-decoration: none;
	color: #333;
}

#tiles li.yar a{
	background: url(/assets/img/yar.png) 0 -181px no-repeat;
}

#tiles li.yar a:hover{
	background: url(/assets/img/yar.png) 0 0 no-repeat;
}

#tiles li.stp a{
	background: url(/assets/img/stp.png) 0 -181px no-repeat;
}

#tiles li.stp a:hover{
	background: url(/assets/img/stp.png) 0 0 no-repeat;
}

#tiles li.nke a{
	background: url(/assets/img/nke.png) 0 -181px no-repeat;
}

#tiles li.nke a:hover{
	background: url(/assets/img/nke.png) 0 0 no-repeat;
}

#tiles li.cwi a{
	background: url(/assets/img/cwi.png) 0 -181px no-repeat;
}

#tiles li.cwi a:hover{
	background: url(/assets/img/cwi.png) 0 0 no-repeat;
}

#tiles li.bra a{
	background: url(/assets/img/bra.png) 0 -181px no-repeat;
}

#tiles li.bra a:hover{
	background: url(/assets/img/bra.png) 0 0 no-repeat;
}

#tiles li.rob a{
	background: url(/assets/img/rob.png) 0 -181px no-repeat;
}

#tiles li.rob a:hover{
	background: url(/assets/img/rob.png) 0 0 no-repeat;
}

#tiles li.chr a{
	background: url(/assets/img/chr.png) 0 -181px no-repeat;
}

#tiles li.chr a:hover{
	background: url(/assets/img/chr.png) 0 0 no-repeat;
}

#tiles li.rem a{
	background: url(/assets/img/rem.png) 0 -181px no-repeat;
}

#tiles li.rem a:hover{
	background: url(/assets/img/rem.png) 0 0 no-repeat;
}

/* Homepage tile pop ups */

#tiles li div.poptip{
	position: absolute;
	width: 276px;
	height: 154px;
	left: -46px;
	top: 120px;
	z-index: 999;
	background: url(/assets/img/popup.png);
	
}

/* Top Row*/
#tiles li.yar, #tiles li.stp, #tiles li.nke, #tiles li.cwi{
	z-index: 600;
}

/* Bottom Row */
#tiles li.bra, #tiles li.rob, #tiles li.chr, #tiles li.rem, #f1g_tile li.f1g{
	z-index: 500;
}

#tiles li div.poptip h2{
	margin: 40px 30px 5px 30px;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
}

#tiles li.yar div.poptip h2, #pagetiles li.yar div.poptip h2{
	color: #1b1d68;
	}
	
#tiles li.stp div.poptip h2, #pagetiles li.stp div.poptip h2{
	color: #7b2129;
	}

#tiles li.nke div.poptip h2, #pagetiles li.nke div.poptip h2{	
	color: #9BA430;
	}
	
#tiles li.cwi div.poptip h2, #pagetiles li.cwi div.poptip h2{	
	color: #bd2b36;
	}
	
#tiles li.bra div.poptip h2, #pagetiles li.bra div.poptip h2{	
	color: #2F92C1;
	}
	
#tiles li.rob div.poptip h2, #pagetiles li.rob div.poptip h2{	
	color: #020259;
	}
	
#tiles li.chr div.poptip h2, #pagetiles li.chr div.poptip h2{	
	color: #000066;
	}
	
#tiles li.rem div.poptip h2, #pagetiles li.rem div.poptip h2{	
	color: #2218A9;
	}

#tiles li div.poptip p{
	margin: 0 30px 30px 30px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

/*HOMEPAGE*/

.f1g{
	float: right;
	width: 300px;
	height: 101px;
	margin-top: 20px;
	background:transparent url(/assets/img/bkg_tab.png) no-repeat scroll;
	}
	
.f1g a.logo{
	width: 101px;
	height: 101px;
	display: block;
	position: relative;
	text-decoration: none;
	background:transparent url(/assets/img/f1g.png) no-repeat scroll 0 -101px;
	margin-left: 15px;
	float: right;
	}
	
.f1g a:hover {
	background:transparent url(/assets/img/f1g.png) no-repeat scroll 0 0;
	}
	
.f1g p{
	font-size: 9pt;
	text-align: center;
	padding-left: 10px;
	padding-top: 35px;
	line-height: 18px;
	color:#333333;
	}
	
.f1g p a{
	color: #9027B1;
	text-decoration: none;
	}

.f1g p a:hover{
	color: #333333;
	}
	
	
.f1g p em.bold{
	font-weight: bold;
	font-style: normal;
	}
	
.lss{	
	float: left;
	width: 101px;
	height: 101px;
	margin: 20px 0 0 5px;
	}
	
.lss a.logo{
	width: 101px;
	height: 101px;
	display: block;
	position: relative;
	text-decoration: none;
	background:transparent url(/assets/img/lss.png) no-repeat scroll 0 -101px;
	margin-left: 15px;
	float: right;
	}
	
.lss a:hover {
	background:transparent url(/assets/img/lss.png) no-repeat scroll 0 0;
	}

/* Icons */


#icon{
	background: url(/assets/img/lss_l.png) 0 -181px no-repeat;
	padding-top: 181px;
	display: block;
	width: 177px;
	height: 0;
	position: relative;
	text-decoration: none;
	color: #333;
	margin-left: 60px;
}

.Yarborough #icon{
	background: url(/assets/img/yar.png) 0 -181px no-repeat;
}

.Peter #icon{
	background: url(/assets/img/stp.png) 0 -181px no-repeat;
}

.Kesteven #icon{
	background: url(/assets/img/nke.png) 0 -181px no-repeat;
}

.Cherry #icon{
	background: url(/assets/img/cwi.png) 0 -181px no-repeat;
}

.Branston #icon{
	background: url(/assets/img/bra.png) 0 -181px no-repeat;
}

.Robert #icon{
	background: url(/assets/img/rob.png) 0 -181px no-repeat;
}

.Hospital #icon{
	background: url(/assets/img/chr.png) 0 -181px no-repeat;
}

.Pupils #icon{
	background: url(/assets/img/rem.png) 0 -181px no-repeat;
}

.Specialist #icon{
	background: url(/assets/img/lss_l.png) 0 -181px no-repeat;
}

/* normal page tiles */

#middle{
	height: 590px;
	}

#pagetiles{
	clear: both;
	}

#pagetiles li{
	position: relative;
	float: left;
	margin-left: 16px;
	list-style: none;
}

#pagetiles a{
	padding-top: 102px;
	display: block;
	width: 99px;
	height: 0;
	position: relative;
	text-decoration: none;
	color: #333;
}

#pagetiles li.yar a{
	background: url(/assets/img/yars.png) 0 0 no-repeat;
}

#pagetiles li.yar a:hover{
	background: url(/assets/img/yars.png) 0 -101px no-repeat;
}

#pagetiles li.stp a{
	background: url(/assets/img/stps.png) 0 0 no-repeat;
}

#pagetiles li.stp a:hover{
	background: url(/assets/img/stps.png) 0 -101px no-repeat;
}

#pagetiles li.nke a{
	background: url(/assets/img/nkes.png) 0 0 no-repeat;
}

#pagetiles li.nke a:hover{
	background: url(/assets/img/nkes.png) 0 -101px no-repeat;
}

#pagetiles li.cwi a{
	background: url(/assets/img/cwis.png) 0 0 no-repeat;
}

#pagetiles li.cwi a:hover{
	background: url(/assets/img/cwis.png) 0 -101px no-repeat;
}

#pagetiles li.bra a{
	background: url(/assets/img/bras.png) 0 0 no-repeat;
}

#pagetiles li.bra a:hover{
	background: url(/assets/img/bras.png) 0 -101px no-repeat;
}

#pagetiles li.rob a{
	background: url(/assets/img/robs.png) 0 0 no-repeat;
}

#pagetiles li.rob a:hover{
	background: url(/assets/img/robs.png) 0 -101px no-repeat;
}

#pagetiles li.chr a{
	background: url(/assets/img/chrs.png) 0 0 no-repeat;
}

#pagetiles li.chr a:hover{
	background: url(/assets/img/chrs.png) 0 -101px no-repeat;
}

#pagetiles li.rem a{
	background: url(/assets/img/rems.png) 0 0 no-repeat;
}

#pagetiles li.rem a:hover{
	background: url(/assets/img/rems.png) 0 -101px no-repeat;
}


/* page tile pop ups */

div.poptip{
	position: absolute;
	width: 131px;
	height: 67px;
	left: -15px;
	top: -20px;
	z-index: 999;
	background: url(/assets/img/popups.png);	
}


#pagetiles li div.poptip h2{
	margin: 10px 15px 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #9027B1;
	text-align: center;
	font-weight: bold;
}

#pagetiles li div.poptip p{
	margin: 0 30px 30px 30px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	text-align: justify;
}

/* Page Titles*/

#datacontent h1.heading{
	font-size: 22px;
	color: #1b1d68;
	border-bottom: 1px solid #333;
	margin: 0 17px 10px 0;
	padding-bottom: 10px;
}

#datacontent{
	top: 47px;
	right: 10px;
	width: 600px;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
	position: absolute;
	height: 530px;
	overflow: scroll;
	color: #333;
}

#datacontent p{
	padding: 0 17px 15px 0;
	font-size: 12px;
}

#datacontent p a, #datacontent a{
	color: #2E51D3;
	border-bottom: 1px dashed;
	text-decoration: none;
	}
	
#datacontent p a:hover, #datacontent a:hover{
	border-bottom: 1px solid;
	}

#datacontent img.left{
	border: 1px solid #CCCCCC;
	float: left;
	margin: 0 10px 10px 0;
	}

#datacontent img.right{
	border: 1px solid #CCCCCC;
	float: right;
	margin: 0 0 10px 10px;
	}

#datacontent ul{
	padding: 0 0 10px 25px;
	list-style: outside;
	}
	
#datacontent ol{
	padding: 0 0 10px 25px;
	list-style: decimal;
	}

#datacontent li{
	padding: 0 17px 5px 5px;
	font-size: 12px;
}

#datacontent h1{
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 22px;
	color: #1b1d68;
	}
	
#datacontent h2{
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 20px;
	color: #1b1d68;
	line-height: 25px;
	}
	
#datacontent h3{
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #1b1d68;
	}
	
#datacontent h4{
	padding-bottom: 10px;
	font-size: 16px;
	color: #1b1d68;
	}
	
#datacontent h5{
	padding-bottom: 10px;
	font-size: 14px;
	color: #1b1d68;
	}
	
#datacontent h6{
	font-size: 12px;
	color: #1b1d68;
	}	
	
#datacontent #qualifications{
	width: 500px;
	margin: 0 auto;
	}

#submenu li{
	list-style: none;
	padding-top: 5px;
	padding-left: 5px;
}

#submenu li a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#submenu li a:hover{
	border-bottom: 1px dashed #fff;
}

<!---.Peter #datacontent h1.heading, .Kesteven #datacontent h1.heading, .Cherry #datacontent h1.heading, .Branston #datacontent h1.heading, .Robert #datacontent h1.heading, .Hospital #datacontent h1.heading, .Pupils #datacontent h1.heading{
	color: #fff;
	} -->

.Peter #datacontent h1, .Peter #datacontent h2, .Peter #datacontent h3, .Peter #datacontent h4, .Peter #datacontent h5, .Peter #datacontent h6{
	color: #7b2129;
}

.Kesteven #datacontent h1, .Kesteven #datacontent h2, .Kesteven #datacontent h3, .Kesteven #datacontent h4, .Kesteven #datacontent h5, .Kesteven #datacontent h6{
	color: #9ba430;
}

.Cherry #datacontent h1, .Cherry #datacontent h2, .Cherry #datacontent h3, .Cherry #datacontent h4, .Cherry #datacontent h5, .Cherry #datacontent h6{
	color: #bd2b36;
}

.Branston #datacontent h1, .Branston #datacontent h2, .Branston #datacontent h3, .Branston #datacontent h4, .Branston #datacontent h5, .Branston #datacontent h6{
	color: #2F92C1;
}

.Robert #datacontent h1, .Robert #datacontent h2, .Robert #datacontent h3, .Robert #datacontent h4, .Robert #datacontent h5, .Robert #datacontenth6{
	color: #020259;
}

.Hospital #datacontent h1, .Hospital #datacontent h2, .Hospital #datacontent h3, .Hospital #datacontent h4, .Hospital #datacontent h5, .Hospital #datacontent h6{
	color: #000066;
}

.Pupils #datacontent h1, .Pupils #datacontent h2, .Pupils #datacontent h3, .Pupils #datacontent h4, .Pupils #datacontent h5, .Pupils #datacontent h6{
	color: #2218A9;
}

hr{
	border-color: #333;
	height: 1px;
	margin-bottom: 10px;
	width: 565px;
	}

/*CONTACT*/ 

iframe{
	width: 580px;
	border: #336633;
	margin: 0 auto;
	}
	
/*NEWS*/

#datacontent ul.news{
	padding: 0;
	}

#datacontent ul.news li{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#datacontent ul.news li a{
	font-size: 16px;
	font-weight: bold;
	color: #1B1D68;
	}
	
#datacontent ul.news li p.date, #datacontent p.newseventdate{	
	text-align: right;
	font-style: italic;
	font-size: 10px;
	padding-bottom: 5px;
	}
	
/*ARCHIVE*/

#submenu #archive{
	padding-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
	clear: both;
	border-top: 1px dashed #fff;
	}
	
#submenu #archive h2{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 16px;
	}
	
#submenu #archive ul{
	padding-bottom: 10px;
	clear: both;
	}
	
#submenu #archive ul li{
	font-size: 14px;
	font-style: normal;
	text-align: right;
	padding-right: 17px;
	}
	
#submenu #archive ul li ul{
	padding-top: 10px;
	}
	
#submenu #archive ul li ul li{
	font-size: 12px;
	border: 1px solid #fff;
	width: 20px;
	height: 20px;
	margin: 2px;
	padding: 2px 2px 0 2px;
	float: left;
	text-align: center;
	background: url(/assets/img/transparent.png) no-repeat;
	}
	
#submenu #archive ul li ul li:hover{
	background:  #fff;
	}
	
#submenu #archive ul li ul li a{
	width: 20px;
	height: 20px;
	}

#submenu #archive ul li ul li a{	
	color: #2E51D3;
	}
	
	
/*MISC*/

.clear{
	clear: both;
	}