/*Portfolio*/
BODY { 
	color:#DBDAE9 !important;
}
A:link    { color:#DBDAE9 !important;}
A:visited { color:#B1B1C7 !important;}
A:hover   { color:#FFF !important;}
A:active  { color:#DBDAE9 !important;
}
H1, H2, H3 {
	color:#DBDAE9 !important;}
H3 {
	border-color:#DBDAE9 #DBDAE9 !important;
}
LI {
	list-style-image:url(/images/portfolio/content/bullet.gif) !important;
}
#head2 {
	background:#FFF!important;}
#logo {
	background:url(/images/portfolio/interface/but_logo1.gif) !important;}
#head3 {
	background:url(/images/portfolio/interface/head.gif) no-repeat !important;}
#head4Left {
	background:url(/images/portfolio/interface/head1a.gif) !important;}	
#head4Right {
	background:url(/images/portfolio/interface/head.jpg) !important;}	
#contentUnitBack {
	background:url(/images/portfolio/interface/til_page.gif) repeat-y !important;}
#colLeftBack {
	background:url(/images/portfolio/interface/til_content-left.gif) no-repeat left top !important;}
#colLeft {
	background:url(/images/portfolio/interface/til_page.gif) repeat-y !important;}
#colCenter {
	background:#333d5d url(/images/portfolio/interface/til_corner_content-up.gif) no-repeat left top !important;}
#colRight {
	background:#4c5571 !important;}
#endPage {
	background:url(/images/portfolio/content/end.gif) !important;}
#target {
	background:url(/images/portfolio/interface/target_bot.gif) no-repeat !important;}

.navSub  {
	text-align:center;
	margin:0 0 25px;
}
.button A, .button A:link, .button A:visited, .button A:active { 
	font:bold 11px Arial, Helvetica, sans-serif !important; color:#DBDAE9 !important;
	margin:0 2px !important; padding:1px 5px !important;
	border:solid 1px #DBDAE9 !important; 
	background:#333D5D !important;}
.button A:hover   {
	color:#333D5D !important; 
	background:#DBDAE9 !important;
}
INPUT.customButton {
	color:#DBDAE9;
	border:solid 1px #DBDAE9;
	background-color:#333D5D;
}
.textLeft, .textLeft A:link, .textLeft A:visited, .textLeft A:active {
	color:#DBDAE9 !important;}
.textLeft A:hover   {
	color:#FFF !important;
}
.cap:first-letter {
	color:#DBDAE9 !important;
}






.p7tbsub {
	color:#000 !important;
	background-color:#333D5D !important;}
.p7tbdn            {color:#FFF !important;}
.p7tbsub A:link    {color:#FFF !important;}
.p7tbsub A:visited {color:#FFF !important;}
.p7tbsub A:hover   {color:#000 !important; background-color:#B9C1DA !important;}
.p7tbsub A:active  {color:#FFF !important; background-color:#333D5D !important;
}










.tableGrid {
	width:100%;
	margin:20px 0 0;
	clear:both; }
.tableGrid TH {
	font-size:9px; font-weight:normal;
	text-align:center; line-height:normal;}
.tableGrid TD {
	font-size:9px;
	text-align:center; vertical-align:middle;
	height:25px;
}
.sampleWeb { 
	padding:30px 0 0; margin:0;
	height:120px; width:200px;
	background:url(/portfolio/samples/web/images/back.gif);
}
.tableSamples {
	font-family:Verdana, Arial, Helvetica, sans-serif; color:##DBDAE9; 
	width:100%;
	background:#333D5D;}
.tableSamples .tableHead {
	font-size:14px; font-weight:bold;
	text-align:center; line-height:normal;
	padding:10px 0;
	height:40px;
	background:url(/images/portfolio/interface/til_back.gif);}
.tableSamples TH {
	font-size:10px;
	text-transform:uppercase; vertical-align:top;
	width:40%;
	padding:20px 15px 0 15px;}
.tableSamples TD {
	vertical-align:top;
	width:60%;
	padding:20px 10px 0 0;
}
.film {
	width:100px;
	padding:0 10px;
	background-image:url(/images/portfolio/content/holes.gif);
}