html, body {
	color: #525252;
	text-align: left;
}

#custom-doc {
	width: 76.15em;
	*width: 74.32em;
	min-width: 990px;
	text-align: left;
	margin: 0;
	background: url(/images/nav-border.gif) repeat-y;
}

/*------------------------
	Header
------------------------*/

div#hd {
	background: #fff url(/images/header-shadow.jpg) no-repeat;
}

h1#bflogo, div#header h1#bflogo a {
	margin: 0;
	width: 191px;
	height: 120px;
	background: url(/images/bfinternet-logo.gif) no-repeat;
	display: block;
	text-indent: -999em;
	float: left;
}

h1#bflogo img {
	display: none;
}

div#hd ul {
	float: left;
	margin: 85px 0 0 0;
	line-height: 2.4em;
}

div#hd ul li {
	float: left;
	list-style: none;
}

div#hd ul li a {
	font-size: 108%;
	color: #595959;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 0.5em 1em;
	margin: 0.5em 1.3em;
}

div#hd ul li a:hover, div#hd ul li a:active {
	text-decoration: underline;
	border-color: #E5E5E5;
}

p#quotation {
	float: right;
	text-align: right;
	letter-spacing: 1px;
	margin: 4.5em 0 0 0;
	background: url(/images/phoneicon.jpg) no-repeat 2em 0em;
	line-height: 2em;
}

p#quotation span {
	font-size: 230%;
}



div.topbanner {
	background: url(/images/divider-horizontal.gif) repeat-x 0 100%;
	padding-bottom: 1px;
	margin-bottom: 0.6em;
}

div.topbanner img {
	float: right;
}

div.topbanner div {
	width: 555px;
	float: left;
}

div.topbanner h2 {
	margin: 0.5em 0 0 0;
	color: #172983;
	font-size: 307%;
	font-weight: normal;
	letter-spacing: -0.05em;
}

div.topbanner p {
	font-size: 230%;
	margin: 0;
	letter-spacing: -0.05em;
	line-height: 1.1em;
}

/*------------------------
	/Header
------------------------*/


div#bd {
	border: 1px solid #E5E5E5;
	border-left: none;
}

div.yui-g, div.yui-gc {
	padding-left: 2.3em;
}

div.nofeaturedclients {
	margin-right: 2.3em;
}




/*----------------------
	Left nav
----------------------*/

ul#leftnav {
	margin: 1em 0 0 0;
}

ul#leftnav li {
	list-style: none;
}

ul#leftnav li a {
	font-size: 138.5%;
	font-weight: bold;
	display: block;
	padding: 0.5em 0 0.5em 1em;
	margin: 0.4em 0;
	border: none;
}

ul#leftnav li a:hover, ul#leftnav li a:active {
	text-decoration: underline;
}

p#rss {
	letter-spacing: 0.5px;
	margin: 3em 0 0 1.4em;
	background: url(/images/feed-icon-16x16.gif) no-repeat 0 50%;
	line-height: 2em;
	padding-left: 23px;
}

p#rss acronym {
	border-color: #F98200;
}
/*----------------------
	/Left nav
----------------------*/

/*----------------------
	Side Bar (Site wide)
----------------------*/

/*-- Screenshots --*/

div#featured-clients, div#emailtool, div#blog-sidebar, div#seo-sidebar {
	width: 28%;
}

div#featured-clients h5, div#emailtool h5, div#seo-sidebar h5 {
	color: #172983;
	font-size: 116%;
}

div#featured-clients ul, div#emailtool ul#screenshots, div#seo-sidebar ul#screenshots {
	margin: 0;
}

div#featured-clients ul li, div#emailtool ul#screenshots li, div#seo-sidebar ul#screenshots li {
	list-style: none;
	width: 200px;
	font-size: 85%;
	padding-bottom: 0.8em;
}

div#featured-clients ul li a, div#emailtool ul#screenshots li a, div#seo-sidebar ul#screenshots li a {
	color: #172983;
	border-color: #172983;
}

div#featured-clients ul li a.screenshot, div#emailtool ul#screenshots a.screenshot, div#seo-sidebar ul#screenshots a.screenshot {
	padding: 0;
	margin: 0.5em 0 0.8em 0;
	display: block;
	border: none;
}

div#featured-clients ul li a.screenshot:hover, div#emailtool ul#screenshots a.screenshot:hover, div#seo-sidebar ul#screenshots a.screenshot a:hover {
	opacity: .8;
}

#screenshot{
	background: #ededed url(/images/loader.gif) no-repeat 50% 50%;
	border: 1px solid #aaa;
	padding: 4px;
	position: absolute;
	display: none;
	font-size: 0px;
	width: 400px;
	min-height: 260px;
	height: auto !important;
	height: 260px;
}

div#featured-clients ul li img, div#emailtool ul#screenshots li img, div#seo-sidebar ul#screenshots li img {
	background: #ededed;
	border: 1px solid #aaa;
	padding: 4px;
	display: block;
}

/*-- /Screenshots --*/



/*-- Sub-nav --*/

div#blog-sidebar ul, div#emailtool ul, div#seo-sidebar ul {
	margin: 0;
}

div#blog-sidebar ul li, div#emailtool ul li, div#seo-sidebar ul li {
	font-size: 85%;
	list-style: none;
	margin: 0 0 0.6em 0;
}

div#blog-sidebar ul li a, div#emailtool ul li a, div#seo-sidebar ul li a {
	color: #172983;
	border-color: #172983;
}

div#blog-sidebar ul#blog-faqs, ul#subnav {
	border: 1px solid #F98200;
	background: #FFE8CF;
	padding: 0.5em;
	margin: 1em 1em 0 0 !important;
}

div#blog-sidebar ul#blog-faqs h4, ul#subnav h4 {
	margin: 0;
}

/*-- /Sub-nav --*/

div#blog-sidebar form#searchform {
	margin: 3em 0 3em 0;
}

div#blog-sidebar form#searchform input {
	margin: 0.3em 0;
}


/*----------------------
	/Side Bar
----------------------*/


/*----------------------
	Footer
----------------------*/

div#ft {
	background: #F5F5F5;
	padding: 1em 0em 1em 17em;
}

div#ft p {
	margin: 0.2em;
	font-size: 85%;
}

/*----------------------
	/Footer
----------------------*/





/*----------------------
	Portfolio grid (homepage, porfolio etc.)
-----------------------*/

ul.portfolio-grid {
	margin: 0;
}

ul.portfolio-grid li {
	float: left;
	list-style: none;
	width: 345px;
	padding: 0 10px;
	padding-bottom: 20px;
	font-size: 85%;
	min-height: 140px;
}

ul.portfolio-grid li p {
	margin: 0 !important;
}

ul.portfolio-grid a {
	color: #172983;
	border-color: #172983;
	font-weight: bold;
}

ul.portfolio-grid img {
	background: #ededed;
	border: 1px solid #aaa;
	padding: 4px;
	float: left;
	margin-right: 8px;
	margin-bottom: 30px;
}

div#portfolio-banner {
	background: url(/images/portfolio-banner2.jpg) no-repeat 100% 1px;
}

div#portfolio-banner div {
	width: 265px;
}

/*----------------------
	/Portfolio grid (homepage, porfolio etc.)
-----------------------*/

/*----------------------
	Portfolio archive
-----------------------*/

table.archive-grid td {
	width: 31%;
	padding: 0 7px 15px 7px;
	font-size: 85%;
}

table.archive-grid p {
	margin: 0 !important;
}

table.archive-grid a {
	color: #172983;
	border-color: #172983;
	font-weight: bold;
}

div#archive-banner {
	background: url(/images/fish-many2.jpg) no-repeat -2px 0;
}

div#archive-banner div {
	width: 390px;
}

/*----------------------
	/Portfolio archive
-----------------------*/


/*----------------------
	Quotes (homepage, porfolio, emailtool etc.)
-----------------------*/

div.quote {
	float: left;
	width: 50%;
}

div.quote blockquote, div.quote-wide blockquote {
	background: url(/images/quote-left.gif) no-repeat 0 0;
	padding: 0;
	margin: 0 0.8em 1em 0;
	font-size: 108%;
}

div.quote blockquote div, div.quote-wide blockquote div {
	padding: 0 1em 0 1.2em;
	background: url(/images/quote-right.gif) no-repeat right bottom;
}

div.quote strong, div.quote-wide strong {
	color: #172983;
}

div.quote p, div.quote-wide p {
	margin-left: 1.2em;
}

/*----------------------
	/Quotes
-----------------------*/




/*----------------------
	Home page
----------------------*/

div#home-banner a, div#home-banner-xmas a {
	color: #FF8600;
	border-color: #FF8600;
}

div#home-banner a#swwd, div#home-banner-xmas a#swwd {
	color: #172983;
	border-color: #172983;
}


div#home-banner-xmas {
	background: url(/images/home-banner-christmas2.jpg)
}




div#home-highlights h3 {
	color: #172983;
	font-size: 182%;
	font-weight: normal;
}

div#home-highlights a#justTheHighlights {
	font-size: 189%;
	color: #172983;
	border-color: #172983;
	line-height: 1.3em;
}

ul.homepage-bullets {
	float: left;
	width: 250px;
	margin: 0;
}

ul.homepage-bullets li {
	list-style: none;
}

ul.homepage-bullets li ul li {
	list-style: disc;
}

ul.homepage-bullets h4 {
	margin: 0;
}

ul.homepage-bullets li a#ukwebdesign:link {
	border: none;
	padding: 0;
	color: #525252;
}

div#homepage-recentposts, div#homepage-popularposts {
	float: left;
	width: 360px;
	margin-bottom: 20px;
}

div#homepage-recentposts h3, div#homepage-popularposts h3 {
	font-size: 20px;
	margin-top: 0;
}

div#homepage-recentposts a, div#homepage-popularposts a {
	font-weight: bold;
}
div#homepage-recentposts li, div#homepage-popularposts li {
	margin-bottom: 8px;
}

div#homepage-recentposts {
	margin-right: 20px;
}

/*----------------------
	/Home page
----------------------*/



/*----------------------
	Hosting page
----------------------*/

div#domainchecker fieldset {
	border: 1px solid #F98200;
	background: #FFF0DF;
	padding: 1em;
	font-size: 93%;
}

div#domainchecker legend {
	background: #fff;
	padding: 0.6em;
	border: 1px solid #F98200;
}

div#domainchecker input {
	background: #fff;
	width: 155px;
}
/*----------------------
	/Hosting page
----------------------*/


/*----------------------
	Contact page
----------------------*/

div#contact-rightcol {
	width: 45%;
}

form#contactform {
	margin-top: 1em;
}

form#contactform fieldset {
	border: 1px solid #cdcdcd;
	padding: 1em 0;
}

form#contactform legend {
	border: 1px solid #999;
	padding: 0.4em 0.8em;
	font-weight: bold;
	margin-left: 1em;
}

form#contactform label {
	text-align: right;
	padding: 0 0.8em 0 0;
	margin-top: 0.3em;
	width: 7em;
	font-weight: bold;
	display: block;
	float: left;
}

form#contactform p.leftspacing {
	margin-left: 7.8em;
}

form#contactform input, form#contactform textarea {
	margin-top: 0.5em;
	width: 15em;
}

input#verification_code {
	width: 160px !important;
}

form#contactform button {
	margin-top: 1em;
	margin-left: 12.3em;
	width: 7.7em;
}

div#map.contact {
	height: 300px;
	margin-bottom: 1em;
}

div#contact-banner div {
	width: 200px;
}

/*----------------------
	/Contact page
----------------------*/

/*---------------------
	EmailTool Page
----------------------*/
div#emailtool-banner {
	background: url(/images/emailtool-banner2.gif) no-repeat;
}

div#emailtool-banner div {
	width: 413px;
}

ul.ticks, ul.crosses {
	margin-left: 0;
}

ul.ticks li, ul.crosses li {
	padding: 0.2em 0 0.2em 2em;
	list-style: none;
}

ul.ticks li {
	background: url(/images/emailtool/tick.gif) no-repeat 0.1em 0.4em;
}

ul.crosses li {
	background: url(/images/emailtool/cross.gif) no-repeat 0.1em 0.4em;
}

table#pricing {
	width: 20em;
	border: 2px solid #162983;
	color: #162983;
	margin: 1em auto;
}

table#pricing th, table#pricing td {
	padding: 0.3em 1em;
}

table#pricing th {
	background: #A69DC8;
	border-bottom: 1px solid #162983;
	text-align: left;
}

table#pricing tr td {
	background: #E3E0EF;
}

table#pricing tr:hover td {
	background: #EEECF7;
	font-weight: bold;
}

table#pricing tr.odd td {
	background: #D4D1DF;
	border-bottom: 1px solid #EFEFEF !important;
	border-top: 1px solid #EFEFEF !important;
}

table#pricing tr.odd:hover td {
	background: #EAE8EF;
	font-weight: bold;
}

img.cardlogos {
	margin: 2em auto;
	display: block;
}

div.videopreview {
	border: 1px solid #ffc07c;
	background: #ffe0bf;
	padding: 0.5em 1em;
	margin: 2em 0.83em 0.5em 1em;
}

div.videopreview a {
	font-weight: bold;
	display: block;
	padding: 0.3em 0 0.3em 3em;
	background: url(/images/emailtool/flashicon.gif) no-repeat 0 0;
	border: none;
}

div.videopreview a span {
	text-decoration: none;
	font-size: 0.9em;
	font-weight: normal;
}

p.permission {
	font-size: 11px;
	line-height: 1.3em;
	width: 160px;
}

p.permission input {
	vertical-align: middle;
	margin-right: 3px;
	border: none;
	background: none;
}

p#forgotpwd {
	font-size: 85%;
	margin: 0;
}

/*---------------------
	/EmailTool Page
----------------------*/

div#faq-banner div {
	width: 430px;
}


div#seo-banner div {
	width: 370px;
}


/*---------------------
	Links
----------------------*/

a.external {
	background: url(/images/links/externalLink.gif) no-repeat 100% 50%;
	margin-right: 2px;
	padding: 0 10px 0 0;
	border: none;
	text-decoration: underline;
}

a.external:hover, a.pdf:hover {
	text-decoration: none;
}

/*PDF Links - adds a small PDF icon to all PDF links*/
a.pdf {
	background: url(/images/links/page_pdf.gif) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
	border: none;
	text-decoration: underline;
}

/*---------------------
	/Links
----------------------*/

/*----------------------
	Misc
----------------------*/

/*-- Misc banners --*/
div#webdesign-banner {
	background: url(/images/webdesign-banner2.jpg) no-repeat 0 100%;
}

div#webdesign-banner div {
	width: 470px;
}

div#ecommerce-banner {
	background: url(/images/ecommerce-banner2.jpg) no-repeat;
}

div#ecommerce-banner div {
	width: 400px;
}

div#programming-banner {
	background: url(/images/programming-banner2.jpg) no-repeat 0 100%;
}

div#programming-banner div {
	width: 300px;
}

div#terms-banner {
	padding-bottom: 2em;
}
/*--- /Misc. banners ---*/

/*--- Jobs ---*/
a#jobssticker {
	position: absolute;
	top: 320px;
	left: 155px;
	border: none;
	display: none;
}

div.inactivejob p, div.inactivejob h6, div.inactivejob li {
	color: #A8A8A8;
}

div.inactivejob h3, div.inactivejob a {
	color: #FFC27F;
	border-color: #FFC27F;
}

div#map.jobs {
	height: 300px !important;
}

#benefits-list li {
	margin: 1em 0;
}
/*--- /Jobs ---*/

div#map {
	border: 1px solid #A1A1A1;
}

.first {
	background: url(/images/divider-vertical.gif) repeat-y 100% 0;
	padding-right: 1.8em;
}

.featurebox {
	border: 1px solid #D7D7D7;
	background: #FAFAFA;
	padding: 0 1em 1em 1em;
	margin: 1em 0;
}

.highlight {
	border: 1px solid #F98200;
	padding: 1em;
	background: #FFD8AF;
}

.highlight a {
	color: #172983;
	border-color: #172983;
}

div.bottomborder {
	background: url(/images/divider-horizontal.gif) repeat-x 0 100%;
	padding-bottom: 1px;
}

div.topborder {
	background: url(/images/divider-horizontal.gif) repeat-x;
	padding-top: 1px;
}

div.hr {
  height: 1px;
  background: url(/images/divider-horizontal.gif) repeat-x;
  margin-bottom: 1.5em;
  clear: both;
}

div.hr hr {
  display: none;
}


#message {
	margin: 10px 0;
	padding: 8px 4px 8px 33px;
	background: #E7E7E7 url(/images/message.gif) no-repeat 10px 50%;
	border: 2px solid #C7C7C7;
	clear: both;
}

#message p {
	margin: 0;
	line-height: 1.2em;
}

#message.error {
	background-color: #FFD1D1;
	background-image: url(/images/error.gif);
	border-color: #F8ACAC;
	color: #8D3F3F;
}

#message.error a, #message.error a:visited {
	border: none;
	color: #8D3F3F;
	text-decoration: underline;
}

#message.error a:hover {
	text-decoration: none;
}

div#emailtool #message {
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
}


/* Thickbox */

#stimuli_lightbox a, #TB_window a {
	border: none;
}

#TB_caption {
	font-size: 11px;
}

#TB_caption #TB_secondLine {
	margin-top: 5px;
}

#TB_caption #TB_secondLine a {
	text-decoration: underline;
}

/* /Thickbox */

.clearleft {
	clear: left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}