@charset "utf-8";
/* CSS Document */

/*-----
We Are Web: Screen Style Sheet 

---------------------------------------------------------------------------------
Version: 1.0
Author: Paul Featherstone
Email: paul@weareweb.co.uk
Website: http://www.weareweb.co.uk
Last Modified: 28/04/09
-------------------------------------------------------------------------------*/


/*********************  * GLOBAL * *********************/

*{
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	border:none;
}
/* Heading formatting */

H1{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #6E7C6D;
	margin: 0 0 12px;
	line-height:1.3em;
	letter-spacing:.15px;
	margin: 7px 0px 10px 0px;
}
H2{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.9em;
	font-weight: 200;
	color: #6E7C6D;
	margin: 0 0 12px;
	line-height:1.3em;
	letter-spacing:.15px;
	margin: 3px 0px 6px 0px;
}
H3{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #6E7C6D;
	margin: 0 0 12px;
	line-height:1.3em;
	letter-spacing:.15px;
	margin: 5px 0px 8px 0px;
	text-align:left;
}
H4{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #6E7C6D;
	margin: 0 0 12px;
	line-height:1.3em;
	letter-spacing:.15px;
	margin: 5px 0px 8px 0px;
}

/* Text formatting */

p{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: .8em;
	color:#333333;
	text-align:left;
	margin-bottom:0.8em;
	margin-top:0.8em;
}
a{
	color:#666666;
	outline:none;
}
a:hover{
	color:#000000;
}
.telicon { 
	list-style: none;
}
.telicon li{
	padding: 2px 0 5px 18px; 
	background-image: url("/buttons_icons/telicon_small.png"); 
	background-repeat: no-repeat;  
	background-position: 0; 
}
.mailicon { 
	list-style: none;
	margin-top:-5px; 
}
.mailicon li{
	list-style:none;
	padding: 2px 0 5px 18px; 
	background-image: url("/buttons_icons/mailicon_small.png"); 
	background-repeat: no-repeat;  
	background-position: 0; 
}
.quoteicon { 
	list-style: none;
	margin-top:-5px;
	margin-left:-2px; 
}
.quoteicon li{
	list-style:none;
	padding: 2px 0 5px 18px; 
	background-image: url("/buttons_icons/quoteicon_small.png"); 
	background-repeat: no-repeat;  
	background-position: 0; 
}

/* Table formatting */
table{}
tr{}
td{}

/* Image formatting */

img { 
}
.thumb { 
	float:left;
	margin: 5px 5px 5px 0;
	padding:5px 5px;
}
.thumb2 { 
	margin:0;
	padding:0;
}
.panel
{
	margin: 0 0 10px 0;
}
.icon
{
	float:left;
	margin: 5px 5px 0 0;
}

/********************* * LAYOUT * *********************/

/* All pages */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
#wrapper { 
	width: 1024px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	padding: 4px 12px 12px 12px;
} 

/* Header */

#header { 
	height:145px; 
	margin: 12px 12px;
} 

/* Homepage */

#rhcolumn1 {
	float: right;
	width: 260px;
	margin-right: 12px;
}

#rhcolumn2 {
	float: right;
	width: 336px;
}

#mainContent { 
	position:relative;
	margin: 0 270px 0 0;
} 
#mainContent_wide { 
	margin: 0 12px 0 12px;
} 
#homeinfo {
	position:relative;
}

/* Services */

.rhcolumn3 {
	float: right;
	width: 290px;
}

/* Portfolio */

.quarter_column {
	float: right;
	position:relative;
	width: 256px;
}

/* Generic page layout (about us, news, blog, etc)*/

#mainContent2 { 
	position:relative;
	margin: 0 300px 0 0;
} 
#mainContent3 { 
	margin: 0 300px 0 12px;
}
#rhcolumn4 {
	float: right;
	width: 300px;
}
.whitebgd {
	background-color:#FFFFFF;
	margin: 10px 0 0 0;
}
.whitebgd a{
	text-decoration: none;
}
.more {
	float:right;
	width:30px;
	text-decoration: none;
	margin: 40px 0 0 0;
}
.more img{
	border:none;
}
.whitebgd_inner
{
	margin: 0;
	padding: 10px 10px;
}
.wbl {background: url("../../../../web-design-london-blog/wp-content/themes/corners/bl_white.png") 0 100% no-repeat; height: 100%; width: 100%;}
.wbr {background: url("../../../../web-design-london-blog/wp-content/themes/corners/br_white.png") 100% 100% no-repeat; height: 100%; width: 100%;}
.wtl {background: url("../../../../web-design-london-blog/wp-content/themes/corners/tl_white.png") 0 0 no-repeat; height: 100%; width: 100%;}
.wtr {background: url("../../../../web-design-london-blog/wp-content/themes/corners/tr_white.png") 100% 0 no-repeat; height: 100%; width: 100%;}

.plus {
	float:right;
	height:35px;
	width:35px;
	margin: 120px 15px 0 15px;
	background-image:url("/buttons_icons/plus_large.png");
}
.social_bookmarks {
 
}
.social_bookmarks ul {
	list-style: none;
	margin: 0px;
	padding: 0px; 
}
.social_bookmarks li {
	float: left;
	width: 100px;
	height: 20px;
	height: 26px;
	display: block;
	margin: 0 0 0 10px;
}
.social_bookmarks a {
	display:block;
	text-decoration: none;
	outline:none;
	font-size:.7em;
}

/* Blog */
#sidebar {font-size: .8em;}
#sidebar .section {position:relative; border-bottom: 1px solid #CCCC99; margin: 0 0 0 10px; padding: 10px 0 10px 10px;}
#sidebar ul{ margin:0px; padding:0px;} 
#sidebar li{ list-style-type:none; margin-left:5px; padding:0px;}

.sociable {position:relative; height:30px; margin-bottom:20px;}
.sociable ul {list-style: none; margin: 0px; padding: 0px;  }
.sociable li {float: left; width: 25px; height: 25px; display:inline; margin: 0 2px 0 0; text-align:center;}
.sociable span {font-weight:bold; font-family: Verdana, Tahoma, sans-serif; font-size: .8em; color:#333333; text-align:left; padding-bottom:2px;}
.sociable a {color:#666666; outline:none;}

#comment {border:#CCCCCC 1px solid; width:700px;}

.advert {}	

/* Footer */

#footer { 
	padding:;
	clear: both;
} 

/* Other */

/********************* * NAVIGATION * *********************/

/* Main (horizontal) Navigation */

#navbuttons {
	margin: 2px 0 1px 0;
  }
#navbuttons ul {
	list-style: none;
	margin: 0px;
	padding: 0px;  
}
#navbuttons li {
	float: left;
	width: 115px;
	height: 26px;
	display: inline;
	background-image: url("/buttons_icons/tab_small.jpg");
	margin: 0 2px 0 0;
	text-align:center;
}
#navbuttons a {
	display:block;
	height:21px;
	text-decoration: none;
	color: #EFEEEA;
	outline:none;
	padding-top:1px;
}
#navbuttons a:hover {
	color: #FFFFFF;
}

/********************* * FORMS * *********************/
form {
	width:50%;
	text-align:left;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: .8em;
	color: #6E7C6D;
	text-align:left;
	margin-bottom:0.8em;
}
fieldset {  
	float: left;  
	clear: both;  
	width: 100%;  
	margin: 0 0 1.5em 0;  
	padding: 10px 10px;   
	background-color: #CCCCCC; 
}
input {
    width: 200px;
	margin: 0 10px 0 10px;
	border: 1px solid #918598; 
	font-family: Verdana, Tahoma, sans-serif;
	font-size: .9em;
	color: #6E7C6D;
}
#themessage, #source {
	border: 1px solid #918598; 
	font-family: Verdana, Tahoma, sans-serif;
	font-size: .9em;
	color: #6E7C6D;
}
#enews {
	float:left;
	width: 50px;
	border: 1px solid #918598; 
}
legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
	display:none;
}
fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}
fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em; 
}
label {  
	position: relative;  
	float: left;  
	width: 10em;  
	margin-right: 1em; 
}
label em {  
	position: absolute;  
	left: 10em;  
	top: 0; 
}
label strong {  
	position: absolute;
	left: 27em;
	top: 0.2em;
	width: 19em;
	color: #C00;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase; 
}
label strong img {  
	position: absolute;  
	left: -16em; 
}
.buttonStyle {
	margin: 0 0 0 150px;
	background-image:url(/images/form_submit_button.png);
	width:90px;
	height:30px;
	border:none;
	cursor:default;
}

#health_check {
	width:75%;
	text-align:left;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: .8em;
	color: #6E7C6D;
	text-align:left;
	margin-bottom:0.8em;
}
#health_check.fieldset {  
	float: left;  
	clear: both;  
	width: 100%;  
	margin:0;  
	padding:0;   
	background-color: #CCCCCC; 
}
#health_check.input {
    width: 300px;
	margin: 0;
	border: 1px solid #918598; 
	font-family: Verdana, Tahoma, sans-serif;
	font-size: .9em;
	color: #6E7C6D;
}

/********************* * TABLES * *********************/

/* Same deal as forms */

/********************* * LISTS * *********************/

/* Same deal as forms and tables */

/********************* * CONTENT * *********************/

/* Generic/header styles */

#heroslot {
	position: relative;
	height: 100px;
	background-image: url("/images/animated_header/header.png"); 
}
#contact {
	float:right;
	width:276px;
	height:91px;
	background-image:url(/images/contact_info.png);
	margin: 9px 14px 0 0;
}
#message {
	float: left;
	width: 550px;
	height: 185px;
	margin: 0;
	padding: 0; 
	background-image: url("/images/animated_header/hero_animated_gif.gif"); 
	background-repeat: no-repeat;  
	background-position: 0; 
}
#message2 {
	float: left;
	width: 550px;
	height: 185px;
	margin: 0;
	padding: 0;
}
#logo {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}
#contact {
	position:relative;
	float:right;
	width:536px;
	height:18px;
	margin: 50px 14px 0 0;
}
#email {float:right; width: 181px; }
a.rollover1 {display:block; width:336px; height:18px; background:url('http://www.weareweb.co.uk/images/contact_email.png') no-repeat top left;}
a.rollover1:hover {background-image:url('http://www.weareweb.co.uk/images/contact_email.png');}
#tel {float:left; width: 355px; height:18px; background:url('http://www.weareweb.co.uk/images/contact_tel.png') no-repeat top left; }

#navbar {
	position: relative;
	height: 30px;
	margin: 2px 0 2px 0;
	border-bottom: 2px solid #C2C2B7;
}
#textsize {
	float: right;
	width: 100px;  
}

/* Homepage/body styles */
#slide_show {
	margin: 0 0 0 10px;
}
.quicklink {
	position:relative;
	border-bottom: 1px solid #CCCC99;
	margin: 0 0 10px 10px;
	padding: 10px 0 10px 10px;
}
.project {
	float:right;
	width:130px;
	height:200px;
	background: #dbdad3;
	margin: 0 15px 20px 0;
}
.project_inner
{
	margin: 0;
	padding: 10px 10px;
}
.bl {background: url("../../../../web-design-london-blog/wp-content/themes/corners/bl_grey.png") 0 100% no-repeat; height: 100%; width: 100%;}
.br {background: url("../../../../web-design-london-blog/wp-content/themes/corners/br_grey.png") 100% 100% no-repeat; height: 100%; width: 100%;}
.tl {background: url("../../../../web-design-london-blog/wp-content/themes/corners/tl_grey.png") 0 0 no-repeat; height: 100%; width: 100%;}
.tr {background: url("../../../../web-design-london-blog/wp-content/themes/corners/tr_grey.png") 100% 0 no-repeat; height: 100%; width: 100%;}

.blurbbox { 
	padding: 10px 0 10px 10px;
}
.tabbed-box {
	float:left;
	width:430px;
	margin: 0 0 20px 10px;
}
.tabs{
	margin: 0px;
	padding: 0px;  
}
.tabbed-box .tabs li {
	float: left;
	width: 142px;
	display: inline;
	height: 30px;
	list-style: none;
	background-image: url("/buttons_icons/tab_large.jpg");
	text-align:center;
}
.tabbed-box .tabs li.margin { margin: 0 2px 0 2px; }

.tabbed-box .tabs li a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #DDDDC3;
	outline:none;
	padding-top:7px;
}
.tabbed-box .tabs li a:hover{
	color: #FFF; 
}
.tabbed-content {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 20px 10px 10px 10px;
	display: none;
}

/* Services/body styles */

.service {
	height:265px;
	width:290px;
	background: #dbdad3;
	margin: 0 0 20px 0;
}
.service_inner
{
	margin: 0;
	padding: 10px 10px;
	text-align:center;
}
.service_inner a
{
	text-decoration:none;
	border:none;
}
.service_inner img
{
	margin: 0;
}

/* Portfolio/body styles */

.portfolio {
	margin: 0 10px 10px 10px;
	background: #dbdad3;
}
.portfolio_inner
{
	margin: 0;
	padding: 10px 10px;
	text-align:center;

}

/* Generic/footer styles */
#footer {
	position:relative;
	border-top: 1px solid #C2C2B7;
}
#footerbar {
	float:left;
	width:75%;
	height: 35px;
	margin: 0 0 10px 0;
}
#footerbar ul {
	list-style: none;
	margin: 0px;
	padding: 0px; 
}
#footerbar li {
	display: inline;  
}
#footerbar a {
	text-decoration: none;
	color: #5A595B; 
}
#footerbar a:hover{
	color: #999886; 
}
#footerbar a:active{
	color: red; 
}
#footerimages {
	float:right;
	width:25%;
}
#footerimages img{
	padding: 4px 0 0 0;
	margin:0 0 0 160px;
}

/********************* * General styles * *********************/

.float-right { float: right; }
.float-left { float: left; }
.float-center { margin-left: auto; margin-right: auto; }
.clear { clear: both }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear-block { display: block }
.text-large { font-family: Verdana, Tahoma, sans-serif; font-size: 1.2em; color: #5A595B}
.text-small { font-family: Verdana, Tahoma, sans-serif; font-size: .9em; color: #5A595B}
.text-smaller { font-family: Verdana, Tahoma, sans-serif; font-size: .7em; color: #5A595B}
.text-smallest { font-family: Verdana, Tahoma, sans-serif; font-size: .6em; color: #5A595B}
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-error { color:#FF0000; font-weight:bold;}
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { border-bottom: 1px solid #CCCC99; }
.nopadding { padding: 0 }
.plusbullet { font-family: Verdana, Tahoma, sans-serif; margin-left: 30px; list-style-image:url("/buttons_icons/plus_bullet.gif") }
.smallplusbullet { font-family: Verdana, Tahoma, sans-serif; font-size: .8em; margin: 5px 0 5px 100px; color:#333333; list-style-image:url("/images/small_plus_bullet.png") }
.nobullet { list-style: none; list-style-image: none }
.numberbullet {list-style-type:decimal ; }
.nodisplay {display:none;}