body {
	margin:0;
	padding:0 0 60px 0;
	background:#000 url("images/backerPage.jpg") no-repeat fixed left top;
	text-align: left;
	font: .86em Arial,"Trebuchet MS",Verdana,Sans-serif;
	color: #333;
}

body.index {
	background:#000 url("images/indexBacker.jpg") repeat-x fixed left top;
}

h1, h2, h3, h4, h5, p {
		margin: 0;
		padding: 0 10px 16px 12px;
		font-size: .8em;
		line-height: 145%;
}

div {
	position: relative;
}

#wrapper {
	width: 730px;
	padding: 0;
	margin: 0 20px;
	text-align:left;
}

#main {
	margin: 0 auto;
	padding: 0;
	background: transparent url("images/backerTop.png") no-repeat left top;
	width: 730px;
}

* html #wrapper #main {
	background: transparent url("images/backerTop.gif") no-repeat left top;
}


	#main:after{		/*Having something in the content such as a period 
		gives a more consistent results across browsers.*/
		content: "clearing Element"; 
		display: block; 
		overflow: hidden;
		height: 0;
		clear: both; 
		visibility: hidden;
		}

#m2 {
	margin: 0;
	padding-bottom: 129px;
	background: transparent url("images/backerBottom.png") no-repeat left bottom;
	float:left;
	width:100%;
}

* html #wrapper #main #m2 {
	background: transparent url("images/backerBottom.gif") no-repeat left bottom;
}

#m3 {
	margin: 0;
	padding: 0;
	width: 730px;
	background: transparent url("images/backerMid.png") repeat-y 0px 160px;
}

	#m3:after{		/*Having something in the content such as a period 
		gives a more consistent results across browsers.*/
		content: "clearing Element"; 
		display: block; 
		overflow: hidden;
		height: 0;
		clear: both; 
		visibility: hidden;
		}

* html #wrapper #main #m2 #m3 {
	background: transparent url("images/backerMid.gif") repeat-y 0px 160px;
}


#header {
		margin: 0;
		padding: 20px 0 0 0;
		width: 716px;
		height: 47px;
}

#logo {
		margin: 0;
		padding: 0;
		width: 251px;
}

#logo img {
	margin: 0;
	padding: 0 0 0 14px;
}

#slogan {
		margin: 0;
		padding: 0 6px;
		width: 400px;
		height: 41px;
		float: right;
}

#slogan img {
	margin: 0;
	padding: 0;
}

#mainContent {
		margin: 0;
		padding: 0;
}

	#mainContent:after{		 /*Having something in the content such as a period 
		gives a more consistent results across browsers.*/
		content: "clearing Element"; 
		display: block; 
		overflow: hidden;
		height: 0;
		clear: both; 
		visibility: hidden;
		}

#primary {
		margin: 0;
		padding: 0;
		width: 730px;
}
* html #primary {
	margin: 0;
}

	#lineDiv {
    margin: 0 0 0 10px;
    padding: 0;
    width: 243px;
    height: 40px;/*44*/
    float: left;
    background: transparent url("images/lines.gif") repeat-x left center;
	}
  * html #lineDiv {
    margin: 0 0 0 5px;
  }
		
	#globalDiv {
		margin: 0 0 0 270px;
		padding: 0;
		z-index: 1;
		width: 445px;
		height: 77px;
	}

#primaryContent {
	margin: -36px 0 0 0;
	padding: 0 20px 0 0;
	width: 710px;
	z-index: 101;
}

  #leftDiv {
      margin: 2px 0 0 10px;
      padding: 0;
      width: 243px;
      float: left;
  }
  * html #leftDiv {
   margin: 2px 0 0 5px;
  }
  
  #leftContainer {
      margin: 0;
      padding: 0 0 10px 0;
      width: 243px;
      background: transparent url("images/bottomBar.gif") repeat-x left bottom;
  }
  
  .primaryRight {
    margin: 0 0 0 270px;
    padding: 0;
  }




#contactDiv {
	margin: 0;
	padding: 0;
	width: 100%;
}


#scrollWrapper {
	margin: 0;
	padding: 0;
	width: 420px;
	height: 360px;
}

#leftSpacer {
		margin: 0 10px 0 0;
		padding: 0;
		width: 253px;
}

/* XXXXXBEGIN PROGRAMNAV STRUCTURE AND TEXT STYLES XXXXX */



#globalLink {
	width: 445px;
	height: 77px;
	background: url("images/navRoller.gif");
	margin: 0;
	padding: 0;
	
	top: 0;
	left: 0;
	z-index: 2;
}


#globalLink li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#globalLink li, #globalLink a {
	height: 77px;
	position: absolute;
}

#globalLink a {
	width: 100%;
	text-decoration: none;
}


/* XXXX END PROGRAM NAV STRUCTURE AND TEXT STYLES XXXX */




/* XXXX BEGIN PROGRAM NAV LINK GRAPHIC STYLES XXXX */


#services {
	top: 0;
	left: 0px;
	width: 84px;
}


#services a:hover {
	background: transparent url("images/navRoller.gif") -447px 0 no-repeat;
}


#services a.active {
	background: transparent url("images/navRoller.gif") -447px 0 no-repeat;
}


#team {
	top: 0;
	left: 84px;
	width: 77px;
}


#team a:hover {
	background: transparent url("images/navRoller.gif") -529px 0 no-repeat;
}


#team a.active {
	background: transparent url("images/navRoller.gif") -529px 0 no-repeat;
}


#clients {
	top: 0;
	left: 161px;
	width: 92px;
}


#clients a:hover {
	background: transparent url("images/navRoller.gif") -610px 0 no-repeat;
}


#clients a.active {
	background: transparent url("images/navRoller.gif") -610px 0 no-repeat;
}



#news {
	top: 0;
	left: 253px;
	width: 102px;
}


#news a:hover {
	background: transparent url("images/navRoller.gif") -700px 0 no-repeat;
}


#news a.active {
	background: transparent url("images/navRoller.gif") -700px 0 no-repeat;
}



#contact {
	top: 0;
	left: 357px;
	width: 94px;
}


#contact a:hover {
	background: transparent url("images/navRoller.gif") -804px 0 no-repeat;
}


#contact a.active {
	background: transparent url("images/navRoller.gif") -804px 0 no-repeat;
}


/* XXXXXXXXXXX END PROGRAM NAV LINK GRAPHIC STYLES XXXXXXXXXXXXXX */





/* XXXXXXX PRIMARY CONTENT TEXT STYLES XXXXXX */

#primaryContent img {
	margin: 0 0 4px 0;
	padding: 0;
} 


span.introPhrase {
	margin: 0;
	padding: 2px 6px;
	background-color: #879BA5;
	color: #FFF;
	font-weight: bold;
}




/* XXXXXXX CONTACT DIV TEXT STYLES XXXXXX */


#contactDiv p {
	margin: 0;
	padding: 0 0 2px 10px;
}

#primaryContent #contactDiv ul {
	list-style: none;
	list-style-type: none;
	margin: 1px 10px 14px 10px;
	padding: 0;
	width: 380px;
	font-size: .75em;
}

#primaryContent #contactDiv ul li {
	margin-bottom: 10px;
	padding-left: 14px;
	list-style: none;
	list-style-type: none;
	background-image: url("images/bullet.gif");
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 150%;
}

#primaryContent #contactDiv ul li.phone {
	margin: 2px 0;
	padding: 0 0 0 18px;
	list-style: none;
	list-style-type: none;
	color: #666;
	background: transparent url("images/phone.gif") no-repeat left center;
}

#primaryContent #contactDiv ul li.email {
	margin: 2px 0;
	padding: 0 0 0 18px;
	color: #7194A5;
	background: transparent url("images/email.gif") no-repeat left center;
}


#primaryContent #contactDiv ul li.vcard {
	margin: 2px 0;
	padding: 0 0 0 18px;
	color: #7194A5;
	background: transparent url("images/vcard.gif") no-repeat left center;
}

#primaryContent #contactDiv ul li a {
	margin: 0;
	padding: 0;
	color: #7194A5;
	text-decoration: none;
}

#primaryContent #contactDiv ul li a:hover {
	margin: 0;
	padding: 0;
	color: #7194A5;
	font-weight: bold;
}





/* XXXXXXX LEFT CONTAINER TEXT STYLES XXXXXX */


/* LEFT DIV TEXT STYLES */

#leftDiv h1 {
		margin: 0;
		padding: 0 0 6px 0;
		color: red;
		text-transform: uppercase;
		font-weight: normal;
		font-size: small;
}

#leftDiv img {
		margin: 0 0 8px 0;
		padding: 0 0 8px 0;
		border-bottom: 1px solid #E1E1E1;
}

#leftDiv img.noBorder {
		border-bottom: 0px solid #E1E1E1;
}




/* LEFT CONTAINER DIV STYLES */

#leftContainer img {
		margin 0;
		padding: 0;
		border-bottom: 1px solid #E1E1E1;
}

#leftContainer a {
		margin: 0;
		padding: 0;
		text-decoration: none;
}


#leftContainer ul {
	list-style: none;
	list-style-type: none;
	color: #000;
	margin: 2px 0;
	padding: 0;
	width: 220px;
	font-size: .8em;
	color: #333;
}

#leftContainer ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 12px;
	list-style: none;
	list-style-type: none;
	background-image: url("images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#leftContainer ul li.highlight {
	padding: 2px 0 2px 12px;
	list-style: none;
	list-style-type: none;
	background: #879BA5 url("images/bulletWhite.gif") no-repeat 4px 6px;
	color: #FFF;
	font-weight: bold;
}

#leftContainer ul li a {
	text-decoration: none;
	text-align: left;
	color: #333;
}

#leftContainer ul li a:hover {
	text-decoration: none;
	text-align: left;
	color: #CCC;
}

#leftContainer ul li.highlight a {
	color: #FFF;
}

#leftContainer ul li.highlight a:hover {
	color: #CCC;
}



/* XXXX INDEX PAGE STYLES XXXX */

#indexWrapper {
	margin: 80px 0 0 155px;
	padding: 0;
	width: 490px;
	height: 315px;
	background: transparent url("images/indexGraphic.png") no-repeat left top;
}

* html #indexWrapper {
	background: transparent url("images/indexGraphic.gif") no-repeat left top;
}

#indexWrapper a {
	margin: 0;
	padding: 0;
	width: 186px;
	height: 111px;
	position: absolute;
	top: 170px;
	left: 270px;
	background: transparent url("images/indexSplat.png") no-repeat left top;
	text-decoration: none;
}

* html #indexWrapper a {
	background: transparent url("images/indexSplat.gif") no-repeat left top;
}

#indexWrapper a:hover {
	background: transparent url("images/indexSplatOver.png") no-repeat left top;
	text-decoration: none;
}

* html #indexWrapper a:hover {
	background: transparent url("images/indexSplatOver.gif") no-repeat left top;
}


/*	XXXX CLIENT PAGE STYLES XXXX */

#clientContent {
	margin: 0;
	padding: 0 0 10px 0;
	width: 730px;
	background: transparent url("images/clientBottomBar.gif") no-repeat 10px 100%;
}

#clientContent .clientRow {
	margin: 0 0 18px 0;
	padding: 0 0 9px 0;
	width: 730px;
	background: transparent url("images/clientLogoLine.gif") no-repeat bottom left;
}

	#clientContent .clientRow:after{		 /*clear floats*/
		content: "clearing Element"; 
		display: block; 
		overflow: hidden;
		height: 0;
		clear: both; 
		visibility: hidden;
		}

#clientContent .clientRow img {
	margin: 6px 0px 4px 0px;
	padding: 0px;
	float: left;
}

#clientContent img.clients {
	margin: 0px 0px 0px 270px;
	padding: 0px;
	float: none;
}

#clientContent .clientRow p {
	margin: 6px 20px 0 280px;
	padding: 0;
	width: 425px;
}














/*	XXXX HFDScroll STYLES XXXX */

.hfdScroll { /* SETS POSITION OF THE SCROLLBAR */
	position: absolute;
	left: 390px;
	top: 40px;
	width: 18px;
}

.hfdScroll-btnUp, .hfdScroll-btnDn, .hfdScroll-extUp, .hfdScroll-extDn, .hfdScroll-thumb {	/* MAKES THE POISTION OF THESE ELEMENTS ABSOLUTE, N ONEED TO MESS WITH */
	position:absolute;
	left:0px;
}

/*.hfdScroll-extDn {
	top: -269px;
	clip: rect(10px 10px 1px 10px);
}*/

#hfdContainer { 
	margin: 0;
	padding: 0;
}

#hfdContent {
	margin: 0;
	padding: 10px 0;
}





/*.hfdScroll {
		left:680px;
		top:143px;
		width:18px;
		}*/