@charset "utf-8";
/* testspec.co.uk CSS Document */

* { margin : 0; padding : 0; }
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color:#f8f8f8;
}

td {vertical-align:top;}

#wrap { width : 800px; margin : 20px auto;}

#maintable { width : 800px; }
#maincol { width : 580px; }
#rightcol { width : 220px;  background : #070209 url(images/rightcol-bg.jpg) top left no-repeat;}
#header {height:90px; background-color: #c8c8c9; width : 580px;}
#logo {width:321px; height:90px; }
#menu { width : 120px; background-color: #c8c8c9;}

#menu a {
	display : block;
	margin : 10px auto;
	height : 30px;
	width : 100px;
	background-position: 0px 0px;
	border-style:none;
	outline:none;
}

#menu a:hover {	background-position: -100px 0px; }

#homemenu {background-image:url(images/home_slide.jpg);}
#patmenu {background-image:url(images/pat_slide.jpg);}
#fixedmenu {background-image:url(images/fixed_slide.jpg);}
#contactmenu {background-image:url(images/contact_slide.jpg);}

#content { padding : 20px; color : #000; background-color:#e4e4e4;}
#content h1 { padding : 0 0 12px 0; font-size : 24px; line-height : 24px;}
#content h3 { padding : 16px 0 0 0; font-size : 16px; line-height : 16px;}
#content p { padding-bottom : 12px; font-size : 12px; line-height : 18px;}
#content p.pre { padding-bottom : 6px; }

#content ul { margin-left : 40px; padding-bottom : 12px;}
#content ul li {  font-size : 12px; line-height : 18px; }

#content a { color:#000; text-decoration:underline;}
#content a:hover  { color:#555; text-decoration:none;}


#phone { margin : 20px 10px; padding : 10px; border : 2px solid #f6ed00; background-color : #1f255e; color : #f6ed00; text-align : center;}

#phone h2 { font-size : 16px; padding : 0 0 8px 0; }
#phone p { font-size : 12px; font-weight : bold;}
#phone a { color : #f6ed00; text-decoration:underline; }
#phone a:hover { color : #fff; text-decoration:underline; }

.highlight { margin : 20px 10px; padding : 10px; border : 2px solid #f6ed00; background-color : #343537; color : #f6ed00;}

.highlight h2 { font-size : 16px; padding : 0 0 8px 0; }
.highlight p { font-size : 12px; font-weight : bold;}

#footer {  background-color : #1f255e; color : #fff; font-size: 10px; padding : 5px 20px; }


/*Styles for the contact us form*/
#contact label {
	display : block;
	float : left;
	width : 140px;
	font-size:12px;
	line-height : 150%;
	color : #333;
}

#contact input, #contact textarea {
	font-size : 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border : 1px solid #333;
	color : #333;
	width : 200px;
}

#contact input.submit { width : 50px; }
.mandy {color : #f00; }
.spacer {
	clear : both;
	height : 12px;
}