/*
 Main site CSS
 http://redpen.co.uk/NEW/CSS/main.css
 Author: Luke Scammell - luke@redpen.co.uk
*/

@import "NavRollovers.css";
@import "NavSection.css";

body {
	color:#000000;
	font-size:13px;
	line-height:1.4em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	margin:8px;
	color:#000;
	background: url(../BG.gif) repeat-y;
}

h1 {
	position:absolute;
	top:8px;
	left:8px;
	width:90px;
	height:307px;
	background:url(../RedPen.gif);
}

h1 span {display:none;}

h2 {
	position:absolute;
	top:34px;
	left:98px;
	width:22px;
	height:207px;
	background:url(../InternetSolutions.gif);
}

h2 span {display:none;}

h3 {
	width:300px;
	height:27px;
	background:#fff;
	border:0;
	margin:0 0 0.4em 0;
	padding:0;
}

/* Page heading graphics */
 h3 span {display:none;}
 
 h3#Introduction {background:url(../Introduction.gif);}
 h3#OurTeam {background:url(../OurTeam.gif);}
 h3#Services {background:url(../Services.gif);}
 h3#OurClients {background:url(../OurClients.gif);}
 h3#UsefulSites {background:url(../UsefulSites.gif);}
 h3#ContactUs {background:url(../ContactUs.gif);}

h4 {
	font-size:125%;
	font-weight:900;
	margin:0 0 0.5em 0;
}

#Content {
	border:0px solid #0f0;
	width:360px;
	position:absolute;
	top:42px;
	left:133px;
}

#Footer {
	text-align:center;
	border-top:1px solid #ddd;
	font-size:9px;
}

p {
	font-size:100%;
	margin:0;
	margin-bottom:1.5em;
}

li {
	font-size:10pt;
	list-style:disc;
}

img {
	border:0;
}

/*
There's a slight issue with, you guessed it, IE, that prevents me from using this. I can't get rid of a one pixel grey border... if anyone can help, please email luke@scammell.co.uk */
 /*
 hr {
  border:0;
  margin:0;
  padding:0;
  background-image:url(../hr.gif);
  background-repeat:no-repeat;
  background-position:0px;
  width:355px;
  height:11px;
 }
 */

.quote {
	margin:10px 20px;
	padding:8px;
	border:1px solid #ddd;
	background:#f6f6f6;
	color:#333;
	line-height:1.4em;
	text-align:justify;
	font-size:95%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

.TopBar {
 position:absolute;
 top:0px;
 left:122px;
}

.ImgC {
	text-align:center; /* IE5 we love you, oh yes we do... xxx */
	display:block;
	margin:0 auto;
	margin-bottom:1em;
	border:0;
}

.ImgL {
	float:left;
	margin:0 1em 0 0;
	border:1px solid #000;
}

.ImgR {
	float:right;
	margin:0 0 0 1em;
	border:1px solid #000;
}

a {
	text-decoration:none;
	color:#55e;
}

a:visited {
	color:#800;
}

a:hover {
	color:#f00;
	text-decoration:underline;
}