/* GENERIC ------------------------------------------------------------------------------------------------------------*/
 
 html {
 	height: 100%; /* to ensure footer 'sticks' to bottom of viewport - IE only */
	}
 
 body {
 	height: 100%; /* to ensure footer 'sticks' to bottom of viewport - for all other sensible, law-abiding browsers */
 	margin: 0;
	padding: 0;
	font: 62.5%/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4E6E75;
	text-align: center; /* centres everything in IE5 */
	}
	
p {
	font-size: 1.1em;
	padding: 0;
	margin: 5px 0 15px 4px;
	}
	
h1 {
	font-size: 1.6em;
	margin: 0 0 8px 4px;
	letter-spacing: -0.01em;
	color: #2A4F57;
	}
	
h2 {
	margin: 0 0 10px 4px;
	padding: 0;
	font-size: 1.4em;
	color: #4E6E75;
	}
	
a, a:visited {
	color: #F3922E;
	text-decoration: none;
	font-weight: bold;
	}
	
a:hover {
	text-decoration: underline;
	}
	
acronym {
	color: #F3922E;
	border-bottom: 1px dotted #F3922E;
	cursor: help;
	}
	
blockquote {
	display: block;
	float: none;
	background: url(../images/quoteLeft.gif) 0 0 no-repeat;
	font-style: normal;
	font-size: 1em;
	margin: 0 0 10px 4px;
	padding: 0 10px 0 0;
	width: auto;
	}
	
blockquote p {
	margin-left: 0;
	padding: 0;
	}
	
blockquote p#client {
	background: url(../images/quoteRight.gif) bottom right no-repeat;
	padding-top: 5px;
	margin-top: -5px;
	}
	
blockquote#snippet, blockquote.snippet {
	border-top: 1px solid #d4dcdc;
	border-bottom: 1px solid #d4dcdc;
	padding: 10px 0 0 0;
	background: none;
	}
	
blockquote#snippet p, blockquote.snippet p {
	background: url(../images/quoteLeft.gif) 0 0 no-repeat;
	color: #4197E3;
	}
	
fieldset {
	border: 1px solid #d4dcdc;
	padding-top: 10px;
	}	
	
legend {
	font-size: 1.6em;
	color: #F3922E;
	font-weight: bold;
	}
	
label {
	color: #4197E3;
	font-weight: bold;
	} 
	
/* TOP GRADIENT -------------------------------------------------------------------------------------*/
 
#topGradient {
 	height: 80px;
	background: url(../images/headerGradient.gif) 0 0 repeat-x;
	}
	
/* LOGO / NAV HOLDER --------------------------------------------------------------------------------*/
	
#navHeader {
	width: 714px;
	margin: 0 auto;
	}
	
#navHeader img {
	float: left;
	}
	
/* NAVIGATION -------------------------------------------------------------------------------------- */
	
#navHeader ul {
	position: relative;
	top: 43px;
	width: 414px;
	height: 22px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	background: url(../images/navBar.gif) 0 0 no-repeat;
	overflow: hidden;
	}
	
#navHeader ul li {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 82px;
	height: 22px;
	text-indent: -2000em;
	}
	
#navHeader ul li, #navHeader ul li a {
	display: block;
	height: 22px;
	}
	
#navHeader ul li a {
	text-decoration: none;
	}
	
li#home {
	left: 0px;
	}
	
li#home a:hover, li#home a#currentPage {
	background: url(../images/navBar.gif) 0 -22px no-repeat;
	}
	
li#services {
	left: 83px;
	}
	
li#services a:hover, li#services a#currentPage {
	background: url(../images/navBar.gif) -83px -22px no-repeat;
	}
	
li#clients {
	left: 166px;
	}
	
li#clients a:hover, li#clients a#currentPage {
	background: url(../images/navBar.gif) -166px -22px no-repeat;
	}
	
li#articles {
	left: 249px;
	}
	
li#articles a:hover, li#articles a#currentPage {
	background: url(../images/navBar.gif) -249px -22px no-repeat;
	}
	
li#contact {
	left: 332px;
	}
	
li#contact a:hover, li#contact a#currentPage {
	background: url(../images/navBar.gif) -332px -22px no-repeat;
	}
	
/* MAIN WRAPPER ---------------------------------------------------------------------------------------*/

#mainWrapper {
	width: 714px;
	margin: 0 auto;
	text-align: left;
	}
	
#minHeight {
	position: relative; /* to ensure footer sticks to bottom of viewport - see html and body above */
	min-height: 100%;
	}	
	
/* LEFT COLUMN -----------------------------------------------------------------------------------------*/

#contentColumn {
	width: 511px;
	float: left;
	}
	
#contentColumn p {
	padding-right: 25px;
	line-height: 1.6em;
	}
	
#contentColumn img {
	border: none;
	}
	
/* MAIN PICTURE -----------------------------------------------------------------------------------------*/

#mainPic {
	width: 499px;
	min-height: 195px;
	height: auto !important;
	height: 195px;
	float: left;
	margin-bottom: 10px;
	padding: 0;
	}
	
#mainPic a, #mainPic a:visited {
	color: #F3922E;
	text-decoration: none;
	}
	
#mainPic a:hover {
	text-decoration: underline;
	}
	
#mainPicTextHolder {
	width: 288px;
	float: right;
	font-weight: bold;
	margin-top: 42px;
	}
	
#mainPicTextHolder p {
	margin: 0 0 10px 0;
	padding-right: 30px;
	}
	
#mainPicTextHolder p#noBot {
	padding-bottom: 0;
	}

/* RIGHT COLUMN -----------------------------------------------------------------------------------------*/

#subNavColumn {
	width: 203px;
	float: right;
	background: transparent url(../images/subNavBG.gif) top left repeat-y;
	}
	
#subNavColumn h3 {
	font-size: 1.6em;
	overflow: hidden;
	clear: both;
	margin: 0 0 5px 0;
	padding: 20px 0 0 0;
	width: 203px;
	height: 20px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 0;
	}
	
h3#latestNews {
	background: url(../images/latestNewsHeader.gif) 0 0 no-repeat;
	}
	
h3#latestArticles {
	background: url(../images/latestArticlesHeader.gif) 0 0 no-repeat;
	}
	
h3#latestWork {
	background: url(../images/latestWorkHeader.gif) 0 0 no-repeat;
	}
	
#subNavColumn p {
	font-size: 1em;
	padding: 0 10px 5px 8px;
	margin: 3px 0 3px 0;
	border-bottom: 1px solid #f3f3f3;
	}	
	
/* subnavigation */
	
ul.subNav {
	list-style-type: none;
	width: 203px;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
ul.subNav li {
	border-bottom: 1px solid #f3f3f3;
	font-size: 1em;
	}
	
ul.subNav li.BorderTop {
	border-top: 1px solid #f3f3f3;
	}
	
ul.subNav li a, ul.subNav li a:visited {
	display: block;
	text-decoration: none;
	color: #4e6e75;
	padding: 3px 0 3px 22px;
	width: 179px;
	font-weight: normal;
	background: url(../images/page.gif) 5px 50% no-repeat;
	}
	
ul.subNav li a:hover, ul.subNav li a#subSelected {
	color: #F3922E;
	background-color: #fbfbfb;
	border-right: 2px solid #FDC182;
	background: url(../images/pageBlue.gif) 5px 50% no-repeat;
	text-decoration: none;
	} 
	
/* subnavigation (no links) */

ul.subNavNoLink {
	list-style-type: none;
	width: 203px;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
ul.subNavNoLink li {
	font-size: 1em;
	padding: 3px 0 3px 20px;
	background: url(../images/smallArrow.gif) 5px 8px no-repeat;
	}
	
ul.subNavNoLink li.BorderTop {
	border-top: 1px solid #f3f3f3;
	}
	
/* recent work icons */
	
ul#recentWork {
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type: none;
	}	
	
ul#recentWork li {
	display: inline;
	width: 60px;
	height: 54px;
	margin: 0 1px 0 0;
	padding: 0;
	}
	
ul#recentWork li#noMargin {
	margin-right: 0;
	}
	
ul#recentWork li img {
	border: 1px solid #C2E0FB;
	margin-bottom: 2px;
	}
	
ul#recentWork li img a {
	text-decoration: none;
	}
	
ul#recentWork li a:hover img, ul#recentWork li a#currentClient img {
	border: 1px solid #4C6D74;
	}
	
/* FOOTER -------------------------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	position: relative;
	margin: -4.7em auto 0 auto;
	height: 47px;
	background: #4F7078 url(../images/footerGradient.gif) 0 0 repeat-x;
	}
	
#footerNavHolder {
	width: 714px;
	margin: 0 auto;
	text-align: left;
	}
	
#footerNavHolder ul {
	position: relative;
	top: 23px;
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type: none;
	}
	
#footerNavHolder ul li {
	display: inline;
	padding: 0 0 0 8px;
	margin-right: 10px;
	font-size: 1em;
	background: transparent url(../images/orangeBullet.gif) 0 4px no-repeat;
	color: #cecece;
	}
	
#footerNavHolder ul li a, #footerNavHolder ul li a:visited {
	color: #cecece;
	text-decoration: none;
	font-weight: normal;
	}
	
#footerNavHolder ul li a:hover {
	color: #fff;
	}
	
#footerNavHolder ul#floatRight {
	float: right;
	}
	
/* SPECIFIC PAGES -----------------------------------------------------------------------------------------*/
	
/* homepage */

#homepage #mainPic {
	background: url(../images/snowflakes.gif) 0 0 no-repeat;
	}
	
/* services */

#servicesPage #mainPic, #analysis #mainPic {
	background: url(../images/bizcards.gif) 0 0 no-repeat;
	}
	
h3#serviceListSubHeader {
	background: url(../images/servicesSubHeader.gif) 0 0 no-repeat;
	}
	
h3#latestClients {
	background: url(../images/latestclientsSubHeader.gif) 0 0 no-repeat;
	}
	
/* portfolio */

#portfolio #mainPic {
	background: url(../images/pelhamFolio.jpg) 0 0 no-repeat;
	}
	
#portfolioMatrixCon #mainPic {
	background: url(../images/matrixFolio.gif) 0 0 no-repeat;
	}
	
#portfolioChcBristol #mainPic {
	background: url(../images/chcFolio.gif) 0 0 no-repeat;
	}
	
#portfolioMatrixEn #mainPic {
	background: url(../images/matrixEnergyFolio.gif) 0 0 no-repeat;
	}
	
#portfolioCamBalloons #mainPic {
	background: url(../images/camFolio.gif) 0 0 no-repeat;
	}
	
#portfolioRacing #mainPic {
	background: url(../images/racingFolio.gif) 0 0 no-repeat;
	}
	
#portfolioPower #mainPic {
	background: url(../images/powerFolio.gif) 0 0 no-repeat;
	}
	
#portfolioRelax #mainPic {
	background: url(../images/relaxFolio.gif) 0 0 no-repeat;
	}
	
#portfolioFletch #mainPic {
	background: url(../images/fletchFolio.jpg) 0 0 no-repeat;
	}
	
h3#portfolioSubHeader {
	background: url(../images/clientsSubHeader.gif) 0 0 no-repeat;
	}
	
h3#otherSubHeader {
	background: url(../images/otherSubHeader.gif) 0 0 no-repeat;
	}
	
h3#soonSubHeader {
	background: url(../images/soonSubHeader.gif) 0 0 no-repeat;
	}
	
/* articles */

#articles #mainPic, #articlesMain #mainPic {
	background: url(../images/webreport.gif) 0 0 no-repeat;
	}
	
#articlesMain p.arrow {
	border-bottom: 1px solid #d4dcdc;
	padding-bottom: 5px;
	}
	
h3#articlesSub {
	background: url(../images/articleSubHeader.gif) 0 0 no-repeat;
	}
	
.codeholder {
	background-color: #f4f4f4;
	margin: 0 0 10px 4px;
	padding: 5px 0;
	border: 1px solid #d4dcdc;
	}
	
.codeholder p {
	font-family: monospace;
	font-size: 1.4em;
	margin: 0 0 0 10px;
	}
	
body#articlesMain #contentColumn ul, body#analysis #contentColumn ul, body#accessibility #contentColumn ul {
	margin-left: 4px;
	padding-left: 0;
	list-style-type: none;
	}
	
body#articlesMain #contentColumn ul li, body#analysis #contentColumn ul li, body#accessibility #contentColumn ul li {
	font-size: 1.1em;
	padding-left: 16px;
	background: url(../images/smallArrow.gif) 0 4px no-repeat;
	}
	
/* contact */

#contactPage #mainPic {
	background: url(../images/getintouch.gif) 0 0 no-repeat;
	}

h3#addressSubHeader {
	background: url(../images/addressSubHeader.gif) 0 0 no-repeat;
	}
	
h3#telephoneSubHeader {
	background: url(../images/telephoneSubHeader.gif) 0 0 no-repeat;
	}
	
h3#emailSubHeader {
	background: url(../images/emailSubHeader.gif) 0 0 no-repeat;
	}
	
input:hover, #comments:hover {
	border: 1px solid #f3922e;
	}

.inputbox {
    border: 1px solid #d4dcdc;
    background-color: #ffffff;
  	font-family: Tahoma, Verdana, Tahoma, Arial, Helvetica, sans-serif;;
    font-size: 1em;
    color: #4E6E75;
	width: 250px;
	height: 15px;
	padding-left: 3px;
	margin-top: 5px;
    }
	
#comments {
    width: 250px;
	height: 175px;
  }
  
 .dropdown {
 	padding-left: 0;
	}
  
#submit {
    border: 1px outset #d4dcdc;
    background-color: #ffffff;
    font-family: Tahoma, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Georgia, Verdana, Arial, sans-serif;
    font-size: 100%;
    color: #4E6E75;
    width: 60px;
    height: 20px;
    margin: 0;
    padding: 0 2px 0 2px;
    }
	
/* contact */

#accessibility #mainPic {
	background: url(../images/snowflakes.gif) 0 0 no-repeat;
	}
	
/* MISC -----------------------------------------------------------------------------------------------------*/

.clr { 
	clear: both; 
	font-size: 0; 
	}
	
p#arrow, p.arrow {
	background: url(../images/page.gif) 0 2px no-repeat;
	padding-left: 15px;
	margin-left: 2px;
	}
	
p.footnote {
	font-size: 0.9em;
	color: #F3922E;
	}
	
p.bookdetails {
	color: #F3922E;
	}
	
p#date {
	font-weight: bold;
	color: #4197E3;
	margin-bottom: 7px;
	}
	
.skiplink {
	display: none;
	}