/*CSS for JamieRees.co.uk version 6.0*/

html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
	font-family: Verdana, sans-serif;
	background: url(bg.gif);
}

#container {
	width: 778px;
	min-height: 100%;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	margin: 0 auto;
	background: #FFF url(header.jpg) center top no-repeat;
}

* html #container { 
	height: 100%
}

#inner { 
background: url(footer.jpg) center bottom no-repeat;
}

#header { 
height: 220px;
}

#header h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
}

#topnav {
	margin-top: 90px;
	width: 510px;
	float: right;
	font: 17px Georgia, serif;
	letter-spacing: 0.01em;
}

.menu {
	display: table;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

* html .menu {
	width: 1px;
	padding: 0 2px;
	display: inline-block;
}

.menu li {
	display: table-cell;
}
* html .menu li { 
	display: inline;
}

.menu a, .menu a:visited {
	display: block;
	padding: 4px 16px;
	color: #FFF;
	text-decoration: none;
}

* html .menu a, * html .menu a:visited {
	display: inline-block;
	margin: 0 -2px;
}

.menu a:hover {
	color: #CCF;
}
.centered {
	margin: 0 auto;
	text-align:center;
}

#wrapper {
	clear: both;
}

#cimg {
text-align:center;
height: 265px;
width:400px;
margin: 0 auto;
border:none;
background-image: url(http://www.jamierees.co.uk/CurrentNetworkDiagramSmall.jpg);
background-repeat:no-repeat;
}

#cimg a {
border:none;
}

#content {
	float: left;
	display: inline;
	width: 500px;
	margin: 0 10px 40px 40px;
	padding: 0 40px 0 0;
	border-right: 1px solid #DDD;
}

#content p {
	line-height: 1.3em;
	font-size:0.8em;
	text-align: left;
}

#content .im {
	text-align: center;
}

#content .im img {
	border: 1px solid #DDD;
	padding: 10px;
	margin: 10px;
}

#content p a { 
	color: #000;
}

#content h2 {
	text-align: center;
	font: italic normal 30px Georgia, serif;
}

#navigation h2 {
	font: italic normal 20px Georgia, serif;
	border-bottom: 1px solid #CCC;
}

#navigation .info {
	color: #444;
}

#navigation {
	float: right;
	width: 180px;
	display: inline;
}

#navigation .side {
	margin-bottom: 50px;
	text-align: right;
}

#navigation .side .ib {
	margin: 0 -5px 0 10px;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid #CCC;
}

#navigation .side .it {
	width: 85px;
	border: 1px solid #CCC;	
}

#navigation .side .it:focus {
background: #EEE;
}

#navigation .side p {
	margin-right: 40px;
	font-size: x-small;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation h2 {
	margin-right: 40px;
}

#navigation ul li { 
	margin: 10px 40px 0 0;
}

#navigation ul li a {
	color: #666;
	text-decoration: none;
	background: none;
	/* padding-left: 25px; */
}

#navigation ul li a:hover { 
	color: #000; /* background: transparent url(plane.gif) left center no-repeat; */ }

#footer {
	margin-top: 50px;
	background: #333;
	color: #FFF;
}

#footer img {
	border: 0;
}

#footer p {
	margin: 0;
	padding: 5px 10px;
	font-size:0.8em;
	text-align: center;
}

.clear {
	clear: both
}

/*FORM STUFF*/

form {
	padding-left: 1.5em;
	font-size: 0.9em;
}

textarea {
	font: 0.8em Helvetica, Arial, verdana, sans-serif;
}

input, textarea {
	background: #EEEEEE;
	border: 1px #666 solid;
}

input:focus, textarea:focus {
	background: #fff;
}

label {
	color: #000000;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 10px;
}

input.submit {
	margin-bottom: 10px;
}

.inter {
	line-height: 1.3em;
	font-size:0.8em;
	text-align: left;
	list-style-type:square;

}
.inter a:visited {
	color:#000000;
}

.inter a:active, .inter a:link {
	color: #000000;
}

.inter a:hover {
	color:#CCC;
}

abbr, acronym {
	cursor: help;
}

.paypal {
margin: 0;
padding-left:0.8em;
}

.sjp {
margin: 0 auto;
border: none;
}