/* TAGS 

employ hack as necessary for width IE5 problems:
	\width: 700px;   adjust with padding and margin = margin: + padding: 
	w\idth: 700px;

*/

#contet-home div {border:1px solid red}

body {  
	font: 9pt/16pt Arial, Verdana, Sans-serif;
	color: #000; 
	background-color: #fff; 
	margin: 0px;
	border: 0px;
	padding: 0px;
}

h1 {
	font:20px Verdana, Arial, Sans-serif;
	color:#A2A8AC;
}


h2 {
	font:13px Verdana, Arial, Sans-serif;
	color:#c33;
	letter-spacing:.08em;
}

p {
	font:11px Verdana, Arial, Sans-serif;
	color:#000;
}

li {
	font:11px Verdana, Arial, Sans-serif;
	color:#000;
}

a:link {
	color:#000;
}

a:visited {
	color:#252525;
}

a:hover {
	color:#333;
}


/* LAYOUT 
-------------------------------------------------- */
#container {
	position:absolute;
	margin-top:0;
	width:799px;
	\width: 799px;
	w\idth: 799px;
	background-color:#fff;
	border-right: 1px solid #c33;
}

#content {
	position:relative;
	padding:0 20px 60px 62px;
	margin-top:80px;
	background-color: #fff;
}

#nav {
	position:absolute;
	margin:0;
	padding:0;
	color: #fff;
	background:#fff; /* CHANGED FROM #c33 AS RANDY DESIGNED IT BECAUSE OF PC EXPLORER ISSUES */
}


#header {
	position:relative;
	margin:0;
	padding:0;
} 

#banner-txt {
	margin:15px;
}


#case-study {
	padding-top:45px;
	padding-left:30px;
	width: 190px;
	vertical-align:top;
}

#case-study-title {
	background-color: #DDE0E5;
	color: #c33;
	padding:5px;
}	

#case-study-body {
	background-color: #DDE0E5;
	color: #c33;
	padding:10px;
	background-color: #F2F3F7;
}	

#footer {
	padding: 5px;
	background-color: #fff;
	border-top: 1px solid #c33;
	border-bottom: 1px solid #c33;
	clear:both;
	text-align:center;
	font-size:.90em;
	line-height:1.2em;
	color:#666;
}

#footer a:link, #footer a:visited {
	color:#666;
	text-decoration:none;
}		
	
#footer a:hover {
	color:#666;
	text-decoration:underline;
}		


/* @SECTION
------------------------------------------------------- */

.section-grid01 {
	width: 425px;
	margin:30px 0 0 0;
}

.section-grid01 img {
	margin-right:10px;
}

.section-grid01 td {
	padding:0 0 0 0;
	margin:0;
	vertical-align:top;
}

.section-grid01 h2 {
	margin:0;
}

.section-grid01 .tell-more {
	float:right;
}


.section-grid02 {
	margin:0;
}

.section-grid02 img {
	margin-right:10px;
	margin-top:5px;
}

.section-grid02 td {
	vertical-align:top;
}

.section-grid02 h2 {
	margin:50px 0 15px 0;
}


.section-grid03 {
	width:380px;
	margin-right:50px;
	font:11px Verdana, Arial, Sans-serif;
	color:#000;
}

.section-grid03 .top-row {
	background-color:#CDD1DA;
}

.section-grid03 .other-rows {
	background-color:#ECEDF1;
}

.section-grid03 td {
	padding:3px 12px;
}

.section-grid03 .right-col {
	width:280px;
}


.section-grid04 {
	width:240px;
	font:11px Verdana, Arial, Sans-serif;
	color:#000;
	background-color:#ECEDF1;
}

.section-grid04 .left-col {
	color:#c33;
}

.section-grid04 td {
	padding:10px 12px;
	border-right:2px solid #fff;
}

.section-grid04 a:link, .section-grid04 a:visited {
	color:#000;
	text-decoration:none;
}

.section-grid04 a:hover {
	text-decoration:underline;
}

/* @HOME
------------------------------------------------------- */

#home-flash {
	margin-top:8px;
}

#container-home {
	position:absolute;
	margin-top:0;
	width:799px;
	background-color:#fff;
	border-right: 1px solid #c33;
}

#cotainer-b {
}

#content-home {
	position:relative;
	padding:0 0 0 62px;
	margin-top:80px;
	margin-right:240px;  /* MAY NEED TO RE-INSERT, VIEW CROSS-BROWSER */
	background-color:#fff;
}

#home-content-wrapper {
	padding:5px;
	width:380px;
}
		

#rightcol {
	float: right;
	width: 240px;
	\width: 240px;
	w\idth: 240px;
	margin-top: 80px;
	background-color: #F2F3F7;
}

#rightcol #date {
	font-size:90%;
	text-align:center;
}

#rightcol h2 {
	font:12px Verdana, Arial, Sans-serif;
	color:#AC3E31;
	margin:0;
	padding:0;
}

#rightcol .title {
	background-color:#DDE0E5;
	padding:5px;
}


#rightcol p {
	font:10px Verdana, Arial, Sans-serif;
	color:#000;
}

#rightcol .detail {
	padding:5px 10px;
}

.tell-more {
	border:1px solid #AC3E31;
	padding:4px;
	margin:0;
	text-align:right;
}

.more {
	font-size:90%;
}

.more a:link, .more a:visited {
	text-decoration:none;
	color:#AC3E31;
}

.more a:hover {
	text-decoration:underline;
}


/* IMAGES
--------------------------------------------------------- */

#home-main-image {
	padding:0px 30px 10px 0;
	border:0;
}

#logo {
	float:left;
	margin-top:20px;
}


/* NAV 
-------------------------------------------------------- */  

.nav-brdr {
	border-left:1px solid #DDE0E5;
}

.nav-brdr-2 {
	border-left:1px solid #DDE0E5;
	border-right:1px solid #DDE0E5;
}


/*
#navcontainer {
	position:relative;
	margin-left: 30px; 
}



#navlist
{
list-style: none;
padding: 0;
margin:25px 0 0 350px;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}



#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

IE workaround
All IE browsers
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

Win IE browsers - hide from Mac IE\
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

Mac IE 5
* html #navlist li:first-child { border-left: 0; }  

*/


/* LINKS 
--------------------------------------------------------- */

#banner a:link, #banner a:visited {
	text-decoration: none;
	color: #DFE8D5;
}

#banner a:hover {
	text-decoration: underline;
}
	
#bread-crumb {
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 20px 0 0;
	text-align:right;
}

.returntop {
	text-align: right;
	font-size: 10px; 
}