/* style mark-up */
body { 
	margin:0; 
	background:url(images/blk-bg.gif) repeat-y #666666;
	background-position:center;
	font:.7em Verdana, Arial, Helvetica, sans-serif;
	}
p { 
	margin-right:10px;
	}
/* main layout */
#container { 
	width:701px; 
	margin:0 auto; 
	background:#ffffff; 
	}
#containerBorder { 
	border-left:solid 1px #FFFFFF;   
	}
#header { 
	background:#000000; 
	position:relative; 
	height:95px; 
	}
#logo { 
	cursor:pointer; 
	width: 137px; 
	position:absolute; 
	top:13px; 
	left:21px; 
	display: block; 
	overflow: hidden; 
	font-size: 1px; 
	height: 0px; 
	padding-top: 
	66px; 
	background:url(images/logo.gif) no-repeat;
	}
#tag { 
	width: 267px; 
	position:absolute; 
	top:38px; 
	left:255px; 
	display: block; 
	overflow: hidden; 
	font-size: 1px; 
	height: 0px; 
	padding-top: 12px; 
	background:url(images/tag.gif) no-repeat;
	}
#contextualImage { 
	position:absolute; 
	top:2px; 
	left:547px; 
	width:153px; 
	height:92px; 
	}
#navigation { 
	position:relative; 
	width:699px; 
	height:17px; 
	z-index:99; 
	}
#banner { 
	height:192px; 
	position:relative; 
	}
#bannerContent {
position:absolute;
top:0;
left:0;
width:300px;
	height:190px; 
	overflow:auto;
	}
#bannerContent h2 { 
	margin:25px 0px 10px 21px; 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	color:#000000; 
	line-height:11px; 
	}
#bannerContent p{ 
	margin:0 0px 10px 21px; 
	}
#bannerHm {
position:absolute;
top:110px;
left:0;
	width:325px; 
	height:190px; 
	overflow:auto; 
	}
#bannerHm h2 { 
	margin:25px 0px 10px 21px; 
	font:small-caps 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000; 
	line-height:11px; 
	}
#bannerHm p{ 
	margin:0 0px 10px 21px; 
	}
#flash {
position:absolute;
top:0;
right:0; 
	width:400px; 
	z-index:5; 
	padding-top:2px; 
	}
#content { 
	background: url(images/drop-shadow.gif) top left repeat-x; 
	border-top:1px solid #6b6b6b;
	position:relative;
	margin-bottom:1px;
	}
/*#content ul { 
	list-style: none; 
	margin:0; 
	padding:0; 
	}
#content  li {  
	font-variant:normal; 
	padding:0 0 0 10px; 
	background-image: url(images/bullet.gif) no-repeat; 
	background-position: top left;
	}*/
#rightSide { 
	width:190px;
	position:absolute;
	top:0;
	left:0; 
	}
#subNav ul { 
	list-style: none;
	margin:0; 
	padding:0; 
	}
#subNav  li {  
	font-variant:normal;  
	padding:0; 
	margin:0; 
	_margin:-13px 0 -13px 0;
	background:none; 
	}
#subNav  li a { 
	text-decoration:none; 
	display:block;  
	padding:2px 0 2px 20px;
	}
#subNav  li a:link { 
	color:#000000;
	}
#subNav  li a:visited { 
	color:#000000; 
	}
#subNav  li a:hover { 
	color:#FFFFFF; 
	background:#666666; 
	}
#subNav { 
	background:#CCCCCC; 
	padding:15px 0 15px 0; 
	margin-right:8px; 
	 }
#subShadow { 
	position:absolute; 
	top:0; 
	left:182px; 
	width:8px; 
	height:165px; 
	background:url(images/side-drop-shadow.gif) no-repeat #ffffff;
	}
#text {  
	padding:0 0 25px 40px; 
	border-left:182px #CCCCCC solid;
	min-height:197px;
	_height:197px;
	}
#text h2 { 
	border-bottom:solid 1px #e02722;
	text-transform:uppercase;
	font-weight:normal; 
	font-size:18px;
	margin:10px 15px 10px 0;  
	}
#foot {  
	text-align:center; 
	font-size:9px; 
	color:#eb8c2f; 
	background:#000000; 
	padding:21px 0 20px 0; 
	}
#foot a { 
	color:#eb8c2f;
	}
/* team page */
#team p {
text-transform:uppercase;
font-weight:bold;
}
#team em {
display:block;
text-transform:none;
font-style:normal;
font-weight:normal;
}


/* non-portflio pages */
#nonBanner { 
	height:70px; 
	position:relative; 
	}
#nonBannerContent { 
	width:300px; 
	height:70px; 
	overflow:auto; 
	float:left;}
#nonBannerContent h2 { 
	margin:25px 0px 0px 21px; 
	font:small-caps 23px Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	}
#nonBannerContent p{ 
	margin:0 0px 24px 21px; 
	}
/* contact page */ 
#contactBanner { 
	height:125px; 
	position:relative; 
	}
#contactBannerContent { 
	width:300px; 
	height:125px; 
	overflow:auto; 
	float:left;
	}
#contactBannerContent h2 { 
	margin:10px 0px 5px 21px; 
	font:small-caps 23px Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	}
#contactBannerContent p{ 
	margin:0 0px 24px 21px; 
	}
#text-contact p { 
	margin:0 0 25px 15px;
	}
#text-contact h2 { 
	border-bottom:solid 1px #e02722; 
	font-variant:small-caps; 
	font-size:18px; 
	margin:10px 15px 10px 10px;  
	}

/* Home Page */
#flashHome { 
	position:absolute; 
	top:0; 
	left:335px; 
	z-index:95;
	}
	#bannerHome { 
	height:210px;
	background:url(images/orange-bg.gif) no-repeat;
	}

#contentHome { 
	background: url(images/drop-shadow.gif) top left repeat-x; 
	border-top:1px solid #6b6b6b;
	padding:23px 0 20px 0;
	text-align:center;
	}
#contentHome img { 
	margin-top:3px;
	}
#contentHome a { 
	color:#666666; 
	text-decoration:none;
	
	background-position:top left;
	}
#contentHome a:hover { 
	color:#000000;
	background-position:bottom left;
	}
.church {
background:url(images/churches.jpg) no-repeat;
width:64px;
height:57px;
display:block;
}
.shopping {
background:url(images/shopping.jpg) no-repeat;
width:117px;
height:57px;
display:block;
}
.health {
background:url(images/health.jpg) no-repeat;
width:81px;
height:57px;
display:block;
}
.financial {
background:url(images/financial.jpg) no-repeat;
width:66px;
height:57px;
display:block;
}
.retail {
background:url(images/retail.jpg) no-repeat;
width:85px;
height:57px;
display:block;
}
.corporate {
background:url(images/corporate.jpg) no-repeat;
width:147px;
height:57px;
display:block;
}
.restaurants {
background:url(images/restaurants.jpg) no-repeat;
width:80px;
height:57px;
display:block;
}
#footHome { 
	height:100%; 
	text-align:center; 
	font-size:9px; 
	color:#eb8c2f; 
	background:#000000; 
	padding:21px 0 20px 0; 
	position:relative;
	clear:both;
	}
#footHome a { 
	color:#eb8c2f;
	}
#logIn { 
	position:absolute; 
	top:16px; 
	left:620px; 
	text-decoration:none;
	}

/* classes */
.photoLeft { 
	float:left; 
	margin:0 0 10px 15px; 
	}
.photoRight { 
	float:right; 
	margin:0 15px 10px 0;
	}
.clear { 
	clear:both;
	}
.here { 
	color:#FFFFFF; 
	background:#666666; 
	display:block; 
	padding:2px 0 2px 20px; 
	}

/* drop downs
#nav { padding-left:0;  font-size:11px;  }

ul { list-style: none; padding:0; margin:0 ; }
li { float:left; position:relative; padding:0 0 3px 0; margin:1px 20px 1px 10px; font-variant:small-caps; }
.about {width:7.2em; display: none; position: absolute; top:100%; left:-10px; _left:-20px; background:#cccccc;   }
.service {width:8.3em; display: none; position: absolute; top:100%; left:-14px; background:#cccccc;   }
.industry {width:15em; display: none; position: absolute; top:100%; left:-14px;  background:#cccccc;   }
li>ul {top: auto; left: auto;  }
li li { margin:0; font-size:10px; display: block; float: none; background-color:transparent; font-variant:normal; border-right:1px solid #000000; border-left:1px solid #000000;}
.last { display: block; float: none; background-color:transparent; border-bottom:1px solid #000000; padding:0; }
.first { display: block; float: none; background-color:transparent; border-top:2px solid #000000; }
#nav li ul li a {  display: block; font-weight: normal; padding:1px 0 1px 5px; }
li:hover ul, li.over ul { display: block;}
li:visited ul{ display: block;}
li a:link { color: #000000;  text-decoration: none;}
li a:visited { color: #000000;  text-decoration:none ; }
li a:hover { color:#666666;  text-decoration:none ;}
li li a:hover { color: #FFFFFF;  text-decoration:none ; background:#999999;}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
.devider { margin:0 10px 0 10px; background:url(images/devider.gif) repeat-y; height:15px; }
End */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size:11px;
}

#nav a {
	display: block;
	color:#000000;
	text-decoration:none;
}
#nav a:hover {
color:#666666;
}
#nav li { /* all list items */
	float: left;
	font-variant:small-caps;
	padding:2px 11px 2px 5px;
	margin:0;
	background:none; 
}

#nav li ul { /* second-level lists */

	position: absolute;
	background:#cccccc;  
	border:1px solid #000000;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li{
padding:0;font-variant:normal;
}
#nav li ul li a {
padding:5px;
display:block;
}
#nav li ul li a:hover {
color: #FFFFFF;  text-decoration:none ; background:#999999;
}
.about {width:7.2em;  }
.about a { width:6.2em; }
.service {width:12em; }
.service a {width:11em; }
.industry {width:15em; }
.industry a {width:14em; }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* customer status */
table.customer-status { width: 100%; margin-bottom: 20px; }
table.customer-status td, table.customer-status th { padding: 5px 8px; }
table.customer-status td { border: 1px solid #efefef; }
table.customer-status th { background: url("../images/bg_grid_g.jpg") repeat-x #DCDCDC/*#E2EFFF*/; border: 1px solid #CDCDCD/*#C2DCFF*/; /*border-bottom: 1px solid #83B0EC*/; text-align: left; }
table.customer-status-row-alt td { background-color: #F6F6F6/*#EBF3FF*/; }