body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-family:Arial, Sans-Serif;
	background-image: url('../images/common/interface/stripe-bar.gif');
	background-repeat:repeat-x;
	background-position:0 86px;
}
body, table, td, th, select, input, textarea {
	font-size: 11px;
}

.invisible-access{
	display:inline;
	height:1px;
	left:-3000px;
	position:absolute;
	text-decoration:none;
	width:1px;
}

/* Skip Links */
.skip {
	height: 1px;
	width: 1px;
	position: absolute;
	top: -9999px;
	left: -9999px;
	line-height: 1px;
	font-size: 1px;
	display: block;
	z-index: -99;
	overflow: hidden;
}

img{
	border:none;
}

hr { height: 1px; color: #ccc; background: #ccc; padding: 0; margin-top: 1em; margin-bottom: 1em; line-height: 1px; border: 0; }

strong { font-weight: bold; }
em { font-style: italic; }

form, ul, ol { padding: 0; margin: 0; }
ul p, ol p { margin: 0; }
p { margin: 0 0 1em 0;color:#555555;line-height: 1.4em; }

ul { padding:0; margin:0; }
ul li { list-style: none; padding:0; margin:0; }

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

.clear {
	clear: both;
}
/*Standard divider*/
.divider {
	clear: both;
	border-bottom: 1px dotted #b2b2b2;
	height: 1px;
}

.float {
	float: left;
}
/*make a block 220px wide*/
.w220 {
	width: 220px;
}
/*20px vertical spacer*/
.space20 {
	display: block;
	clear: both;
	height: 20px;
}
.space8 {
	display: block;
	clear: both;
	height: 8px;
}
/*Only here for stupid IE6 - fixes a number of layout bugs and only adds 1px of vertical space, thus we can use it and keep things consistent*/
.space1 {
	display: block;
	clear: both;
	height: 1px;
}

#wrapper {
	width: 965px;
	margin: 0 auto 0 auto;
}	
	
#header {
	position:relative;
	background-image: url('../images/common/interface/stripe-bar.gif');
	background-repeat:repeat-x;
	background-position:left 86px;/* line up striped bar with menu items*/
	padding-bottom:20px;
}
	#logo-outer {
		float: left;
		width: 126px;
		height:126px;
		background-color:#000000;
		position:relative;
		z-index:10;
	}
	#header div.right {
		float:right;
		margin-top:21px;
		position:relative;
	}
		#proj-search-box{
			background-image:url('../images/common/interface/search-box-bg.gif');
			background-position:left top;
			background-repeat:repeat-x;
		}
			#proj-search-box .left-end,
			#proj-search-box .right-end{
				background-position:left top;
				background-repeat:no-repeat;
				width:3px;
				height:30px;
				position:relative;
			}
			#proj-search-box .left-end{
				background-image:url('../images/common/interface/search-box-bg-left-end.gif');
				float:left;
			}
			#proj-search-box .right-end{
				background-image:url('../images/common/interface/search-box-bg-right-end.gif');
				float:right;
			}
			#proj-search-box .centre{
				position:relative;
				float:left;
				padding:7px 5px 0 0;
			}
				#proj-search-box label{
					text-transform:capitalize;
					font-size:11px;
					color:#636363;
					font-weight:bold;
					display:block;
					float:left;
					margin:1px 5px 0 5px;
				}
				#proj-search-box input.field{
					color:#818181;
					font-size:11px;
					border-color:#787878;
					border-style:solid;
					border-top-width:1px;
					border-right-width:0;
					border-bottom-width:0;
					border-left-width:1px;
					display:block;
					float:left;
				}
				#proj-search-box input.button,
				#proj-search-box img
				{
					display:block;
					float:left;
					margin-left:3px;
				}
			#current-plan{
				position:relative;
				float:left;
				width:100%;
				margin-top:5px;
			}
				#current-plan .current-plan-code{
					float:left;
					font-size:11px;
					font-weight:bold;
					color:#A89C72;
					text-transform:uppercase;
					margin-top:4px;
				}
					#current-plan .current-plan-code span{
						color:#636363;
						text-transform:none;
					}
				#current-plan .button{
					float:right;
				}
			
	#header div.logo {
		margin: 25px 0 0 0;
		padding: 0 0 0 16px;
		width: 248px;
		height: 23px;
		float:left;
	}
	div#deckboard-bttn {
		position: absolute;
		right:0;
		bottom:14px;
	}

	/* Main Menu */
	#menu-outer {
		position:relative;
		float:left;
		margin:15px 0 0 2px;
		width:400px;
	}
		#menu-inner {
		}
			.main-menu ul {
				display: block;
				padding: 0;
				margin: 0;
			}
				.main-menu ul li {
					list-style-type: none;
					display: block;
					float: left;
					background-image:url('../images/common/interface/menu-divider.gif');
					background-repeat:no-repeat;
					background-position:right bottom;
					padding-right:4px;
				}
				.main-menu ul li.last{
					background-image:none;
				}
					a.menu-link:link, a.menu-link:visited {
						text-decoration: none;
						display: block;
					}
					a.menu-link:hover, a.menu-link:active { }

#content {
	width: 965px;
}
	#content div.left {
		width: 216px;
		float: left;
		margin:0 13px 10px 0;
		border-bottom:1px solid #C9C9C9;
	}
		#content div.left div.content {
			border:1px solid #C9C9C9;
			border-bottom:none;
			padding:0 0 10px 0;
		}
			#content div.left div.content h1{
				margin:0;
				padding:0;
			}
			#content div.left div.content h2,
			#content div.left div.content h3{
				padding:0;
				font-family:"Times New Roman", Times, serif;
				font-weight:bold;
				color:#5B5B5B;
			}
			#content div.left div.content h2{
				margin: 10px 10px 8px 10px;
				font-size:14px;
			}
				#content div.left div.content h2.section-head{
					margin:0;
					padding:0;
				}
			#content div.left div.content h3{
				margin: 10px 10px 6px 10px;
				font-size:13px;
			}
			#content div.left div.content p {
				padding: 0;
				margin: 6px 10px 11px 10px;
			}
			#content div.left div.content div.homeicon {
				margin-right:5px;
				position: relative;
				margin-left: 10px;
			}
			#content div.left div.content p.label-pair{
				color:#5B5B5B;
				font-weight:bold;
			}
				#content div.left div.content p.label-pair span{
					font-family:"Times New Roman", Times, serif;
				}
			#content div.left div.content div.item {
				margin-top: 8px;
			}
				#content div.left div.content div.item div.icon {
					float: left;
					width: 37px;
				}
				#content div.left div.content div.item div.copy {
					margin-left: 48px;
				}
					#content div.left div.content div.item div.copy p {
						margin: 0 0 5px 0;
					}
					#content div.left div.content div.item div.copy p.title {
						font-weight: bold;
					}
			.live-person{
				padding:0 9px 0 10px;
			}

		#stage-tabs {
			height: 31px;
			width: 736px;
			position:relative;
			background-color:#ffffff;
			float:right;
		}
			#stage-tabs ul {
				margin: 0;
				padding: 0;
			}
				#stage-tabs ul li {
					padding: 0;
					margin: 0;
					list-style: none;
					display: inline;
				}

	#content div.right {
		float: left;
		width: 734px;
		border:1px solid #C9C9C9;
		padding-top:11px;
	}
	.home #content div.right {
		border:none;
		margin:0 1px;
		padding:0;
	}
		#content div.right div.flash {
			margin:0 0 11px 11px;
		}
		.home #content div.right div.flash{
			margin-left:0;
		}
		#content div.right div.content {
			margin: 0 11px 29px 11px;
		}
			#content div.right div.content h1{
				font-family: Arial,Helvetica,Verdana,Sans-serif;
				font-weight: bold;
			}
			#content div.right div.content p {
				padding:6px 0 0 0;
				margin:0;
				font-family:"Times New Roman", Times, serif;
				font-size:14px;
				font-weight:bold;
			}
			#content div.right div.content div.hinticon {
				margin-right:5px;
				position: relative;
			}
			#content div.right div.content div.question {
				clear: both;
			}
			#content div.right div.content div.question p {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				font-family: Arial,Helvetica,Verdana,Sans-serif;
				font-weight: bold;
				
			}
			#content div.right div.content div.question img {
				float: right;
			}
			#content div.right div.content div.question p.number {
				margin-bottom: 2px;
			}
			#content div.right div.content div.question p.copy {
				padding: 6px 0 3px 8px;
				font-family:"Times New Roman", Times, serif;
			}
			#content div.right div.content div.buttons {
				text-align: right;
				margin-top: 8px;
			}
			#content div.right div.content div.ui {
				margin-left: 24px;
				margin-top: 8px;
				font-family: Arial,Helvetica,Verdana,Sans-serif;
				position:relative;
			}
				#content div.right div.content div.ui p{
					font-family: Arial,Helvetica,Verdana,Sans-serif;
					font-size:11px;
					font-weight:normal;
				}
				#content div.right div.content div.ui p.title {
					margin-top: 5px;
				}
				#content div.right div.content div.ui div.deckboard-icon {
					width: 100px;
					float: left;
					margin: 15px 0 0 70px;
					color:#555555;
				}
					#content div.right div.content div.ui div.deckboard-icon img {
						margin-bottom: 4px;
					}
				#content div.right div.content div.ui div.options {
					margin-top: 10px;
				}
					#content div.right div.content div.ui div.options div.option {
						color:#555555;
					}
				#boardsActuallyNo{
					position:absolute;
					top:0;
					right:0;
				}
			#content div.right div.content #article {
				padding: 10px 10px 10px 20px;
			}
				#content div.right div.content #article p {
					margin: 8px 0 8px 0;
					font-weight:normal;
				}
				#content div.right div.content #article div.image {
					float: left;
					margin-top:18px;
					margin-right:20px;
					margin-bottom:70px;
				}

#footer {
	width: 965px;
	padding-top: 15px;
}
	ul.footer-links {
		display:block;
		position:relative;
		float:left;
		padding: 0 5px 0 13px;
		margin: 0;
		font-size:80%;
		line-height:150%;
		border-left: 1px solid #cacaca;
	}
		ul.footer-links-richardburbidge{
			width:139px;
		}
		ul.footer-links-productcategories{
			width:148px;
		}
		ul.footer-links-professional{
			width:139px;
		}
		ul.footer-links-helpandadvice{
			width:137px;
		}
		ul.footer-links-legal{
			width:134px;
		}
		ul.footer-links-social{
			width:153px;
			height: 77px;
			border-right: 1px solid #cacaca;
		}
			ul.footer-links li {
				display: block;
				list-style-type: none;
				padding: 0 0 0 0;
				margin: 0;
			}
			ul.footer-links li.start {
				padding-left: 0;
			}
				ul.footer-links li a{
					font-weight:bold;
					text-decoration:none;
					color:#666666;
				}
	
		ul.footer-links-social li.twitter a{	
			background: #fff url("http://www.richardburbidge.com/EasySiteWeb/EasySite/StyleData/RB_Main/Images/buttons/twitter.jpg") left top no-repeat;
			padding: 3px 0 9px 28px;
			margin-top: 3px;
			margin-bottom: 4px;
			display: block;
		}
		ul.footer-links-social li.facebook a{	
			background: #fff url("http://www.richardburbidge.com/EasySiteWeb/EasySite/StyleData/RB_Main/Images/buttons/facebook.jpg") left top no-repeat;
			padding: 3px 0 6px 28px;
			display: block;
		}
		
#footer-beta-outer {
	clear: both;
	width:100%;
	margin-top:15px;
	margin-bottom:20px;
	position:relative;
	background-color:#000000;
	color:#ffffff;
}
	#footer-beta-inner {
		width: 965px;
		margin: 0 auto 0 auto;
		padding: 5px 0;
	}
		.copyright {
			float: left;
		}

#legal-details{
	clear:both;
	width:100%;
	padding-bottom:15px;
	text-align:center;
}
	#legal-details .inner{
		width:987px;
		margin:0 auto;
	}
		#legal-details p {
			margin: 0;
			padding: 15px 0 0 0;
		}
			#legal-details p a {
				color: #6f6f6f;
				text-decoration: none;
			}
	
/*Your details page specific styles*/
					body.yourDetails #content div.right div.content div.ui p.details-form-opt-in {
						font-weight: bold;
						margin-top: 5px;
						margin-bottom: 15px;
					}
					body.yourDetails #content div.right div.content div.ui div.details-form-item {
						clear: both;
						margin-left: 24px;
						#display: inline-block;
					}
						body.yourDetails #content div.right div.content div.ui div.details-form-item div {
							float: left;
						}
						body.yourDetails #content div.right div.content div.ui div.details-form-item div.label {
							width: 93px;
						}
						body.yourDetails #content div.right div.content div.ui div.details-form-item div.field {
							width: 228px;
						}
						body.yourDetails #content div.right div.content div.ui div.details-form-item div.field input {
							width: 209px;
						}
						body.yourDetails #content div.right div.content div.ui div.details-form-item div.mand {
							width: 100px;
						}
/*Project summary page specific styles*/
				body.projectSummary #content div.right div.content div.intro {
					margin: 23px 3px 0 25px;
				}
					body.projectSummary #content div.right div.content div.intro p.questionnaire {
						float: right;
						margin-left: 10px;
					}
						body.projectSummary #content div.right div.content div.intro p.questionnaire img {
							clear:both;
							position:relative;
							float:left;
							margin-bottom:10px;
						}
					body.projectSummary #content div.right div.content div.ui div#bal-options,
					body.projectSummary #content div.right div.content div.ui div#proj-cost-total {
						clear: both;
					}
					body.projectSummary #content div.right div.content div.ui div#proj-cost-total {
						margin-top: 10px;
					}
						body.projectSummary #content div.right div.content div.ui div#bal-options p,
						body.projectSummary #content div.right div.content div.ui div#proj-cost-total p {
							float: left;
							margin: 0;
							padding: 0;
						}
						body.projectSummary #content div.right div.content div.ui div#proj-cost-total p {
							font-weight: bold;
						}
						body.projectSummary #content div.right div.content div.ui div#proj-cost-total p.footer {
							width: 640px;
							clear: both;
						}
						body.projectSummary #content div.right div.content div.ui div#bal-options p.label {
							width: 80px;
							font-weight: bold;
						}
						body.projectSummary #content div.right div.content div.ui div#proj-cost-total p.name {
							text-align: right;
							float: right;
							color: #000000;
						}
					body #content div.right div.content div#article div.left-column,
					body #content div.right div.content div#article div.right-column {
						float: left;
						width: 315px;
					}
					body.projectSummary #content div.right div.content div.ui div#download-link,
					body #content div.right div.content div#article div#download-link {
						margin-bottom: 5px;
						clear: both;
					}
						body #content div.right div.content div#article div#download-link p {
							margin-top: 0;
						}
						body.projectSummary #content div.right div.content div.ui div#download-link p.icon,
						body #content div.right div.content div#article div#download-link p.icon {
							float: left;
							margin-right: 15px;
						}
						body.projectSummary #content div.right div.content div.ui div#download-link p.name,
						body #content div.right div.content div#article div#download-link p.name {
							padding-top: 4px;
						}
							body.projectSummary #content div.right div.content div.ui div#download-link p.name a,
							body #content div.right div.content div#article div#download-link p.name a {
								color: #6f6f6f;
							}
					body.projectSummary #content div.right div.content div.ui div#price-list {
						margin-top: 10px;
					}
						body.projectSummary #content div.right div.content div.ui div#price-list p {
							padding: 0;
							margin: 0;
							float: left;
						}
						body.projectSummary #content div.right div.content div.ui div#price-list div.part {
							margin: 5px 0;
						}
							body.projectSummary #content div.right div.content div.ui div#price-list div.part p.thumb {
								border:1px solid #A8A8A8;
								margin:0 10px 0 0;
								padding:0;
								width:50px;
							}
							body.projectSummary #content div.right div.content div.ui div#price-list div.part p.desc {
								width: 289px;
							}
							body.projectSummary #content div.right div.content div.ui div#price-list div.part p.price {
								float: right;
								font-weight: bold;
							}
						body.projectSummary #content div.right div.content div.ui div#price-list div.list-bottom {
							margin: 10px 0;
						}
						body.projectSummary #content div.right div.content div.ui div#price-list div.list-bottom p.disclaimer {
							float: left;
							width: 400px;
						}
						body.projectSummary #content div.right div.content div.ui div#price-list div.list-bottom p.button {
							float: right;
						}