/********************************************
*											*
*  BroadleafUK Stylesheet for:				*
*		PhantomProductions.co.uk			*		
*											*
*********************************************/

body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:90%; color:#FFFFFF; text-align:center;
background-color:#DDDDDD;}

p {
margin:0.2em 0 0.2em 0; padding:0.3em;}

h1 {
padding:0; margin:0 0 0 2em;font-size:250%; font-weight:normal; font-style:italic; 
color: #FFFFFF; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h2 {
color:#ffffff; font-size:175%; font-weight:normal; margin:0.2em; padding:0; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h3 {
color:#ffffff; font-size:150%; font-weight:normal; margin:0.2em; padding:0;
text-decoration: underline; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#FF0207; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#FF0207; text-decoration:underline;}



.container {
background-color:#000000; margin:0.8em auto 0 auto; padding:0; width:75%;}

#BoxL {
float: left;
width: 230px;
padding: 1.5em 0.8em;
}

#BoxR {
float:right;
width: 200px;
padding: 10em 0.8em 1.5em 0.8em;
}

#LBoxL {
float: left;
width: 350px;
padding: 1.5em 0.8em;
font-size:110%;
clear:both;
}

#LBoxR {
float:right;
width: 350px;
padding: 1.5em 0.8em;
font-size:110%;
}

#gallery {
list-style-type: none;
margin: 5em auto;
}

#gallery li {
float:left;
width:340px;
margin-right: 10em;
margin-bottom: 6em;
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #CCCCCC;
}

#gallery img {
	display: block;
	border: 1px solid #333300;
;
}

#Kit_List {
float: left;
width: 70%;
padding: 1em;
}

#Link_Column {
float:right;
width: 25%;
border-left:#FF0000 thick solid;
border-right: #FF0000 thick solid;
}

#Link_Column h1 {
font-size: 400%;
margin: 3em 0;
color:#FF0000;
text-align:center;
}

#Link_Column h2 {
font-size: 200%;
margin: 1em 0 .5em 0;
color:#FFFFFF;
text-align:center;
}


ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
clear:both; margin:0; padding:0; background-color:#000000;}

ul.navbar li {
display:inline; padding:1.2em 0 1.2em 0; margin:0 auto;}


.current {
color:#FF0207; font-weight: bold}


a.nav:link, a.nav:visited {
text-decoration:none; background-color:#000000; color:#FFFFFF;}

a.nav:visited {
text-decoration:none; background-color:#000000; color:#FFFFFF;}

a.nav:hover {
text-decoration:none; background-color:#000000; color:#FF0207; font-size:110%; font-weight:bold;}

a.nav:active {
text-decoration:none; background-color:#000000; color:#FFFFFF;}


.centre {
text-align:center; }

.content {
clear:left; text-align:left; margin:1.2em; padding:1em 1ex 1em 1.5ex;}

.content h2 {
text-indent:3em;
}

.spacer {
margin: 6em 0;
}

.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.2em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {
margin:0;}