/* fixed width centered page 
http://www.pmob.co.uk/temp/3colcentred_2a.htm
http://www.pmob.co.uk/temp/3colcentred_2.css*/

/* mac hide commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end mac hide hack */ 
html, body { font-size:100%;font-family: "Trebuchet MS", Verdana, Arial, sans-serif; padding:0; margin:0;}

body {
	background:white url(images/cc_bg.jpg) repeat-y center; 
	color: #000000;
	font-size: 80%;
/* to center page */
	min-width:780px;/* for mozilla*/
	text-align:center;
}

/* eliminate all default padding, margins, and borders - must declare some margin/padding for any ul or ol */
* {padding: 0;margin: 0;border: none;}

/* tables */
table {border-collapse: collapse;border-spacing:0;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { 
	color: black /*#FF6600 gold*/;
	margin-top: 1em;}
h1 { font-size: 1.8em; margin: 0 0 1em 0;color: #99CC00 /*green*/}
h2 { font-size: 1.3em;color: #99CC00 /*green*/}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}

a:link {color:#006699; text-decoration: underline;}
a:visited {color:#009999/**/; text-decoration: underline;}
a:hover {color: #99CC33/**/;}
a:active {color: #FF3300;}*/

ol, ul, li { font-size: 1.0em; line-height: 1.3em; margin: .5em 0 2em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}

blockquote {margin: .5em 0 .5em 1.5em;}
hr {height:0; border-bottom: 1px solid #CCC;margin:10px 0; }

p { font-size: 1.0em; 
    line-height: 1.4em; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}


/***** layout *****/

#outer{
	height:100%; /* for IE */
	min-height:100%;/* for moz */
	width:758px;
	text-align:left; 
	position:relative;
	margin:auto;
	padding:0;	
	margin-bottom:-8em; /* match footer depth  */
	border-left:1px solid white;
	border-right:1px solid white;} 
html>body #outer {height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {float:left; width:598px;} /* enables content first */
	
#header {
	position:absolute;top:0;left:-1px;
	width:760px;
	height:115px; 
	z-index:100;    /* border-left:1px solid red;      background:pink;*/}
	
#headerimg {position:relative; top:26px; left:10px;}

#left {
	position:relative; /* ie needs this to show float */
	float:left;
	width:160px;
	z-index:100;
	padding-top:115px;/*needed to make room for header*/
	padding-bottom:8em; /* needed to make room for footer */}									   
#left p {padding-left:10px;padding-right:20px;}

#right {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:right;
	padding-top:115px;/*needed to make room for header*/
	padding-bottom:8em;/* needed to make room for footer */}
#right p {
    padding:.5em 4px .5em 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #888;}
#right p.bdr {/*width:140px;*/ padding:1em 8px 1em 8px; border: 1px solid #99CC00 /*green*/;}

/**** nav sprites ****/

ul#navbox {
	list-style-type: none;
	overflow: hidden;
	padding: 0; margin: 0 0 0 0;
	background:transparent url(images/cc_nav.gif) no-repeat;
	position: relative;top: 0;left: 10px;
	width: 130px;height: 336px; }

ul#navbox li a {
	text-indent: -1000em;
	text-decoration: none;overflow: hidden;
	padding: 0;
	display:block;
	background:transparent url(images/cc_nav.gif) no-repeat;
	position: absolute;left: 0;width: 130px;}
													
ul#navbox li#home      a 	   { background-position:    0px   0px;   top:   0px; height:48px;}
ul#navbox li#home      a:hover { background-position: -130px   0px; }
ul#navbox li#services  a 	   { background-position:    0px -48px;   top:  48px; height:48px;}
ul#navbox li#services  a:hover { background-position: -130px -48px; }
ul#navbox li#portfolio a 	   { background-position:    0px -96px;   top:  96px; height:48px;}
ul#navbox li#portfolio a:hover { background-position: -130px -96px; }
ul#navbox li#profile   a 	   { background-position:    0px -144px;  top: 144px; height:48px;}
ul#navbox li#profile   a:hover { background-position: -130px -144px; }
ul#navbox li#clients   a 	   { background-position:    0px -192px;  top: 192px; height:48px;}
ul#navbox li#clients   a:hover { background-position: -130px -192px; }
ul#navbox li#resources a 	   { background-position:    0px -240px;  top: 240px; height:48px;}
ul#navbox li#resources a:hover { background-position: -130px -240px; }
ul#navbox li#contact   a 	   { background-position:    0px -288px;  top: 288px; height:48px;}
ul#navbox li#contact   a:hover { background-position: -130px -288px; }

/**********  footer  *********/
#footer {
	width:750px; /* for centered layout */
	clear:both;
	height: 8em;
	border-top:solid .1em #99CC00 /*green*/;		
	text-align:center;
	position: absolute;left:0;bottom:0; }
	
/* ie rounding bug and precise positioning not included */

#footernav { }
ul#footernav {
	list-style-type: none;
	margin: 0; padding:0;
	text-align: center; 
	border-top: 10px solid white; }

 ul#footernav li { display: inline; list-style:none; margin: 0; padding:0;}

 ul#footernav li a {
	white-space: nowrap;
	text-decoration: none;
	margin:0;
	padding: 0.2em 0.75em 0.2em 0.5em;
	line-height:2em;
	border-right: 1px solid #99CC00 /*green*/;}

 ul#footernav li a:hover {text-decoration:underline;}
#footernav .last { border-right:none;}

#footernav p { line-height:150%;}
#footernav .email a { border-right:none; text-decoration:underline;font-weight:bold;}
.copyright { color: #666; font-weight:normal; }

div, p  {margin-top:0}/*clear top margin for mozilla*/

/**********   center col  *********/

* html #centercol {height:1%;margin-bottom:8px}/* combat IE's 3 pixel jog */

#centercol {
	float:right;
	width:408px;
	position:relative; right:20px;
	padding-top:115px;
	padding-bottom:8em;
	                           /*  background:#ddd;border:1px solid red;*/}


#clearfooter {clear:both; width:100%; height:2em;   } /*  border:1px solid red;  to clear footer - the height does not need to match*/

html > body #minHeight {
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-8em;} /* match footer depth*/
	/*safari wrapper thanks to Tim Connor*/


.nowrap {white-space: nowrap;}
.clear{clear:both;}
.smaller {font-size:.8em}
.red { color: #990000;}

/** layout based on www.pmob.co.uk/temp/3colfixedtest_4.htm -- thanks Paul!
Other CSS credits to http://www.positioniseverything.net/ -- thanks Holly & John!!   **/