body	{
padding:0;
margin:0;
background-image: url('images/bg.gif');
background-repeat: repeat-x;
background-position: top; 
}
h1	{
font-family:georgia;
color:#555;
font-size:220%;
font-weight:normal;
padding:0;
margin:0;
}
h2	{
font-family:trebuchet MS;
font-size:90%;
margin:0;
padding:0;
}
h3	{
font-family:georgia;
font-size:110%;
font-weight:bold;
line-height:120%;
margin:0;
padding:0;
text-transform:uppercase;
}
h4	{
font-family:georgia;
font-size:90%;
margin:0;
padding:0;
}
.strap	{
font-size:90%;
}

td	{
font-size:70%;
}


A:link	{
	color:#44A58D;
	text-decoration: none;
}
A:visited	{
	text-decoration: none;
	color:#44A58D;
}

A:hover	{
	text-decoration: underline;
	color:red;	
}


#container	{
border:0px dashed red;
position:relative;
margin:0px 0 0px 0;
padding:0 0 0 0 ;
width:735px;
text-align:left;
font-family:trebuchet MS, arial;
color:#454545;
}

#logo	{
border:0px solid red;
width:730px;
text-align:left;
margin:10px 0 11px 0;
padding:0;
}

#leftbar	{
border:0px dotted blue;
float:left; 
display:inline;
width:140px; 
padding:10px 0px 0 0;
margin:0;
clear:both;
}


#rightbarHome{
border:0px solid lime;
float:right; 
width:200px;
line-height:120%;
margin-top:-160px;
}


#rightbar{
border:0px solid lime;
float:right; 
width:200px;
line-height:120%;
margin-top:8px;
}

#middle	{
border:0px dotted red;
font-family:trebuchet MS,arial;
font-size:76%;
margin:0px 220px 0 160px;
padding:10px 0 0 0px;
clear:none;
width:347px;
}
#middleHome	{
border:0px dotted red;
font-family:trebuchet MS,arial;
font-size:76%;
margin:0px 220px 0 160px;
padding:10px 0 0 0px;
clear:none;
width:347px;
}

.subNav	{
text-align:right;
font-size:75%
}

.selected	{
color:red;
font-weight:bold;
}






/* boxes  */

.boxtop	{
border:0px dashed blue;
width:199px;
font-size:1px;
height:6px;
margin:6px 0 0 0;
background:url( 'images/boxheaders/boxtop.gif' ) 0 0px no-repeat;
}

.boxWrapper	{
border:0px solid lime;
background: url(images/boxheaders/mainbg.gif) 100% 0 repeat-y; 
}
.boxcontent	{
border:0px solid lime;
padding:10px;
font-size:70%;
line-height:130%;
}
.boxcontent h3	{
border:0px dotted red;
font-family:georgia;
padding:0 0 0 0;
margin:-7px 0 4px 0;
color:#666;
}

.boxbott	{
border:0px dashed blue;
width:199px;
font-size:1px;
height:9px;
background:url( 'images/boxheaders/bottom.gif' ) 0 0px no-repeat;
}

/* end boxes  */








#footer	{	
border:0px dashed red;
border-top:1px solid #eee;
background:#FAF9F9;
width:100%;
text-align:left;
font-family:trebuchet MS, arial;
font-size:70%;
color:#666;
margin-top:20px;
}

#footerContent	{
padding:8px;
width:735px;
text-align:left;
}

#turtle	{
float:right;
}


#footer2	{	
border-top:1px solid #ccc;
background:#dfdfdf;
width:100%;
text-align:left;
font-family:trebuchet MS, arial;
font-size:70%;
color:#666;
}






/*contact us form*/
#label	{
float:left;
width:125px;
clear:both;
border:0px solid red;
padding-right:3px;
}
.formw	{
border:0px solid blue;
text-align:right;
}
.row	{
text-align:right;
}


#label1	{float:left;width:90px;clear:both;}
#label2	{float:left;width:90px;clear:both;}
#label3	{float:left;width:90px;clear:both;}





































/*NAv from http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html*/
#navcontainer {
	border:0px solid blue;
	position: relative;
	width: 733px;
	height: 29px;
	padding: 0px 0 0px 0;
	margin: 1px 0 0px 0;
	/*background: #ccc url(images/nav/row1.gif);	
	background:#fff;*/
	text-align:right;
	}

#nav {
	border:0px dashed lime;
	position: absolute;
	top: 0px;
	right: 0px;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0 0px;
	height: 29px;
	display: inline;
	overflow: hidden;
	width: 733px;
	/*background:#fff;*/
	text-align:right;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	border:0px dotted blue;
	float: left;
	padding:29px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -29px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -29px;
	
	}

	
	
#home a  {
	width: 72px;
	background: url(images/nav/home.gif) top left no-repeat;
	}	
#aboutus a  {
	width: 90px;
	background: url(images/nav/aboutus.gif) top left no-repeat;
	}
#services a  {
	width:86px;
	background: url(images/nav/services.gif) top left no-repeat;
	}

#casestudies a  {
	width: 110px;
	background: url(images/nav/casestudies.gif) top left no-repeat;
	}

#articles a  {
	width: 147px;
	background: url(images/nav/articles.gif) top left no-repeat;
	}

#contact a  {
	width: 100px;
	background: url(images/nav/contact.gif) top left no-repeat;
	}







hr{
border: none;
background-color: #ccc;
color: #ccc;
height: 1px; 
margin-top:-3px;
}
html>body hr {
border: none;
background-color: #ccc;
color: #ccc;
width: 100%;
margin-bottom:3px; 
margin-top:3px;
height: 1px; 
}






#home ul
{

list-style-type: none;
padding: 0;
margin: 0;
}

.home li
{border:1px solid red;
list-style-type: none;
background-image: url(images/arrow_1.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 20px;
}

.servicesContacts	{
border:2px dotted red;
padding:7px;
}

.hpageBullets	{
background-image: url(images/arrow_3.gif);
background-repeat: no-repeat;
background-position: 0 0.3em; 
padding-left: 1.2em;
padding-bottom:1em;
}

.imgFloatRight	{
float:right;
border:1px solid gray;
padding:4px;
margin:0 0 5px 0px;
}

.imgFloatLeft	{
float:right;
border:1px solid gray;
padding:4px;
margin:0 0 5px 5px;
}