html, body, h1, h2, h3, h4, ul, li, p { margin: 0; padding: 0;  }

body { background: #141414 url(bg.gif) repeat-x;  font: .76em  Arial, Tahoma, Helvetica, Verdana, Arial, sans-serif; color: #797979;
       text-align:center;  /* keep this for incomp. browsers  */ margin:29px 0 0 0; }

a   		{ color:#64B8D2; text-decoration:none; padding:1px; background: transparent url(pink_underline.gif) repeat-x 0 bottom; }
a:visited   { color:#64B8D2;/* background: transparent url(bg_line.gif) repeat-x 0 bottom; */}
a:hover     { background: transparent url(blue_underline.gif) repeat-x 0 bottom; color:#EF037F; }
a:focus     { -moz-outline: none -moz-mac-focusring; }
a.noback, a.noback:visited, a.noback:focus { color:#4B61A9;  background:none; }
a.noback:hover { color: #6699CC;  background:none; }
a.smalllink	{ font-size:.85em; }

p.hm 			{ margin: 42px 19px 35px 0; padding: 0; position:relative; z-index:30; }
p.first			{ margin-top: -25px; }
img.tag   		{ width: 239px; height: 28px; margin: 6px 0 0 225px; }
img.emblem 		{ position:absolute; top: -15px; left: 660px; height:130px; width:131px; }
img.confetti 	{ position:absolute; top:20px; left: 32px; }
#container img.corner	{ position:absolute; left:9px; bottom:-5px; }
#header img.tag_sm  { position:relative; width: 221px; height: 25px; margin: 6px 0 0 120px; padding:0; }
ul				{ margin:0; margin-top: -42px; list-style:none; padding: 3px 55px 5px 63px; }
li				{ margin:0; padding:0; line-height:2em; padding-left:1.9em; background: url(bullet_pink.gif) no-repeat 0 center; font-weight:bold; height: 1%;  }
.bold		{ font-weight:bold; }
.under		{ text-decoration:underline; }
li.extra	{ padding-top:15px; }

#header h1        { margin: 0; padding: 0; font-size:1.3em;  border: 0; }
#header h2        { display:none; font-size:12px; }

#container        { position:relative; width: 780px; margin: 0 auto 0 auto; padding:0; border:0; font-size:.96em;  line-height:1.5em;  }
#header           { float:left; background: url(top.jpg) no-repeat 8px 7px; padding: 0; margin:0; height:245px; width:779px; position:relative; }
#content          { float:left; text-align:left;  background: url(bg_body_btm.png) repeat-y 8px 0; position:relative; padding:0; margin:0; width:779px;/* height: 362px; */ }
#logo             { background: transparent url(logo_sm.png) no-repeat 352px 40px; text-decoration:none; text-indent:-1000em; float:left; display:block; height:117px; width: 552px; }
#left             { float: left; width: 177px; height:370px; padding:0; margin:0; display: inline; /* need for IE bug */ }
#right            { float:left; width: 600px; padding:0; margin:-33px 0 0 0; font-size:1.03em; letter-spacing:.1px; line-height:1.6em; position:relative; /* need for IE bug */ }
#right p		  { padding: 3px 45px 5px 48px; }
#nav              { height:36px; width:453px; margin:0; padding:0; background:transparent; position:absolute; top:170px; left:227px; }
#footer           { width:771px; height:35px; clear:both; margin: 0 auto; padding:0; float:left; background: url(bg_bottom.png) 8px 0 no-repeat; }

.col_1 			{ width: 210px; padding:0; margin: -38px 0 0 60px; float:left; display:inline; /* need for IE bug */ }
.col_2 			{ width: 220px; padding:0; margin: -38px 0 0 42px; float:left; }

.col_1 ul, .col_2 ul		{ margin:0; padding:0; list-style:none; }
.col_1 li, .col_2 li		{ margin:0; padding:0; background:none; font-weight:normal; line-height:1.6em;  }
#home_pg #header  { background: url(hm_top.png) no-repeat 8px 7px; height:268px; }
#home_pg #logo    { background: transparent url(logo.png) no-repeat 395px 55px; height:137px; width: 615px; }
#home_pg #nav     { height:36px; width:453px; margin:0; padding:0; background:transparent; position:absolute; top:228px; left:280px; }
#home_pg #left    { width: 233px; height:347px; background: url(confettiBottom.gif) no-repeat 68px 0;display: inline; /* need for IE bug */ }
#home_pg #right   { width: 540px; margin:0; font-size:1.18em; letter-spacing:.2px; line-height:2.3em; color:#454545;}

/* ------------ Navigation ------------- */
ul#navlist				{ position:relative; padding:0; margin:0; width:497px; height:36px; background:transparent url(nav.png) 0 0 no-repeat; }
ul#hm_navlist			{ position:relative; padding:0; margin:0; width:453px; height:36px; background:transparent url(hm_nav.png) 0 0 no-repeat; }
#nav ul#navlist li,
#nav ul#hm_navlist li	{ margin:0; padding:0; list-style:none; position:absolute; top:0; background:none; }
#nav ul#navlist li a,
#nav ul#hm_navlist li a	{ text-indent:-9999px; text-decoration:none; }
ul#navlist li,
ul#navlist a,
ul#hm_navlist li,
ul#hm_navlist a 		{ height:36px; display:block; background: none; padding:0; }

ul#navlist li.about         { left:0; width:139px;}
ul#navlist li.services      { left:142px; width:162px; }
ul#navlist li.contact       { left:307px; width:146px; }
ul#navlist li.home          { left:475px; width:25px; }

ul#navlist li.about a:hover		{ background:transparent url(nav.png) 0 -36px no-repeat; }
ul#navlist li.services a:hover	{ background:transparent url(nav.png) -142px -36px no-repeat; }
ul#navlist li.contact a:hover   { background:transparent url(nav.png) -307px -36px no-repeat; }
ul#navlist li.home a:hover		{ background:transparent url(nav.png) -475px -36px no-repeat; }

#about_pg ul#navlist li.about			{ background:transparent url(nav.png) 0 -36px no-repeat; }
#services_pg ul#navlist li.services		{ background:transparent url(nav.png) -142px -36px no-repeat; }
#contact_pg ul#navlist li.contact		{ background:transparent url(nav.png) -307px -36px no-repeat; }

ul#hm_navlist li.about         { left:0; width:139px;}
ul#hm_navlist li.services      { left:142px; width:162px; }
ul#hm_navlist li.contact       { left:307px; width:146px; }

ul#hm_navlist li.about a:hover		{ background:transparent url(hm_nav.png) 1px -36px no-repeat; }
ul#hm_navlist li.services a:hover	{ background:transparent url(hm_nav.png) -141px -36px no-repeat; }
ul#hm_navlist li.contact a:hover  	{ background:transparent url(hm_nav.png) -306px -36px no-repeat; }

#about_pg ul#linklist		{ position:relative; padding:0; margin:0 0 0 3em; width:112px; height:91px; background:transparent url(links_about.png) 0 0 no-repeat; }
#services_pg ul#linklist	{ position:relative; padding:0; margin:0 0 0 3em; width:112px; height:91px; background:transparent url(links_services.png) 0 0 no-repeat; }

ul#linklist li			{ margin:0; padding:0; list-style:none; position:absolute; background:none; }
ul#linklist li a		{ text-indent:-9999px; text-decoration:none; }
ul#linklist li,
ul#linklist a					 { height:23px; display:block; background: none; padding:0; }
ul#linklist li.link_about        { top: 0; width:112px;}
ul#linklist li.link_prod         { top: 23px; width:112px; }
ul#linklist li.link_clients      { top: 46px; width:112px; }
ul#linklist li.link_awards       { top: 69px; width:112px; }

ul#linklist li.link_services        { top: 0; width:112px;}
ul#linklist li.link_affil         { top: 23px; width:112px; }
ul#linklist li.link_gallery         { top: 46px; width:112px; }

ul#linklist li.link_about a:hover, ul#linklist li.link_about a.active		{ background:transparent url(links_about.png) -111px 0  no-repeat; }
ul#linklist li.link_prod a:hover, ul#linklist li.link_prod a.active		{ background:transparent url(links_about.png) -111px -23px no-repeat; }
ul#linklist li.link_clients a:hover, ul#linklist li.link_clients a.active		{ background:transparent url(links_about.png) -111px -46px no-repeat; }
ul#linklist li.link_awards a:hover , ul#linklist li.link_awards a.active  	{ background:transparent url(links_about.png) -111px -69px no-repeat; }

ul#linklist li.link_services a:hover, ul#linklist li.link_services a.active		{ background:transparent url(links_services.png) -111px 0  no-repeat; }
ul#linklist li.link_affil a:hover, ul#linklist li.link_affil a.active		{ background:transparent url(links_services.png) -111px -23px no-repeat; }
ul#linklist li.link_gallery a:hover, ul#linklist li.link_gallery a.active		{ background:transparent url(links_services.png) -111px -46px no-repeat; }

/* ------------ Page Header Image Replacement ------------- */
h2, #header h4   { margin:0; padding:13px 0 0 0; font-size:.9em; text-indent:-1000em; }
h2 				 { padding:0 0 3px 0; }
h2.bring      	 { z-index:20; background: url(txt_bring.png) 0 0 no-repeat; width: 377px; height: 98px; position:absolute; top:12px; }
h2.about      	 { background: url(txt_about.png) 0 0 no-repeat; width: 138px; height: 57px; }
h2.productions   { background: url(txt_productions.png) 0 0 no-repeat; width: 269px; height: 72px; }
h2.clients       { background: url(txt_clients.png) 0 0 no-repeat; width: 269px; height: 72px; }
h2.awards        { background: url(txt_awards.png) 0 0 no-repeat; width: 114px; height: 57px; }
h2.services      { background: url(txt_services.png) 0 0 no-repeat; width: 196px; height: 56px; }
h2.affil         { background: url(txt_affiliations.png) 0 0 no-repeat; width: 170px; height: 57px; }
h2.contact       { background: url(txt_contact.png) 0 0 no-repeat; width: 166px; height: 57px; }
h2.gallery       { background: url(txt_gallery.png) 0 0 no-repeat; width: 107px; height: 69px; }

/* ------------  Image Replacement ------------- */
ul#address          		{ position:relative; padding:0; margin:0 auto; width:580px; height:17px; background:transparent url(address.png) 0 0 no-repeat; top: 15px;  }
#footer ul#address li      	{ margin:0; padding:0; list-style:none; position:absolute; top:0; background:none; text-indent:-9999px;  }
#footer ul#address li a		{ text-indent:-9999px; text-decoration:none; }
ul#address li,
ul#address a				{ height:17px; display:block; background: none; padding:0; }
ul#address li.map 			{ left: 0; width: 120px; }
ul#address li.email			{ left: 417px; width: 163px; }
ul#address li.map a:hover	{ background:transparent url(address.png) 0 -18px no-repeat; }
ul#address li.email a:hover	{ background:transparent url(address.png) -417px -18px no-repeat; }

ul#logos		{ padding:0; padding-left:60px; margin:0 0 0 0; width: 450px; height:70px;}
ul#logos li 	{ padding:0 50px 0 0; margin:0; background:none; display:inline; float:left; width: 146px; }
ul#logos li a 	{ padding:0; margin:0; height:50px; display:block; background:none;  }
img.logo		{ margin:0; padding:0; border:0; }

ul#gallery				{ padding:0; padding-left:50px; margin:-30px 0 0 0; width: 550px; padding-top:5px; }
ul#gallery li			{ background:none; display:inline; padding: 5px 14px 5px 0; border:none; float:left; }
ul#gallery li.pad-top	{ padding-top:30px; }
ul#gallery li a			{ text-decoration:none; background:none;  }
ul#gallery li a img		{ color:#ccc; text-align:center; border: 4px solid #F1F1F1; padding:1px; }
ul#gallery li a:hover img	{ border: 4px solid #ccc;  }

ul#page_nav				{ padding:25px 0 30px 30px; margin:0; clear:both; width: 505px;}
ul#page_nav li			{ display:inline; list-style:none; background:none; }
ul#page_nav li a		{ text-decoration:none; display:block; padding:0;  font-size:1em; line-height:1.2em;  }

ul#page_nav li.next		{ float:right; }
ul#page_nav li.previous	{ float:left; }

table  { font-size:inherit; font:100%; }
#awards_table	{ font-size:.95em; width:570px; margin-top:-40px; margin-bottom:40px; }
.alt td { background:#F7F7F7; }
#awards_table .right { text-align:left; padding-left:8px; }
table .header		{ text-align:center; font-weight:bold; font-size:1.1em; color:#666; padding:15px 0 5px 0; }