body {
	font-family: Arial, helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: #336699 url(images/bg_grid.gif);
	font-size:62.5%;
	color: #333;
}


/* --Containers --*/

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 129px;
	background: url(images/bg_header.jpg);
}

#header_home {
	position: relative;
	height: 204px;
	background: url(images/bg_header_home.jpg);
	background-image: url(images/home_header_plus.gif);
}

#header_extranet {
	position: relative;
	height: 129px;
	background: url(images/bg_header_extranet.jpg);
}

#main {
	position: relative;
	float: left;
	background: #fff url(images/bg_main.gif);
	width: 960px;
}


#content {
	position: relative;
	float: left;
	width: 430px;
	margin-top: 30px;
	left: 100px;
}

#content_home {
	position: relative;
	float: left;
	width: 430px;
	margin-top: 62px;
	left: 89px;
}


#sidebar {
	position: relative;
	float: right;
	width: 246px;
	margin-top: 40px;
	right: 66px;
}

#footer {
	clear:both;
	background: url(images/bg_footer.gif);
	height: 28px;

}

#copyright {
	margin: 10px 0 10px 0;
	color: #ccc;
	font-size: 1.1em;
}

#popup {
	background: #EBFBD7;
	margin: 0;
	padding: 0;
	height:1000px;
}

#align_popup {
	width: 400px;
	margin: 0 auto
}




/*navigation*/


#nav {
	position: absolute;
	float: right;
	right: 40px;
	top: 25px;
}


#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li  {
	float: left;
	display: block;
	background: url(images/bg_nav.gif) top right no-repeat;
	font-size: .9em;
		letter-spacing: .2em;
}

#nav li.no_bg  {
	background: url(images/clear.gif) top right no-repeat; 
}

#nav a  {
	margin: 0 12px 0 12px;
	color: #fff;
}

#nav a.nav_on  {
	color: #99CC66;
}

#nav a:hover  {
	color: #99CC66;
}
  
#nav li.nav_extranet  {
	background: url(images/clear.gif) top right no-repeat; 
	color: #fff;
}  

/*list elements*/

ul {
	font-size: 1.2em;
	line-height: 1.4em;
  	margin: 0;
  	padding: 0 0 0 1.3em;
  	margin-bottom: .9em;
  	color: #999
}

li {
	 padding: .3em 0 .3em 0;
	 margin: 0;
}

.list {
	color: #333;
}

#content ul {
	font-size: 1.2em;
	line-height: .9em;
}

/* logo */

h1 {
	font-size: 1.6em; 
	color: #663300; 
	font-weight:bold;
	padding: 0 0 .2em 0;
	margin: 0;
}

h2 {
  margin: 0;
}

h2.subs a {
 	background: white url(images/logo.gif) top left no-repeat;
 	position: relative;
	top: 47px;	
	display:block;
	overflow:hidden;
	background-color: transparent;
	width: 50px;
	margin: 0 0 0 119px;
	padding: 50px 0 0 0;
	height: 0px;
}

h2.extranet a {
 	background: top left no-repeat;
 	position: relative;
	top: 41px;	
	display:block;
	overflow:hidden;
	background-color: transparent;
	width: 120px;
	margin: 0 0 0 70px;
	padding: 50px 0 0 0;
	height: 0px;
}

/*fonts*/
h3 {
	font-size: 2em; 
	color: #663300; 
	font-weight:normal;
	margin-bottom: .5em;
}
h4.top {
	font-size: 1.5em; 
	color: #7B9165;
	margin: 0 0 3px 0;
	padding-bottom: 3px;
}

h4 {
	font-size: 1.5em; 
	color: #7B9165;
	margin: 30px 0 2px 0;
	padding-bottom: 3px;
}

h5{
	font-size: 1.2em; 
	color: #663300; 
	font-weight:normal;
	margin-bottom: 0;
	padding-bottom: 0;
}
.copyright {
	font-weight:bold; 
	color: #fff;
}
p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 .7em 0;
}
.clienttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
}

.sidebarP {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 .5em 0;
}
a { color: #006699;
	text-decoration: none;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
}

a:hover {
	text-decoration: none;
	color: #99CC66;
}

a:active {
	color: #006699;
}

td {
	font-size: 1.2em;
	line-height: 1.5em;
}

td.small {
	font-size: 1.0em;
	line-height: 1.5em;
	color: #669966;
}

a.extranet_td:visited {
	color: #669966;
}

a.extranet_td:link {
	color: #669966;
}

a.extranet_td:hover {
	color: #006699;
}

/*home page elements*/

.home_entry_bubble_icon {
	margin: 0 0 2.6em 0;
	padding-left: 16px;
	background: url(images/icon_comment.gif) top left no-repeat;
	background-position: 0 3px;
}

.home_entry_star_icon {
	margin: 0 0 2.6em 0;
	padding-left: 16px;
	background: url(images/icon_star.gif) top left no-repeat;
	background-position: 0 3px;
}
.carrot {
	font-size: 1em;
}
.date {
	font-size: 1em;
}

.dashes {
	background: url(images/bg_dashes.gif) top left no-repeat;
	height:3px;
	font-size: 2px;
	margin-bottom: 2px;
	padding-bottom: 0;
}

/*about page elements*/

.about_entry {
	float: left;
	margin: 0 0 2.6em 0;
	padding-left: 2px;
}

.about_image {
	float: left;
	width: 126px;
	margin: 3px 0 0 0;
}

.about_copy {
	float: right
	width: 310px;
	margin: 0 0 0 126px;
}

/*case studies page elements*/

.case_box {
	border-top: thin dashed #ccc;
	border-bottom: thin dashed #ccc;
	width: 430px;
	height: 33px;
	background: url(images/bg_case_studies_line.gif) top left no-repeat;
	margin: 10px 0 20px 0;
}


.icon {
	float: left;
	margin-top: 9px;
	margin-left: 5px;
}

* html .icon {
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}


.case_copy {
	margin: 7px 0 0 36px;
}

.case_on {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #663300;
}

.case_off {
	font-size: 1.2em;
	line-height: 1.6em;
}

/*extranet*/

* html #extranet_login_topmid {
	background: url(images/bg_extranet_login_topmid.gif) top left repeat-y;
	width: 246px
	margin: 0;
	padding: 8px 0 0 0;
}

#extranet_login_topmid {
	background: url(images/bg_extranet_login_topmid.gif) top left repeat-y;
	width: 246px
	margin: 0;
	padding: 28px 0 0 0;
}


.extranet_table {
	margin: 0 0 0 24px;
}