/*GLOBAL OPTIONS*/
html {font-size: 100.1%;}
body {
	font: 64% Arial, Helvetica, sans-serif;
	margin: 0;
	background: url(../images/bg-body.gif) repeat-x;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	display: block;
	border-style: none;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border-style: none;}
/*text to image replacment*/
.hidden-text, .logo a, .main-nav a span, .sub-nav a, .side-logo {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	margin: 0 auto;
	width: 818px;
	position: relative;
	padding-top: 418px;
	overflow: hidden;
}
/*HEADER*/
#header {
	height: 426px;
	background: url(../images/bg-header.gif) repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	top: 20px;
	left: 20px;
	background: url(../images/logo.gif) no-repeat;
	width: 100px;
	height: 100px;
}
.logo a {
	height: 100%;
	width: 100%;
}
/*logo-flash-holder*/
.logo-flash-holder {
	width: 100%;
	height: 162px;
	overflow: hidden;
}
/*moovie-flash-holder*/
.moovie-flash-holder {
	width: 100%;
	height: 212px;
	position: relative;
	overflow: hidden;
}
.moovie-flash-holder .btn-play {
	width: 100%;
	height: 212px;
	position: absolute;
	left: 0;
	top: -9999px;
	
}
.moovie-flash-holder:hover .btn-play, .hover .btn-play {top: 0;}
/*main-nav*/
.main-nav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 105%;
}
.main-nav li {
	float: left;
	width: 136px;
	height: 45px;
}
.main-nav a {
	width: 136px;
	height: 45px;
	overflow: visible;
	outline: none;
	white-space: nowrap;
	background: url(../images/bg-main-nav-roll.png) no-repeat;
	float: left;
	cursor: pointer;
}
.main-nav a span {
	width: 100%;
	height: 100%;
	background-position: 50% 13px;
	background-repeat: no-repeat;
}
.main-nav a.home span {background-image: url(../images/txt-link-home.gif);}
.main-nav a.serviced-offices span {background-image: url(../images/txt-link-serviced.gif);}
.main-nav a.virtual-offices span {background-image: url(../images/txt-virtual-offices.gif);}
.main-nav a.meeting-rooms span {background-image: url(../images/txt-meeting-rooms.gif);}
.main-nav a.faq span {background-image: url(../images/txt-faq.gif);}
.main-nav a.contact-pbc span {background-image: url(../images/txt-contact-pbc.gif);}
.main-nav a.testimonials span {background-image: url(../images/txt-testimonials.gif);}
.main-nav a.media span {background-image: url(../images/txt-media.gif);}
.main-nav a.locations span {background-image: url(../images/txt-location.gif);}
.main-nav a.belfast span {background-image: url(../images/txt-belfast.gif);}
.main-nav a.citywest span {background-image: url(../images/txt-citywest.gif);}
.main-nav a.sandyford span {background-image: url(../images/txt-sandyford.gif);}
.main-nav li:hover, .main-nav li.hover, .main-nav li:hover a, .main-nav li.hover a {position: relative;z-index:100;background-position: 0 -47px;}
.main-nav li:hover .drop, .main-nav li.hover .drop {left: 0;}
/*drop*/
.main-nav .drop {
	position: absolute;
	left: -9999px;
	top: 39px;
	width: 180px;
}
.main-nav .middle, .main-nav .bottom, .main-nav .top {
	padding: 0 8px 0 0;
	overflow: hidden;
	position: relative;
	height: 1%;
}
.main-nav .right {
	right: 0;
	width: 8px;
	position: absolute;
	top: 0;
}
.main-nav .middle .right {
	background: url(../images/bg-center-right.png) no-repeat 0 -5px;
	height: 9999px;
}
.main-nav .bottom .left {
	background: url(../images/bg-drop-bottom-left.png) no-repeat;
	height: 6px;
}
.main-nav .bottom .right {
	background: url(../images/bg-drop-bottom-right.png) no-repeat;
	height: 6px;
	width: 8px;
}
.main-nav .top {height: 8px;}
.main-nav .top .left {
	height: 8px;
	background: url(../images/bg-drop-top-left.png) no-repeat;
}
.main-nav .top .right {
	height: 8px;
	background: url(../images/bg-drop-top-right.png) no-repeat;
}
.main-nav ul {
	padding: 0 10px 0 18px;
	margin: 0;
	list-style: none;
	background: url(../images/bg-center-left.png) no-repeat 0 -5px;
	height: 1%;
}
.main-nav li li {
	background: none;
	height: auto;
	width: 100%;
	float: none;
	vertical-align: top;
	border-top: 2px solid #a9a7a9;
}
.main-nav li li:first-child {border-top: 0;}
.main-nav li li a {
	text-indent: 0;
	height: auto;
	width: auto;
	line-height: 28px;
	display: inline;
	font-size: 14px;
	color: #0c0b13;
	background: none;
	float: none;
}
.main-nav li li a:hover {font-weight: bold;letter-spacing: -1px;text-decoration: none;}
/*CONTAINER*/
#container {
	background: url(../images/bg-sidebar.jpg) repeat-y;
	width: 100%;
	overflow: hidden;
	position: relative;
	clear: both;
	margin-bottom: 5px;
}
/*sidebar*/
.sidebar {
	float: left;
	padding: 0 0 290px;
	width: 272px;
	border-top: 1px solid #cdcbdb;
}
/*content*/
.content {
	float: right;
	width: 484px;
	padding: 10px 40px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content h1, .content h2 {
	font-size: 220%;
	color: #4b4486;
	margin: 0 0 17px;
}
.content h2 {font-weight: normal;}
.content p {
	padding: 0 0 20px;
	font-size: 130%;
	line-height: 19px;
	color: #808080;
	letter-spacing: -1px;
	margin: 0;
}
.content a {color: #4b4486;}
.content .row {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.right-img {
	float: right;
	margin: 5px 0 0 10px;
}
.left-img {
	float: left;
	margin: 5px 10px 0 0;
}

/*sub-nav*/
.sub-nav {
	padding: 0;
	margin: 4px auto;
	list-style: none;
	width: 264px;
}
.sub-nav li {
	width: 100%;
	height: 38px;
	vertical-align: top;
	margin-bottom: 3px;
}
.sub-nav a {
	width: 100%;
	height: 100%;
	overflow: visible;
	outline: none;
}
.sub-nav a.chat-to {background: url(../images/txt-chat-to-pbc.gif) no-repeat;}
.sub-nav a.request {background: url(../images/txt-request-a-call.gif) no-repeat;}
.sub-nav a.free-phone {background: url(../images/txt-free-phone.gif) no-repeat;}
.sub-nav a.sign-up {background: url(../images/txt-sign-up-for.gif) no-repeat;}
/*sidebox*/
.sidebox {
	position: absolute;
	width: 271px;
	bottom: 20px;
	text-align: center;
}
/*side-logo*/
.side-logo {
	width: 230px;
	height: 137px;
	background: url(../images/img-side-logo.png) no-repeat;
	margin: 0 auto 28px;
}
.sidebox address {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
	color: #fefeff;
	font-style: normal;
}
/*bottom-nav*/
.bottom-nav li {width: 162px;height:49px;}
.bottom-nav li a {
	width: 162px;
	height:49px;
	background-image: url(../images/bg-main-nav2-roll.png);
}
.bottom-nav li:hover a, .bottom-nav li.hover a{background-position: 0 -49px;}
.bottom-nav .drop {
	bottom: 47px;
	top: auto;
}
.bottom-nav ul, .bottom-nav .middle .right {background-position: 0 -10px;}
.bottom-nav li li a {font-size: 11px;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}