body 
	{font-size:small; font-family:arial, helvetica, sans serif; text-align:center; 
	 background:#363f48 url(gfx/supreme_bkgd/outerWrap_tile.png) repeat-y center 0px; margin:0px; padding:0px;}/**/
 
*html body  
	{font-size: x-small;
	 f\ont-size:small; text-align:center;}

/*IMPORTANT CLASSES =====================================================*/

a.here /*used to change font color on active page*/
	{font-weight:bold !important;
     background-color: transparent !important;
     color:#7c82ff !important;}
	 
/*img {float:right; border:3px solid #57555f; padding:3px; margin:15px;}*/
	 
/*UNIVERSAL ===============================================================*/

#content h2 
  {font:230% trebuchet ms, Arial, Helvetica, sans-serif; padding:30px 0 15px 40px; color:#a5a9b4; border-bottom:4px solid #808E9E;
   margin:5px 5px 20px 5px; width:auto; background:#d0d4df url(/gfx/bkgd_content_pgTtls2.jpg) no-repeat 0 0;}
   
#content_pfolios h2 
  {font:230% trebuchet ms, Arial, Helvetica, sans-serif; padding:30px 0 15px 40px; color:#a5a9b4; border-bottom:4px solid #808E9E;
   margin:5px 5px 0 5px; width:auto; background:#d0d4df url(/gfx/bkgd_content_pgTtls2.jpg) no-repeat 0 0;}
   
#content_print h2 
  {font:230% trebuchet ms, Arial, Helvetica, sans-serif; padding:30px 0 15px 40px; color:#a5a9b4; border-bottom:4px solid #808E9E;
   margin:5px 5px 0 5px; width:auto; background:#d0d4df url(/gfx/bkgd_content_pgTtls2.jpg) no-repeat 0 0;}
   
#mntx_hm h2 
	{font:230% trebuchet ms, Arial, Helvetica, sans-serif; color:#4C4C56; 
	 background:url(/gfx/bkgd_tx_ttl.png) no-repeat 0 0; padding:30px 0px 10px 40px; margin:0;}
	 
h3  {font:150%  Arial, Helvetica, sans-serif; font-weight:bold; color:#1e3d93;}

p {font-size:100%;}
 
/* WRAP ===================================================================*/
#wrap {width:828px; text-align:center; margin:10px auto; border:solid 1px #53555F; background:#464750} 
#supreme_holder {width:820px; margin:4px auto 4px; border:solid 1px #363840; padding:0; background:#000;}/*supreme holders bkgd is gray*/

#flash_wrap {width:820px; margin:5px auto; border:solid 1px #363840; padding:0;}

/*HEADER =================================================================*/ 

#wrap_header 
	{height:100px;
	 width:auto;
	 margin:0;
	 background:#000 url(gfx/header_bkgd.png) repeat-x 0 100%;}/**/
	 
#header_logo 
	{float:left; height:80px; text-align:left; width:200px; margin:20px 0 0 30px; background:url(/logo/logo_web_title.png) no-repeat 0 0;}
 
#header_logo h1 {display:none; line-height:0;}
#header_logo h2 {display:none; line-height:0;}

/*`````````````````````````````````````````*/

#header_infoHolder {float:right; width:auto; height:100px; margin:0; padding:0;}

#header_contactInfo 
	{width:auto; text-align:right; margin:0; 
	font:130% eurostile, arial, Helvetica, sans-serif; font-weight:bold;}/* font-stretch:extra-expanded;*/
#header_contactInfo em {color:#880000; font-style:normal;}
#header_contactInfo p {color:#cccccc; margin:5px 20px 0 0;}

#header_flash {width:auto; margin:0;}

/*TITLE WRAP*====================================================================================*/

#wrap_title_pflo /*bkgd imgs on respective pgs.*/
	{clear:both; width:820px; height:25px; margin:0; padding:0; border-bottom:0px solid #E1E1E5; 
	 background:#000; text-align:left;}/**/
	 
#wrap_title_pflo img {margin:5px 0 5px 40px;}

#title_pflo {width:100%; height:30px; margin:0;}
	 
#wrap_title /*bkgd imgs on respective pgs.*/
	{clear:both; width:100%; height:45px; margin:0; padding:0; border-bottom:5px solid #E1E1E5; 
	 background:#C8C9D2 url(gfx/mnttl3.png) repeat-x 0 0px; text-align:left; }

#wrap_title img {margin:10px 0 5px 40px;}

/*MAIN TITLE ```````````````````````````*/

#title_main {font:120% Arial, Helvetica, sans-serif; font-weight:normal; margin:10px 20px 0; width:auto; padding:0; text-align:left;}
#title_main a{ display:inline; color:#fff; padding:0 5px; text-decoration:none;}
#title_main a:hover{text-decoration:underline;}
#title_main a.anterior {color:#808189; padding:0 0 0 5px;}/*border-right:1px solid #808189;*/
#title_main a.anterior:after {content:"   >";}

/*NAV TOP ======================================================================================*/

#nav_top 
	{height:30px; width:auto; margin:0; padding:0; background:#000 url(/gfx/nav_top_bkgd.png) repeat-x 0 100%; 
	 border-top:#5C5F66 solid 1px; border-left:#000 solid 1px; border-right:#000 solid 1px;}
#nav_top ul {margin:5px 5px 5px -30px; font:120% arial narrow, century gothic, Arial, Helvetica, sans-serif; font-weight:normal;}
#nav_top li {display:inline; margin:0; }
#nav_top a {color:#8C8C8C; padding:2px 14px; text-decoration:none;}
#nav_top a:hover {color:#ccc; text-decoration:none;}

/*FLASH 'UNDERCONSTRUCTION' MESSAGE HEADER ========================================*/

#header_tx {float:left; width:500px; height:100px; margin:0 10px;}
#underConstruction {float:left; width:500px; height:100px; margin:0px;}

/*============================HIDE 'GET FIREFOX'==================================*/

#get_ff {display:none; clear:both;}
 
/*MAIN SCREEN HM. PAGE ==========================================================*/

#wrap_mnscreen_hm 
	{width:820px; height:289px; margin:0; padding:0; background:url(/img/mnscreen_wds.jpg) no-repeat 0 0;}
	
/*MNSCREEN ----------*/

#mnscreen /*height set on pages*/
	{width:820px; margin:0; padding:0; height:144px; background:url(gfx/content_bkgd.png) repeat-x 0 0;}
 
#left 
	{float:left; width:263px; height:208px; margin:0; padding:0;}
	 
#center /*reconstruction message*/
	{float:left; width:266px; height:208px; margin-top:40px; padding:0; text-align:center; font:100% trebuchet ms, arial, helvetica, sans serif}	
#center p {color:#AE1426; margin:20px; padding:10px; width:auto; border:2px solid #fff;}
	 
#right 
	{float:right; width:263px; height:208px; margin:0; padding:0;} 
	
/*WEB SERVICES PG. ================================================================*/
 
#tab_holder.web_serv
	{margin:0 5px 20px 5px; width:auto; padding:0; text-align:center; background:#5185c4 url(/gfx/tab_bar_bkgd.png) repeat-x 0 100%;
	 border-top:1px solid #fff; border-left:1px solid #243167; border-right:1px solid #243167; height:33px; font:85% verdana, arial, Helvetica, sans-serif;}
	 
#tab_holder.web_serv a 
	{float:left; width:110px; height:auto; text-decoration:none; padding:4px 0; color:#fff; 
	 margin:5px 0 2px; text-align:center; font-weight:bold;}
	 
.navBdr_left {border-right:1px solid #6883AF;}
.navBdr {border-left:1px solid #40699B; border-right:1px solid #5C759B;}
.navBdr_right {border-left:1px solid #40699B;}	 

#wrap_folders.web_serv 
	{width:580px; padding:10px 0 40px 0px; margin:0 0 0 5px; text-align:left;
	 font:110% Arial, Helvetica, sans-serif;}/* background:url(/gfx/2ndlevel_content_bkgd3.jpg) no-repeat 0 100%*/

#wrap_folders.web_serv h3 
	{ margin:0; font-size:120%; width:575px; height:35px; color:#c5b8b9; padding:20px 0 0 65px;
	 font-weight:bold; background:url(/gfx/h3_bkgd2.png) no-repeat 0 0;} /*position:relative; top:-20px; left:-40px;*/
	 
#wrap_folders.web_serv p {font:100% Arial, Helvetica, sans-serif; padding:20px; margin:0 0 0 30px}	 

#wrap_folders.web_serv h4 {margin:0 0 -10px 50px;}

#wrap_folders ol {margin:-10px 0 0 30px; font:100% Arial, Helvetica, sans-serif;}
#wrap_folders li {margin:0;}
 
#Folder1.web_serv {z-index:14; position:relative; top:-30px; left:0; text-align:left; width:540px;}
#Folder2.web_serv {z-index:13; display:none; position:relative; top:-30px; left:0; text-align:left; width:400px;}
#Folder3.web_serv {z-index:12; display:none; position:relative; top:-30px; left:0; text-align:left; width:400px;}
#Folder4.web_serv {z-index:11; display:none; position:relative; top:-30px; left:0; text-align:left; width:400px;}
#Folder5.web_serv {z-index:10; display:none; position:relative; top:-30px; left:0; text-align:left; width:400px;} 

/*CONTENTS FOR OTHER PAGES ------------------*/

#content 
	{width:650px; float:right; margin:5px 0 0 0; border-right:#000 1px solid; border-left:#000 1px solid; padding:0 0 20px 0; text-align:left; 
	 background:#fff url(/gfx/bkgd_content_ptfolio.jpg) no-repeat 0px 0;}
	
#content_pfolios
	{width:660px; float:right; margin:25px 0 0 0; border-right:#000 1px solid; border-left:#000 1px solid; 
	 padding:0 0 20px 0; text-align:left; background:#fff url(/gfx/bkgd_content_ptfolio.jpg) no-repeat 0px 0;}/**/

#content.noSpace h2 {margin-bottom:0px; border-bottom:4px solid #808E9E;}

div.container /*graphic design pg.*/
	{width:580px; padding:0 0 40px 0; margin:0 0 5px 0px; text-align:left;}/*background:url(/gfx/container_bkgd.png) no-repeat 0 30px*/
	 
div.container h3 
	{margin:-20px 0 0 5px; border-top:0px solid #fff; font-size:120%; width:575px; height:35px; color:#c5b8b9; padding:20px 0 0 65px;
	 font-weight:bold; background:url(/gfx/h3_bkgd2.png) no-repeat 0 100%;}
	 
div.container h4 {margin:0 0 -10px 50px;}

div.container p {font:110% Arial, Helvetica, sans-serif; margin:10px 0 0 60px; width:400px;}

/*PRINT ================================================================*/

#content_print
	{width:659px; float:right; margin:25px 0 0 0; border-right:#000 1px solid; border-left:#000 1px solid; 
	 padding:0 0 20px 0; text-align:left; background:#fff url(/gfx/bkgd_content_ptfolio.jpg) no-repeat 0px 0;}/**/

#mntxPrint {margin:10px 0 0 25px; padding:80px 0 0 30px; height:240px; width:590px; background:url(img/cube_wds.jpg) no-repeat 0 0;}/**/
#mntxPrint p {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#000; width:270px;}

#print_options 
	{margin:10px 0 0 25px; padding:0px 0 80px 0; height:540px; width:613px; background:url(img/print_opt_contents.jpg) no-repeat -1px 100%;}

#print_options h3 
	{ color:#eee; margin:0 0 60px 0; width:auto; height:35px; padding:10px 0 0 30px;
	 font-weight:bold; background:#fff url(/img/print_ttls.jpg) no-repeat 0 0;}
#print_options h4 {color:#fff; margin:0 0 -5px 0; font:120% arial black, Helvetica, sans-serif; margin:0;}

#print_options dl {font-size:100%; margin:0 40px 10px 20px; width:250px;color:#A38F8B;}
#print_options dt {font:115% arial, Helvetica, sans-serif; margin:0; font-weight:bold;}
#print_options dd {font:115% arial, Helvetica, sans-serif; margin:0;}

#print_table_holder 
	{margin:10px 0 0 25px; padding:0 0 40px 0; text-align:center; width:613px;
	 background:url(img/print_items.jpg) no-repeat -1px 100%;}
#print_table_holder h3 
	{margin:0 0 20px 0; width:613px; height:35px; padding:10px 0 0 30px; color:#eee;
	 font-weight:bold; text-align:left; background:url(/img/print_ttls.jpg) no-repeat 0 0;}
#print_table_holder table {font:100% Verdana, Arial, Helvetica, sans-serif; color:#F4E8DC; width:auto; text-align:left; padding:0; margin:0 0 30px 40px;}
#print_table_holder td {padding:3px 10px;}

.float {float:left;}
.clear {clear:both;}

/*CONTACT ======================================================================*/

#mntx.contact {font-size:110%; margin:10px 0 0px 17px; padding:40px; width:540px; height:230px; background:url(/img/bkgd_woman.jpg) no-repeat 0 0;}

#content.contact h2 
  {font:230% trebuchet ms, Arial, Helvetica, sans-serif; padding:30px 0 15px 40px; color:#a5a9b4; border-bottom:4px solid #808E9E;
   margin:5px 5px 0 5px; width:auto; background:#d0d4df url(/gfx/bkgd_content_pgTtls2.jpg) no-repeat 0 0;}

#mntx.contact p {margin:0px; width:auto; color:#000;}
#mntx.contact strong {font-size:130%; font-weight:bold;}
#mntx.contact a {color:#000033; margin:0; text-decoration:underline;}
#mntx.contact a:hover {color:#CC6600; margin:0; text-decoration:underline;}
	 	
/*CLIENT LIST PAGES =========================================================*/
/*IDENTITY TABLE*/

#id_tbl_bkgd {clear:both; width:820px; height:144px; margin:0 0 -20px 0px; padding:0; background:#dfe2e3 url(/flash/title_imgs/client_list.jpg) no-repeat 0 0;}
#id_tbl_holder
	{width:auto; text-align:left; font-size:100%; margin:0; height:100px; padding:10px; 
	 border-top:0px solid #000; border-left:0px solid #8F1F34; border-right:0px solid #8F1F34;}/**/
	
#id_tbl_holder table
	{width:auto; padding:0; margin:0 0 0 0px; height:60px;
	 }/*background:url(gfx/bkgd_clientList_cubes.png) no-repeat 0 0; */

#id_tbl_holder table.spacer td {padding:2px 13px;}
	 
#id_tbl_holder caption 
	{font:93% arial, helvetica, sans serif; margin:0; width:680px; height:10px; text-align:left; font-weight:bold;
	 color:#E5E6EC; }/*background:#fff url(gfx/bkgd_clientList_topCnrs.png) no-repeat 0 0;*/
#id_tbl_holder td 
	{padding:0px 13px; font-weight:bold; height:0px; margin:0px; font:103% arial narrow, arial, helvetica, sans serif; text-align:left;}
 
#id_tbl_holder a {color:#020826; margin:0px; text-decoration:none;}
#id_tbl_holder a:hover {color:#FD0629; text-decoration:none;}

/*CONTENT =========================================================*/

#content_holder {width:820px; margin:0; padding:0;}/*border-top:1px solid #000;*/

/*HOME PAGE*==================================*/

#content_hm 
	{width:640px; float:right; margin:5px 0 0 0; border-right:#000 1px solid; border-left:#000 1px solid; text-align:left; background:#232426 url(/gfx/bkgd_content.png) no-repeat 0 0;}
	
#mntx_hm {margin:20px 0 20px 20px; padding:0 0 50px 0; width:593px; background:url(/gfx/bkgd_tx2.png) no-repeat 0 100%;}
#mntx_hm h2 {color:#4C4C56; background:url(/gfx/bkgd_tx_ttl.png) no-repeat 0 0; padding:30px 0px 10px 40px; margin:0;}
#mntx_hm p {color:#4C4C56; margin:0px 40px 30px 40px; font-size:110%;}

/*SAMPLES&SOLUTIONS*/
#wrap_folders 
	{float:left; width:340px; padding:30px 0 0 0; margin:0 0 70px 30px; text-align:center;}
.caption
	{font:100% verdana, helvetica, sans serif; color:#ccc; text-align:center;
	 font-weight:bold; margin:0 0 3px 10px; text-transform:lowercase;}
.first {margin:0; border-bottom:4px solid #eee; padding:0 0 15px 0;}
.second {padding:10px 0; margin:0px; opacity:0.2;}
.second:hover {opacity:1.0;}
.only {margin:0; padding:15px 0;}
.only2 {margin:0; padding:30px 0 15px;}
.buscd_f {margin:0 0 5px 0; padding:0;}
.buscd_b {padding:0; margin:0}

#Folder1 {z-index:14; display:block; width:300px;}
#Folder2 
	{z-index:13; display:none; text-align:center; position:relative;
	 top:-20px; left:0; margin:0; width:300px;}
#Folder3 {z-index:12; display:none; position:relative; top:-30px; left:0;}
#Folder4 {z-index:11; display:none;}
 
#solutions {float:right; width:220px; margin:20px 50px 90px 10px;}

#cl_look_button 
	{margin:0 0 20px 0; width:211px; height:41px; background:url(/gfx/clientlist_LookButton.png) no-repeat 0 0;}
 	
#solutions h3 {font:200% times, serif; margin:0; text-align:left; width:100%; padding:0; text-transform:capitalize;}/*same font as caption*/
#solutions h3.space_top  {margin-top:30px;}/*adds top margin to second h3 elem1ent*/
#solutions p {font:100% arial, helvetica, sans serif; margin:0 0 30px 0; width:100%; padding:0;}
 
#solutions div a.link1:link 
	{ display:block; font:115% arial, helvetica, sans serif; width:auto;
	  padding:5px 5px 5px 20px; color:#4A81CD; text-decoration:none; border-bottom:1px dotted #C9C9CE;
	  background:url(http://www.icedinteractive.com//gfx/link_img.png) no-repeat 0 center; }
	  
#solutions div a.link1:visited
	{background:url(/gfx/link_img.png) no-repeat 0 center; display:block; font:115% arial, helvetica, sans serif; width:auto;
	  padding:5px 5px 5px 20px; color:#4A81CD; text-decoration:none; border-bottom:1px dotted #C9C9CE;}
 
#solutions div a.link1:active {background:url(http://www.icedinteractive.com//gfx/link_img_glow.png) no-repeat 0 center; text-decoration:underline;}
 
#solutions div a.link1:hover {background:url(http://www.icedinteractive.com//gfx/link_img_glow.png) no-repeat 0 center; text-decoration:underline;}
 
#solutions div a.linked:link {background:url(http://www.icedinteractive.com//gfx/link_img_glow.png) no-repeat 0 center;}
 
#solutions div a.linked:hover {background:url(http://www.icedinteractive.com//gfx/link_img_glow.png) no-repeat 0 center;}
 	 
#solutions a img {border:0; width:11px; height:13px; margin:2px 5px -2px 0}

#subtitle {display:block; margin:0 0 0 0; padding:0; width:150px; height:40px; background:#458DC9;}
#subtitle p {font-weight:bold; color:#fff; padding:2px 20px;}

/*LEFT NAVIGATION =====================================================*/

#column_left
	{float:left; width:140px; margin:0; padding:0; height:300px; border-top:0px solid #22375D;}
	 
#nav_L {width:140px; margin:50px 0 0 20px; text-align:left; font:115% eurostile, arial, helvetica, sans serif; font-weight:bold;}
	
#nav_L a 
	{display:block; width:auto; margin:0; height:23px; color:#5A5A66; text-decoration:none;}
#nav_L a:hover {text-decoration:none; color:#fff;}

/*LEFT NAV PORTFOLIO PAGES ------------*/
#nav_L2 {width:140px; margin:30px 0 0 20px; text-align:left; font:115% eurostile, arial, helvetica, sans serif; font-weight:bold;}
	
#nav_L2 a 
	{display:block; width:auto; margin:0; height:23px; color:#5A5A66; text-decoration:none;}
	
#nav_L2 a:hover {text-decoration:none; color:#fff;}

#nav_L2.margin_top ul {margin-top:0px;}	

/*LEFT NAV PORTFOLIO PAGES ------------*/
#nav_L2 {width:140px; margin:30px 0 0 20px; text-align:left; font:115% eurostile, arial, helvetica, sans serif; font-weight:bold;}
	
#nav_L2 a 
	{display:block; width:auto; margin:0; height:23px; color:#5A5A66; text-decoration:none;}
	
#nav_L2 a:hover {text-decoration:none; color:#fff;}

#nav_L2.margin_top ul {margin-top:0px;}		 

/* SECOND TIER ``````````````````````````````````````````````````*/
#services a {width:130px; color:#A4601C; margin:0 0 0 5px; height:20px; text-align:left; font:90% arial-narrow, arial, helvetica, sans serif; font-weight:normal;}
#services a:hover {text-decoration:none; color:#fff;}	

#portfolios a {width:130px; color:#A4601C; margin:0 0 0 5px; height:20px; text-align:left; font:90% arial-narrow, arial, helvetica, sans serif; font-weight:normal;}
#portfolios a:hover {text-decoration:none; color:#fff;}

/* WEB PORTFOLIO ==========================================================*/
.pfolio_web 
	{clear:both; width:620px; margin:0; text-align:left;
	 border-bottom:#eee 4px solid; border-top:#e6dbdb 4px solid; padding:0 0 0 30px;} 
.pfolio_web img {float:left; margin:40px 40px 0 0;} 
.pfolio_web p {float:right; width:240px; margin:30px 20px 30px 10px; font:80% Arial, Helvetica, sans-serif;} 
.pfolio_web a 
	{margin:0 0 30px 0px; font:140% Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold; color:#C49D02; text-decoration:none;} 

/*BOTTOM ==========================================================*/

#wrap_bottom 
	{clear:both; width:auto; height:170px; font-style:normal; margin:0; padding:0; text-align:center; background:#262830}/*url(/gfx/btm_tile.png) repeat-x 0 100%;*/
 
#infobar 
	{height:35px; padding:0; width:auto; margin:0; color:#848484; border-top:1px solid #64666d; 
	 border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;
	 font:88% verdana, arial, helvetica, sans serif; font-style:normal;
	 text-align:center; font-weight:bold; background:#000 url(/gfx/btm_bar.png) repeat-x 0 0px;}/**/
	 
/*INFOBAR UL'S*/
#infobar ul 
	{height:35px; margin:2px 0 0 0; padding:8px 0; list-style:none; text-align:center;}
	 
#infobar a 
	{text-decoration:none; height:29px; padding:3px 12px; color:#848484;}

#infobar li {display:inline; height:35px; margin:0;}

#infobar li.flash_dnload {float:right; margin:-25px 20px 0 0px; padding:0px; border:0;}
#infobar li.flash_dnload a{ margin:0; padding:0px; border:0;}
#infobar li.flash_dnload a:hover {margin:0; padding:0px; border:0;} 

/*BOTTOM PANEL*/
#btm_panel 
	{width:auto; height:135px; margin:0; padding:0; text-align:center; background:#000 url(gfx/bkgd_btm_panel.png) repeat-x 0 0;
	 border-bottom:1px solid #3d3f47; border-top:1px solid #3d3f47; border-left:1px solid #000; border-right:1px solid #000;}
 
/*FOOTER ==========================================================*/
#footer 
	{font-size:90%; clear:both; width:auto; height:25px; padding:3px 20px; font-style:normal; 
	 margin:-8px 0 0 0; background:#000; text-align:center; border-top:1px solid #222326;}
	 
#copyrite {float:right; margin:-10px 0 0 0; width:auto;}
#copyrite p {color:#555763; padding:3px 0 7px;}

#btm_info {float:left; font:100% century gothic, Arial, Helvetica, sans-serif; width:auto; margin:0 10px 0 0; text-align:center;}
#btm_info a {display:inline; color:#555763; padding:0 5px; text-decoration:none; border-right:1px solid #1f2022;}
#btm_info a:last-child { border-right:0px solid #000;}
#btm_info a:hover {color:#c9c9d2; text-decoration:none;}
 
/*FIXES & HACKS ==========================================================*/
.clearfix:after {
    content: ".";              
	display: block;    
    height: 0;          
    clear: both;  
    visibility: hidden;}  
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}.conents {
	background-image: url(/gfx/bkgd_content.png);
}