#portfoliowrap { padding: 10px 30px 20px 30px; margin: 0; }
#portfoliowrap h2 span.small { padding-left: 16px; font-size: 15px; }
#portfoliowrap div.sidebar { float: left; width: 140px; }
#portfoliowrap div.sidebar ul { margin: 0 0 0 4px; padding: 0 0 0 0; border: 0 none; list-style: none; }
#portfoliowrap div.sidebar ul li { margin: 0; padding: 0; border: 0 none; list-style: none; position: relative; z-index: 990; }
#portfoliowrap div.sidebar ul li a { border: 0 none; display: block; color: #fff; text-decoration: none; padding: 0; margin: 6px 0 0 -1px; color: #fff; text-align: center; height: 26px; }
#portfoliowrap div.sidebar ul li a span { display: none; }
#portfoliowrap div.sidebar ul li a.head { margin-left: 1px; width: 123px; height: 84px; background: transparent url(../images/side_portfolio_head.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_video { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_video.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_video:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_video.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_web { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_web.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_web:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_web.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_print { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_print.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_print:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_print.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_clients { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_clients.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_clients:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_clients.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_casestudy { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_casestudy.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_casestudy:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_casestudy.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_awards { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_awards.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_awards:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_awards.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_testimonials { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_testimonials.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_testimonials:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_testimonials.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_demoreel { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_demoreel.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_demoreel:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_demoreel.current { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_identity { height: 26px; width: 123px; background: transparent url(../images/side_portfolio_identity.png) 0 0 no-repeat; }
#portfoliowrap div.sidebar ul li a#side_identity:hover { background-position: 0 -26px; }
#portfoliowrap div.sidebar ul li a#side_identity.current { background-position: 0 -26px; }
#portfoliowrap div.text { float: right; width: 776px; margin-top: 10px; margin-right: 12px; font-size: 13px; text-align: justify; }
#portfoliowrap div.text dl dt { margin: 0 20px 20px 40px; padding: 0; border: 0 none; list-style: none; float: left; display: block; }
#portfoliowrap div.text dl.case dt { margin: 0 40px 20px 60px; }
#portfoliowrap div.text dl dd { display: none; }
#portfoliowrap div.text dl dt a { display: block; width: 324px; height: 141px; }
#portfoliowrap div.text dl dt a span { display: none; }
#portfoliowrap div.text dl dt a#video { background: transparent url(../images/portfolio_block_video.png) no-repeat; }
#portfoliowrap div.text dl dt a#video:hover { background-position: 0 -141px; }
#portfoliowrap div.text dl dt a#print { background: transparent url(../images/portfolio_block_print.png) no-repeat; }
#portfoliowrap div.text dl dt a#print:hover { background-position: 0 -141px; }
#portfoliowrap div.text dl dt a#web { background: transparent url(../images/portfolio_block_web.png) no-repeat; }
#portfoliowrap div.text dl dt a#web:hover { background-position: 0 -141px; }
#portfoliowrap div.text dl dt a#identity { background: transparent url(../images/portfolio_block_identity.png) no-repeat; }
#portfoliowrap div.text dl dt a#identity:hover { background-position: 0 -141px; }
#portfoliowrap div.text dl dt a#cs_letu { height: 324px; width: 141px; background: transparent url(../images/portfolio_case_letu.png) no-repeat; }
#portfoliowrap div.text dl dt a#cs_letu:hover { background-position: 0 -324px; }
#portfoliowrap div.text dl dt a#cs_nacmed { height: 324px; width: 141px; background: transparent url(../images/portfolio_case_nacmed.png) no-repeat; }
#portfoliowrap div.text dl dt a#cs_nacmed:hover { background-position: 0 -324px; }
#portfoliowrap div.text dl dt a#cs_tbt { height: 324px; width: 141px; background: transparent url(../images/portfolio_case_tbt.png) no-repeat; }
#portfoliowrap div.text dl dt a#cs_tbt:hover { background-position: 0 -324px; }
#portfoliowrap div.text span.cs_head { color: #bbdeff; font-weight: bold; text-transform: uppercase; }
#portfoliowrap div.text table { background: #575757; border-collapse: collapse; border: 1px solid #9d9d9d; width: 400px; margin: 0 0 50px 160px; }
#portfoliowrap div.text table caption { text-transform: uppercase; font-size: 12px; padding: 20px 0 2px 0; color: #fff2ad; }
#portfoliowrap div.text table tr td { padding: 4px; border: 1px solid #9d9d9d; text-align: center; }
#portfoliowrap div.text img.right { float: right; margin: 0 0 10px 20px; padding: 0; border: 0 none; }
#portfoliowrap div.text div.videowrap { margin: auto; width: 740px; }

#viewer ul { width: 750px; height: 66px; padding: 0; margin: 0 auto; }
#viewer ul li { float: left; display: inline; line-style: none; width: 66px; height: 66px; margin-right: 10px; }
#viewer ul li.end { margin-right: 0; }
#viewer ul li a { display: block; width: 66px; height: 66px; }
#viewer ul li a span { display: none; }
#viewer ul li a#vid_40th_anniv { background: transparent url(../images/portfolio_video_40th_anniv.png) no-repeat; }
#viewer ul li a#vid_40th_anniv:hover { background-position: 0 -66px; }
#viewer ul li a#vid_heritage_outatown { background: transparent url(../images/portfolio_video_heritage_outatown.png) no-repeat; }
#viewer ul li a#vid_heritage_outatown:hover { background-position: 0 -66px; }
#viewer ul li a#vid_anytime_guy_master { background: transparent url(../images/portfolio_video_anytime_guy_master.png) no-repeat; }
#viewer ul li a#vid_anytime_guy_master:hover { background-position: 0 -66px; }
#viewer ul li a#vid_oncology { background: transparent url(../images/portfolio_video_oncology.png) no-repeat; }
#viewer ul li a#vid_oncology:hover { background-position: 0 -66px; }
#viewer ul li a#vid_50th_history { background: transparent url(../images/portfolio_video_50th_history.png) no-repeat; }
#viewer ul li a#vid_50th_history:hover { background-position: 0 -66px; }
#viewer ul li a#vid_tbt_then_now { background: transparent url(../images/portfolio_video_tbt_then_now.png) no-repeat; }
#viewer ul li a#vid_tbt_then_now:hover { background-position: 0 -66px; }
#viewer ul li a#vid_bubba_franks { background: transparent url(../images/portfolio_video_bubba_franks.png) no-repeat; }
#viewer ul li a#vid_bubba_franks:hover { background-position: 0 -66px; }
#viewer ul li a#vid_solutions { background: transparent url(../images/portfolio_video_solutions.png) no-repeat; }
#viewer ul li a#vid_solutions:hover { background-position: 0 -66px; }
#viewer ul li a#vid_state_of_the_heart { background: transparent url(../images/portfolio_video_state_of_the_heart.png) no-repeat; }
#viewer ul li a#vid_state_of_the_heart:hover { background-position: 0 -66px; }
#viewer ul li a#vid_welch { background: transparent url(../images/portfolio_video_welch.png) no-repeat; }
#viewer ul li a#vid_welch:hover { background-position: 0 -66px; }
#viewer ul li a#web_gators { background: transparent url(../images/portfolio_web_thumb_gators.png) no-repeat; }
#viewer ul li a#web_gators:hover { background-position: 0 -66px; }
#viewer ul li a#web_heritage { background: transparent url(../images/portfolio_web_thumb_heritage.png) no-repeat; }
#viewer ul li a#web_heritage:hover { background-position: 0 -66px; }
#viewer ul li a#web_acc { background: transparent url(../images/portfolio_web_thumb_acc.png) no-repeat; }
#viewer ul li a#web_acc:hover { background-position: 0 -66px; }
#viewer ul li a#web_letuadult { background: transparent url(../images/portfolio_web_thumb_letuadult.png) no-repeat; }
#viewer ul li a#web_letuadult:hover { background-position: 0 -66px; }
#viewer ul li a#web_letutrad { background: transparent url(../images/portfolio_web_thumb_letutrad.png) no-repeat; }
#viewer ul li a#web_letutrad:hover { background-position: 0 -66px; }
#viewer ul li a#web_merritt { background: transparent url(../images/portfolio_web_thumb_merritt.png) no-repeat; }
#viewer ul li a#web_merritt:hover { background-position: 0 -66px; }
#viewer ul li a#web_skinners { background: transparent url(../images/portfolio_web_thumb_skinners.png) no-repeat; }
#viewer ul li a#web_skinners:hover { background-position: 0 -66px; }
#viewer ul li a#web_tbt { background: transparent url(../images/portfolio_web_thumb_tbt.png) no-repeat; }
#viewer ul li a#web_tbt:hover { background-position: 0 -66px; }
#viewer ul li a#web_uthsct { background: transparent url(../images/portfolio_web_thumb_uthsct.png) no-repeat; }
#viewer ul li a#web_uthsct:hover { background-position: 0 -66px; }
#viewer ul li a#web_cattle { background: transparent url(../images/portfolio_web_thumb_cattle.png) no-repeat; }
#viewer ul li a#web_cattle:hover { background-position: 0 -66px; }
#viewer ul li a#print_txdot { background: transparent url(../images/portfolio_print_thumb_txdot.png) no-repeat; }
#viewer ul li a#print_txdot:hover { background-position: 0 -66px; }
#viewer ul li a#print_lmc { background: transparent url(../images/portfolio_print_thumb_lmc.png) no-repeat; }
#viewer ul li a#print_lmc:hover { background-position: 0 -66px; }
#viewer ul li a#print_neurorestore { background: transparent url(../images/portfolio_print_thumb_neurorestore.png) no-repeat; }
#viewer ul li a#print_neurorestore:hover { background-position: 0 -66px; }
#viewer ul li a#print_nmcannual { background: transparent url(../images/portfolio_print_thumb_nmcannual.png) no-repeat; }
#viewer ul li a#print_nmcannual:hover { background-position: 0 -66px; }
#viewer ul li a#print_uthsct { background: transparent url(../images/portfolio_print_thumb_uthsct.png) no-repeat; }
#viewer ul li a#print_uthsct:hover { background-position: 0 -66px; }
#viewer ul li a#print_nmcwomens { background: transparent url(../images/portfolio_print_thumb_nmcwomens.png) no-repeat; }
#viewer ul li a#print_nmcwomens:hover { background-position: 0 -66px; }
#viewer ul li a#print_riverbend { background: transparent url(../images/portfolio_print_thumb_riverbend.png) no-repeat; }
#viewer ul li a#print_riverbend:hover { background-position: 0 -66px; }
#viewer ul li a#print_letu { background: transparent url(../images/portfolio_print_thumb_letu.png) no-repeat; }
#viewer ul li a#print_letu:hover { background-position: 0 -66px; }
#viewer ul li a#print_dhm { background: transparent url(../images/portfolio_print_thumb_dhm.png) no-repeat; }
#viewer ul li a#print_dhm:hover { background-position: 0 -66px; }
#viewer ul li a#print_heritage { background: transparent url(../images/portfolio_print_thumb_heritage.png) no-repeat; }
#viewer ul li a#print_heritage:hover { background-position: 0 -66px; }
#viewer ul li a#print_ward { background: transparent url(../images/portfolio_print_thumb_ward.png) no-repeat; }
#viewer ul li a#print_ward:hover { background-position: 0 -66px; }
#viewer ul li a#print_uthsctannual { background: transparent url(../images/portfolio_print_thumb_uthsctannual.png) no-repeat; }
#viewer ul li a#print_uthsctannual:hover { background-position: 0 -66px; }
#viewer ul li a#print_dhmmen { background: transparent url(../images/portfolio_print_thumb_dhmmen.png) no-repeat; }
#viewer ul li a#print_dhmmen:hover { background-position: 0 -66px; }
#viewer ul li a#print_encore { background: transparent url(../images/portfolio_print_thumb_encore.png) no-repeat; }
#viewer ul li a#print_encore:hover { background-position: 0 -66px; }
#viewer ul li a#identity_delta { background: transparent url(../images/portfolio_identity_thumb_delta.png) no-repeat; }
#viewer ul li a#identity_delta:hover { background-position: 0 -66px; }
#viewer ul li a#identity_forestpark { background: transparent url(../images/portfolio_identity_thumb_forestpark.png) no-repeat; }
#viewer ul li a#identity_forestpark:hover { background-position: 0 -66px; }
#viewer ul li a#identity_gators { background: transparent url(../images/portfolio_identity_thumb_gators.png) no-repeat; }
#viewer ul li a#identity_gators:hover { background-position: 0 -66px; }
#viewer ul li a#identity_genuine { background: transparent url(../images/portfolio_identity_thumb_genuine.png) no-repeat; }
#viewer ul li a#identity_genuine:hover { background-position: 0 -66px; }
#viewer ul li a#identity_gold { background: transparent url(../images/portfolio_identity_thumb_gold.png) no-repeat; }
#viewer ul li a#identity_gold:hover { background-position: 0 -66px; }
#viewer ul li a#identity_love { background: transparent url(../images/portfolio_identity_thumb_love.png) no-repeat; }
#viewer ul li a#identity_love:hover { background-position: 0 -66px; }
#viewer ul li a#identity_magnet { background: transparent url(../images/portfolio_identity_thumb_magnet.png) no-repeat; }
#viewer ul li a#identity_magnet:hover { background-position: 0 -66px; }
#viewer ul li a#identity_newgate { background: transparent url(../images/portfolio_identity_thumb_newgate.png) no-repeat; }
#viewer ul li a#identity_newgate:hover { background-position: 0 -66px; }
#viewer ul li a#identity_riverbend { background: transparent url(../images/portfolio_identity_thumb_riverbend.png) no-repeat; }
#viewer ul li a#identity_riverbend:hover { background-position: 0 -66px; }
#viewer ul li a#identity_uthsct { background: transparent url(../images/portfolio_identity_thumb_uthsct.png) no-repeat; }
#viewer ul li a#identity_uthsct:hover { background-position: 0 -66px; }
#viewer ul li a#identity_sessions { background: transparent url(../images/portfolio_identity_thumb_sessions.png) no-repeat; }
#viewer ul li a#identity_sessions:hover { background-position: 0 -66px; }
#viewer ul li a#identity_acc { background: transparent url(../images/portfolio_identity_thumb_acc.png) no-repeat; }
#viewer ul li a#identity_acc:hover { background-position: 0 -66px; }
#viewer ul li a#identity_mass { background: transparent url(../images/portfolio_identity_thumb_mass.png) no-repeat; }
#viewer ul li a#identity_mass:hover { background-position: 0 -66px; }

#detail { border: 1px solid #000; position: relative; width: 740px; margin: 50px auto 50px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 300px; background: #545454; }
#web_info { position: relative; width: 740px; margin: 50px auto 50px auto; border: 0 none; }
#web_info img { border: 0 none; }

#print_info { position: relative; width: 740px; margin: 50px auto 50px auto; border: 0 none; }
#print_info img { border: 0 none; }

#detail_info { width: 214px; padding: 12px; color: #fff; text-align: left; }
#detail_info h3 { border-bottom: 1px solid #fff; }

#video_player { position: absolute; top: -30px; right: 20px; width: 480px; height: 360px; border: 0 none; background: #000; z-index: 999; }
#video_player div.holder img { position: absolute; top: 110px; left: 210px; }
#video_player div.holder img.eye { position: absolute; top: 50px; left: 115px; z-index: 999; }
#video_player div.holder p { text-align: center; width: 150px; position: absolute; top: 190px; left: 173px; color: #fff; font-weight: bold; }

/*
#scrollable { float: left; width: 760px; height: 44px; overflow: hidden; white-space: nowrap; }
#wrap { position: relative; float: left; clear: both; width: 760px;	height: 8px; background: transparent url(../images/track_right.png) no-repeat top right; }
#track { float: left; clear: both; width: 760px; height: 8px;	}
#track-left { position: absolute; left: 0; width: 22px; height: 8px; background: transparent url(../images/track_left.png) no-repeat top left; }
#handle { width: 51px; height: 8px; background-color: transparent; cursor: move; padding: 0 14px 0 16px; margin: -5px 0 0 0; }
#handle img { padding: 0; margin: 0; border: 0 none; }
*/

#portfoliowrap div.text dl.clients_left { text-align: center; margin: 20px 0 0 0; padding: 0; float: left; display: block; width: 380px; }
#portfoliowrap div.text dl.clients_right { text-align: center; margin: 20px 0 0 0; padding: 0; float: right; display: block; width: 380px; }
#portfoliowrap div.text dl.clients_left dt { margin: 0; padding: 0; float: none; display: block; }
#portfoliowrap div.text dl.clients_right dt { margin: 0; padding: 0; float: none; display: block; }