/*
Author: Danny Key | Hugh Symons Group plc | http://www.hughsymons.com
Copyright: Copyright (c) 2006 Hugh Symons Group plc
*/

body{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666;
}

br.clear{
	clear: both;
}

img{
	border: none;
}

#pagewrapper{
	margin: 3px auto 0px auto;
	padding: 0px;
	width: 750px;
}

#topbar{
	margin: 2px 0px 0px 0px;
	padding: 0px;
	width: 750px;
	height: 10px;
	border-top: 1px solid #CACACA;
	background-color: #F3F3F3;
}

#bottombar{
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 10px;
	border-bottom: 1px solid #CACACA;
	background-color: #F3F3F3;
}

#content{
	margin: 0px;
	padding: 0px;
	width: 750px;
	border-bottom: 1px solid #fff;
}

#logowrapper{
	margin: 0px auto 0px auto;
	padding: 7px 0px 1px 0px;
	width: 750px;
}

#spacer
{
	margin: 0px;
	padding: 0px;
	height: 10px;
}

#logoleft{
	margin: 0px;
	padding: 0px;
	width: 375px;
	float: left;
}

#logoright{
	margin: -5px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	width: 375px;
	float: left;
}

#logoright ul{
	margin: 0px;
	padding: 0px;
}

#logoright li{
	margin: 0px;
	padding: 0px 34px 0px 0px;
	display: inline;
	
	list-style-type: none;
	text-transform: uppercase;
}

#logoright li.last{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
}

#logoright a:link {color: #666; text-decoration: none;}
#logoright a:visited {color: #666; text-decoration: none;}
#logoright a:hover {color: #97141A; text-decoration: underline; border-bottom: 2px solid #97141A;}
#logoright a:active {color: #666; text-decoration: none;}

#introwrapper{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
}

#introleft{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 375px;
	height: 209px;
	background-image: url(../images/intro_marbles.jpg);
	background-repeat: no-repeat;
	float: left;
	
}

#introright{
	margin: 0px;
	padding: 0px;
	width: 375px;
	text-align: justify;
	float: left;
}

#introright h2{
	margin: 0px;
	padding: 0px;
	font-size: medium;
}

#introright p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#homeboxes{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 750px;
	/*background-image: url(../images/background_boxes.png);*/
	background-repeat: repeat-y;
	border-top: 1px solid #fff;
	font-size: xx-small;
}

#box1{
	margin: 0px;
	padding: 0px 30px 0px 0px;
	width: 210px;	
	text-align: justify;
	float: left;
}

#box2{
	margin: 0px;
	padding: 0px 30px 0px 30px;
	width: 210px;	
	text-align: justify;
	float: left;
}

#box3{
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 210px;	
	text-align: justify;
	float: left;
}

#box1 h2{
	margin: 0px;
	padding: 3px 0px 0px 25px;
	height: 40px;
	font-size: x-small;
	background-image: url(../images/logobp.png);
	background-repeat: no-repeat;
	
}

#box2 h2{
	margin: 0px;
	padding: 3px 0px 0px 25px;
	height: 40px;
	font-size: x-small;
	background-image: url(../images/hughSymonsInfoManagement.gif);
	
	background-repeat: no-repeat;
			
}

#box3 h2{
	margin: 0px;
	padding: 3px 0px 0px 25px;
	height: 40px;
	font-size: x-small;
	background-image: url(../images/logoav.png);
	
	background-repeat: no-repeat;
}


#homeboxes p{
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#homeboxes p.right{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}

#homeboxes a:link {color: #97141A; text-decoration: underline;}
#homeboxes a:visited {color: #97141A; text-decoration: underline;}
#homeboxes a:hover {color: #97141A; text-decoration: none;}
#homeboxes a:active {color: #97141A; text-decoration: underline;}

#footerwrapper{
	margin: 0px auto 0px auto;
	padding: 11px 0px 20px 0px;
	width: 750px;
}

#footerleft{
	margin: 0px;
	padding: 0px;
	width: 445px;
	float: left;
	text-align: left;
}

#footermiddle{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 225px;
	float: left;
	text-align: center;
}

#footerright{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 305px;
	float: left;
	text-align: right;
}

#footerwrapper p{
	margin: 0px;
	padding: 0px;
	font-size: x-small;
}

#footerwrapper a:link {color: #97141A; text-decoration: underline;}
#footerwrapper a:visited {color: #97141A; text-decoration: underline;}
#footerwrapper a:hover {color: #97141A; text-decoration: none;}
#footerwrapper a:active {color: #97141A; text-decoration: underline;}

/* PAGE CONTENT */
#textwrapper{
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 750px;
	text-align: justify;
}

#textwrapper h2{
	margin: 0px;
	padding: 0px;
	font-size: medium;
}

#textwrapper a:link {color: #97141A; text-decoration: underline;}
#textwrapper a:visited {color: #97141A; text-decoration: underline;}
#textwrapper a:hover {color: #97141A; text-decoration: none;}
#textwrapper a:active {color: #97141A; text-decoration: underline;}

#textleft{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 375px;
	float: left;
}

#textright{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 375px;
	float: left;
}

#formfields label, #formfields input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

#formfields label {
	text-align: left;
	width: 75px;
	padding-right: 20px;
}

#formfields br{
	clear: left;
}