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

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

---------------------------------------------------------------------------------
Version: 1.0
Author: We Are Web
Email: info@weareweb.co.uk
Website: http://www.weareweb.co.uk
Last Modified: 24/08/09
-------------------------------------------------------------------------------*/


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

*{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
}
/*********************  * GLOBAL * *********************/

/* Heading formatting */

H1 {font-size:1.25em; padding:10px;color: #808080; margin: 10px 10px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #E6E6E6; }
H2 {font-size:1.2em; color: #808080; } 
H3 {font-size:.9em; color: #808080; margin: 10px 10px;} 
H4 {font-size:.8em; color: #808080; margin: 10px 10px;} 

/* Text formatting */

p {font-size: .8em; margin: .8em 0 .8em 0;}
a {font-size: .8em; color:#FF6600;}

/* Form formatting */

INPUT, SELECT, TH, TD {font-size:.75em} /* - for IE browser*/

/* Table formatting */

table{}
tr{}
td{}

/* lists */

ul {}
li {font-size: .8em; margin: .8em 0 .8em 0; margin-left: 10px; }

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

body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%; /* for IE */
	margin: 0;
	padding: 0;
	text-align: center;
}
#container { 
	width: 1024px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 

/* Header */

#header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;
} 

/* Sidebar */

#sidebar1 {float: left; 
	width: 140px;
	padding: 15px 0;
	font-size:.75em;}

/* Left Column */

#lhcolumn {
	float: left;
	width: 160px;
	padding: 10px 10px 10px 10px;
}

/* Right Column */

#rhcolumn {
	float: right;
	width: 160px;
	padding: 10px 10px;
	margin: 0 10px 10px 0;
	border: #F9A230 1px solid;
}

/* Main Content Page Body */

#mainContent {
	width:750px;
 	margin: 0 0px 0 224px;
 	padding: 15px 0;
 }
#mainContent ul {
	font-size: .8em;
 }
#body {
	margin: 0 200px 0 0;
 	padding: 20px 20px;
}
#body_border {
	margin: 10px 200px 10px 10px;
 	padding: 20px 20px;
	border: #F9A230 1px solid;
}
#banner {
	margin: 10px 10px 20px 10px;
}

/* Footer */

#footernav {
	height:16px;
	margin: 50px 0 0 0;
	padding: 0;
  }
#footernav ul {
	list-style: none;/*goodbye bullets*/
	margin: 0;
	padding: 0;
} 
#footernav li {
	float:left;
	margin: 0 5px 0 0;
	padding: 0;
	display:inline;/*displays horizontal*/
} 
#footernav li a {
	margin: 0;
	padding:0;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:.95em;
	letter-spacing:.6px;
	text-decoration:none;
	color:#333333;
} 
#footernav li a:hover {
	color:#000000;
} 
/* sliding doors technique used to avoid flicker as browser loads roll-over image*/

#footernav img {padding: 0 0 8px 0;}

/* Other */


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

/* Main (horizontal) Navigation */

/* Left Navigation */
.pfmain #nav{
width:140px;
padding: 10px 0 10px 0;
}
.pfmain #nav ul
{
list-style-type: none; /*turns off display of bullet*/
padding-left: 0; /*removes indent Mozilla and NN7*/
margin-left: 0; /*removes indent IE and Opera*/
}
.pfmain #nav li {
padding: 5px 0px 0px 0px; 
margin:0px;
}
.pfmain #nav a {
display: block;
padding: 0px 5px 0px 0px;
text-decoration: none;
text-color: #757575;
text-align: right;
font-size:1.6em;
background: #F9A230;
border-bottom: #707070 1px solid;
border-right: #707070 1px solid;
}
.pfmain #nav a:link, #nav a:active, #nav a:visited {
color: #757575;
}
.pfmain #nav a:hover {
background: #9C8C8C;
color: #ffffff;
}

/* Right Navigation */

/* Breadcrumb Navigation */

/********************* * FORMS * *********************/

/* Any form formatting that varies from the common formatting, if there are multiple differently formatted forms, then use sub-headings */

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

/* Same deal as forms */

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

/* Same deal as forms and tables */

form { border: none; padding: 2px 2px; }
input { float:left; width: 100px; }
field { float: left; width: 100px; }
legend { display: none; }
fieldset { border: none; }

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

/* About me styles */

.content{
float:right;
width:200px;
border-bottom:20px;
}
.button{
background-color:#F7931E;
margin: 20px 20px;
}
.buttontext{
padding: 5px;
font-size:12px;
}
.gobutton {width:20px; padding: 2px 2px;}

/* Corner styles */

.t {background: url(/images/box-components/dot.gif) 0 0 repeat-x; height: 100%; width: 100%;}
.b {background: url(/images/box-components/dot.gif) 0 100% repeat-x; height: 100%; width: 100%;}
.l {background: url(/images/box-components/dot.gif) 0 0 repeat-y; height: 100%; width: 100%;}
.r {background: url(/images/box-components/dot.gif) 100% 0 repeat-y; height: 100%; width: 100%;}
.bl {background: url(/images/box-components/bl.gif) 0 100% no-repeat; height: 100%; width: 100%;}
.br {background: url(/images/box-components/br.gif) 100% 100% no-repeat; height: 100%; width: 100%;}
.tl {background: url(/images/box-components/tl.gif) 0 0 no-repeat; height: 100%; width: 100%;}
.tr {background: url(/images/box-components/tr.gif) 100% 0 no-repeat; height: 100%; width: 100%;}

.obl {background: url(/images/box-components/obl.gif) 0 100% no-repeat; height: 100%; width: 100%;}
.obr {background: url(/images/box-components/obr.gif) 100% 100% no-repeat; height: 100%; width: 100%;}
.otl {background: url(/images/box-components/otl.gif) 0 0 no-repeat; height: 100%; width: 100%;}
.otr {background: url(/images/box-components/otr.gif) 100% 0 no-repeat; height: 100%; width: 100%;}

.gbl {background: url(/images/box-components/gbl.gif) 0 100% no-repeat; height: 100%; width: 100%;}
.gbr {background: url(/images/box-components/gbr.gif) 100% 100% no-repeat; height: 100%; width: 100%;}
.gtl {background: url(/images/box-components/gtl.gif) 0 0 no-repeat; height: 100%; width: 100%;}
.gtr {background: url(/images/box-components/gtr.gif) 100% 0 no-repeat; height: 100%; width: 100%;}

.lgbl {background: url(/images/box-components/lgbl.gif) 0 100% no-repeat; height: 100%; width: 100%;}
.lgbr {background: url(/images/box-components/lgbr.gif) 100% 100% no-repeat; height: 100%; width: 100%;}
.lgtl {background: url(/images/box-components/lgtl.gif) 0 0 no-repeat; height: 100%; width: 100%;}
.lgtr {background: url(/images/box-components/lgtr.gif) 100% 0 no-repeat; height: 100%; width: 100%;}

/* eNewsletter signup sidebar box */

#enews{
	width:140px;
	height:150px;
	background-color: #F7931E;
	margin-top:20px;
}

#enews_inner {
	position:relative;
	padding:5px;
}

/* Twitter feed styles */

#twitter_div {padding: 10px 10px;}

#twitter_update_list {overflow:hidden; font-size: .8em;}	
#twitter-link {font-size: .8em; font-weight:bold; margin-top:10px;}

/* Blog styles */

#sidebar {width:130px; margin-top:20px;}
#sidebar ul li {list-style-type:none;}
#sidebar ul li a {font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.section {font-size: 1.2em;}
.section img {border:none;}

/********************* * CSS SUPPORT * *********************/

/* This is for any special formatting that can be applied to any element on any page and have it override the regular formatting for that item. For example, this might have things like: */

.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-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-small {font-size: .9em;}
.text-smaller {}
.text-smallest {}
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.border-top {background-image:url(images/grey_border_line.gif) repeat-X 100%}
.border-right {}
.border-bottom {background-image:url(images/grey_border_line.gif) repeat-X 0%}
.border-left {}
.centre {auto-margin:0; text-align:center;}
.orange_bar {background: #F9A230; width:100%;}
.nodisplay {display:none; }