sh/* courtesy of http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;padding-bottom: 60px;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}             
    
a					{font-weight:bold; color:#C24D3C; text-decoration:none;}
.FSF_resultLink a	{font-weight: normal;}
a:hover				{text-decoration:underline;}

p					{font-size: 12px; line-height: 19px; color:#666666; margin-bottom: 16px;}
#content, #content1	{font-size: 12px; line-height: 19px; color:#666666}
h1					{font-size: 17px; color:#37878f; margin-bottom: 5px; line-height: 19px; font-weight:bold;}
h2					{font-size: 14px; color:#37878f; margin: 16px 0 6px 0; line-height: 16px; font-weight:bold;}
h2.pr				{font-size: 14px; color:#666666; margin: 16px 0 6px 0; line-height: 19px; font-weight:bold;}
h3					{font-size: 12px; color:#37878f; font-weight:bold;}
dl.overview			{padding: 10px 10px 10px 0; font-size: 11px; line-height: 16px; position:relative;}
dl.overview dd		{color:#ce9f00; font-weight:bold; float:left; padding-right: 2px;}
dl.overview dt		{color:#666666;}
blockquote p		{font-size: 14px; font-weight:bold; line-height: 19px; color:#666666; margin-bottom:0;}
cite				{color:#666666; line-height: 22px;}
p.intro				{font-size: 13px; line-height: 19px; font-weight:bold;}
blockquote			{padding: 10px 0; border-top: 1px solid #DCDDDE; border-bottom: 1px solid #DCDDDE; margin: 10px 0;}
blockquote p		{font-weight:normal; font-size: 12px; text-align:left;}
blockquote p cite	{font-style:normal; font-size: 11px; font-weight:bold; text-align:right; display:block;}
#sidebar blockquote	{border:none; padding:0;}
#content ul			{list-style: disc outside; padding: 0 0 0 20px;}
#content1 ul		{list-style: disc outside; padding: 0 0 0 20px;}
#content li			{margin-bottom: 14px;}

body				{text-align:center;}
#wrapper			{width: 840px; margin:0 auto; padding: 100px 0 0 0; text-align:left; font-size: 12px; z-index: 5;}

#header				{display:block; width: 200px; height: 60px; margin: 22px 0 0 -12px; position:absolute; top:0; padding:0;}
#header a			{/*position:absolute; */text-indent: -9999px; display:block; height: 60px; width: 200px; background: url(../images/interface/headerlogo.png) 0 0 no-repeat;}

#nav				{position:absolute; top:0; margin: 35px 0 0 295px; width: 545px; z-index: 2000;}
#nav ul				{float:right; display:block;}


#nav li				{float:left; display:block; z-index: 7000;}
#nav li a			{display:block; height: 17px;  font-size: 11px; padding: 10px  1px 0 1px; margin-right: -1px; text-align:center; color:#949598; text-transform:uppercase; background: url(../images/interface/nav_separater.gif) 100% 9px no-repeat; z-index: 7001; font-weight:bold;}
#nav li:hover a,
#nav li a:hover		{color:#414042; background: #ebebec !important;  border-left: 1px solid #767a7d; padding-left:0;  text-decoration:none; z-index: 7002;}

#nav li.about a		{width: 60px; background:none;}
#nav li.clients a	{width: 74px;}
#nav li.news a		{width: 54px;}
#nav li.portfolio a	{width: 84px;}
#nav li.hdri a		{width: 54px;}
#nav li.reel a		{width: 54px;}
#nav li.services a	{width: 77px;}
#nav li.solutions a	{width: 88px;}


.about #nav li.about a,
.clients #nav li.clients a,
.news #nav li.news a,
.portfolio #nav li.portfolio a,
.hdri #nav li.hdri a,
.reel #nav li.reel a,
.services #nav li.services a,
.solutions #nav li.solutions a {color:#414042; background: #ebebec;}   

#nav li.about ul	{margin-left: -54px;}

#nav li ul			{display:block; width: 105px; position:absolute; margin: -9999px 0 0 0; border-top: 1px solid #FFF; border-left: 1px solid #767a7d; padding: 10px 0;  background: #ebebec;}
#nav li:hover ul	{margin-top: 27px}
#nav li ul li		{float:none;}
#nav li li a		{float:none; text-align:left; color: #949598 !important; height:auto;  text-transform:none; line-height: 12px; text-indent: 0; margin:0 !important; padding:0 5px 5px 10px !important; width: 90px !important; background: #ebebec !important; font-size: 10px; color:#898b8e; font-weight:bold; border:none !important;}
#nav li li a:hover	{text-decoration:none; color: #414042 !important;}
#nav li:hover li a	{border:none !important;}

/* gray out unlinked elements for development*/
/*#nav a[href="#"]	{color:#CCC !important;}*/

/* Styles */
div.hr				{border-top: 1px solid #dcddde; margin: 13px 0;}
div.dottedhr		{background: url(../images/interface/dottedhr.gif) 0 0 repeat-x; height: 1px; margin: 15px 0; clear: both;}
div.top				{margin-top:8px; margin-left: -25px;}
p.viewmore			{margin: 10px 0 20px 0; font-size: 11px;}

#content ul.ll,
#content ul.newslist	{padding:0; list-style:none;}
#content ul.newslist li	{line-height: 14px; padding: 4px 0; margin:0; font-size: 11px; font-weight:bold;}

#content ul.bloglist 	{padding:0; list-style:none; line-height: 14px;}
ul.bloglist li			{line-height: 19px; padding: 4px 0; margin:0; font-size: 11px;}
ul.bloglist li img		{border: 1px solid #DDDDDD;	padding: 5px;}
ul.bloglist h2			{font-size: 14px; color:#37878f; margin: 0px 0 6px 0; line-height: 16px; font-weight:bold;}
ul.bloglist li a h2		{color:#37878F;}
ul.bloglist li a:hover h2	{color:#C24D3C;}
ul.bloglist li p.intro	{margin-bottom: 6px;}			
#blogimage img			{border: 1px solid #DDDDDD;	padding: 5px;}
#blogimage a:hover img		{border: 1px solid #C24D3C;}

#content ul.ll li		{padding: 4px 0; line-height: 16px; list-style:none; margin:0; }
ul.ll h4		{color:#666666; font-weight:bold; line-height: 16px;}
ul.ll p		{margin:0;}
ul.ll p a		{font-size: 11px; font-weight:bold;}

#content ul li.noborder		{border:none;}


/* layouts */
#clientlist					{margin:15px auto; border: 1px solid #E2E3E4; height: 451px; width: 572px !important; position:relative;}


.portfolio h1, .hdri h1			{clear:both; padding-left: 9px;}
.portfolio h1 a, .hdri h1 a		{float:right; width: 200px; margin-left: 614px; position:absolute; text-align:right; font-size: 11px; line-height: 23px;}
.portfolio .hr,.hdri .hr			{clear:both; margin: 6px 0;}


#content ul.tilelist			{margin-top: -16px; width: 830px; margin-left: -7px; display:block; float:left; clear:both; padding:0 0 16px 0; list-style:none;}
#content ul.tilelist li		{display:block; width: 150px; float:left; margin: 16px 0 0 16px;}
#content ul.tilelist li.startline {clear:left;}
ul.tilelist li img	{float:left;}
ul.tilelist li span	{clear:both; font-size: 11px; line-height: 15px; width: 150px;}

ul.tilelist li a	{color:#555; display:block; width: 150px; display:block; float:left; font-weight:normal; line-height: 12px; }
ul.tilelist li a:hover	{color:#C24D3C; text-decoration: underline;}
ul.tilelist a		{cursor:pointer; text-decoration:none !important;}


#content ul.clients		{margin-left: -25px; border-top: 3px solid #E2E3E4; width: 572px; list-style:none; padding:0;}
#content ul.clients li	{border-top: 1px solid #E2E3E4; border-right: 1px solid #E2E3E4; float:left; line-height: 1px; display:block; margin:0;}

div.tricol		{float:left; width: 155px; padding: 0 33px; margin-right: -1px; border-right: 1px solid #e2e3e4; border-left: 1px solid #e2e3e4; }
div.first		{padding-left: 0px; border-left:none;}
div.next		{padding-left: 33px; border-left: none;  width: 155px}
div.last		{border: none;}
div.tricol h4	{font-weight:bold;}


/* work / case studies detail pages*/
#flash_content		{width: 812px; height: 490px;}
#portfolioflash2	{position:absolute; width: 472px; height: 400px; background:#000; }
div.casestudy #portfolioflash2 {position:relative;}
/*#portfolioflash2	{width: 472px; height: 400px; background:#000; }*/

#portfolioflash2.enlarged	{ width: 639px; height: 525px; border-right: 33px solid #FFF; z-index: 60;}
#content			{float:left; width: 828px; padding: 0 0 15px 0; border-top: 1px solid #eaebeb; min-height: 380px;}
#contentinner2		{width: 650px; padding: 8px 0 0 8px; float:left;}
#contentinner		{width: 585px; padding: 8px 0 0 8px; float:left;}
.clients #content,
div.flash			{padding-top:0 !important; padding-bottom:0 !important;}
#content.flash		{min-height: 410px; padding-top:10px !important; padding-left: 10px; width: 818px;}
div.vimeo			{padding-top:0 !important; padding-bottom:15px !important;}
#content.vimeo		{min-height: 410px; padding-top:10px !important; padding-left: 10px; width: 818px;}


#controls			{width: 810px; position:absolute; top:0; margin: 71px 0 0 0; height: 27px;}
h1.top,
#controls p			{text-align:right;}
#controls p a		{font-size: 11px; font-weight:normal; color:#666666; text-decoration:none;}
#controls p a:hover	{color:#414042;}
#controls p a.prev	{padding-left: 9px; background: url(../images/interface/arrowprev.gif) 0 50% no-repeat;}
#controls p a.next	{padding-right: 9px; background: url(../images/interface/arrownext.gif) 100% 50% no-repeat;}
#controls p a.category{font-weight:bold; color: #C24D3C;}
#controls ul		{position:absolute; margin: -17px 0 0 478px; font-size: 11px; color:#939598 ;}
#controls ul li		{display:block; width: 166px; height: 15px; padding: 3px 0 0 8px; border: 1px solid #b2b2b2; 
					 background: #FFF url(../images/interface/moreprojects.gif) 100% 0 no-repeat;}
#controls ul ul		{position:absolute; margin:-9999px 0 0 -9px; border: 1px solid #d1d3d4;}
#controls ul li:hover ul	{margin-top: -17px;}
#controls ul li li	{display:block; width: 176px; padding:0; height: 19px; border:none; background:none;  border-top: 1px solid #ebebec;}
#controls ul li li:first-child{border-top:none}
#controls ul li li a{display:block; height: 17px; padding: 3px 0 0 8px; width: 168px; background:#FFF; color:#666666; text-decoration:none;}
#controls ul li li a:hover{background:#ebebec; color:#414042;}

#togglemore		{padding:15px 0 10px 334px; display:block; cursor:pointer;}
#togglemorelink {display:block; text-indent:-9999px; width: 47px; height: 19px; background: url(../images/interface/closeinfo.gif) 0 0 no-repeat;}
#togglemorelink.hide	{background: url(../images/interface/moreinfo.gif) 0 0 no-repeat;}
#moreinfo				{display:block; padding:15px 0 10px 0;}
#moreinfo p					{font-size: 12px; line-height: 19px; margin-bottom: 0px; padding-bottom: 16px;}
#moreinfo p.credits, .credits		{font-size: 10px; font-weight: bold; line-height: 16px;}
#moreinfo .leftcol	{width: 348px; float:left; margin-right: 20px;}
#moreinfo .rightcol	{width: 348px; float:left;}


#sidebar		{float:right; width: 160px; padding: 8px 8px 0 0;}
#sidebar dl		{height: 375px; font-size: 11px; line-height: 14px;}
#sidebar dl dd	{font-weight:bold; color:#535456; padding-top: 3px; border-top: 1px solid #f3f3f3;}
#sidebar dl dt	{color:#666666; border-bottom: 1px solid #ecedee; padding-bottom: 3px;}
#sidebar dl dd:first-child{border-top:none}

#sidebar ul.tilelist	{margin:0; width: 100px; float:none; padding-bottom:0;}
#sidebar ul.tilelist li{margin: 0 0 13px 0; float:left; clear:left;}
#sidebar ul.tilelist li span	{display:none;}
#sidebar h2		{margin:0; padding:0;}
#sidebar p.viewmore	{margin:0;}

#sidebar ul.blogarchive		{margin:0; width: 150px; float:none; padding: 12px 0 0 0; list-style:none; font-size: 12px; line-height: 14px;}
#blogarchive ul				{margin:0; width: 150px; float:none; padding: 0 0 10px 0px; list-style:none; font-size: 12px; line-height: 14px;}
#blogarchive ul li			{margin:0; font-size: 12px; line-height: 14px; padding: 0 0 6px 6px;}
#blogarchive ul li a		{color:#666666; text-decoration: none;}
#blogarchive ul li li a		{color:#C24D3C}
#blogarchive ul li a:hover	{color:#C24D3C; text-decoration: underline}
#blogarchive ul li ul li 	{padding: 0 0 6px 6px;}
#blogarchive ul li ul li a	{font-size: 11px; line-height: 13px}
    

/* Home Page*/
#homepageflash		{height: 330px;}
.home #content		{width: 593px; padding: 0; margin: 10px 0 0 0; border-bottom: 2px solid #eaebeb; border-left:none;}
.home #footer		{border:none;}
.home #sidebar		{width: 237px; height: 439px; padding:0; margin: 10px 0 0 0; border:none; float:right; background: url(../images/interface/homepage_sidebarbg.jpg) 0 0 no-repeat;}
.home #content ul.recentwork	{ margin: 13px 0; width: 475px;  display:block; float:left; padding:0; list-style:none;}
.home ul.recentwork li			{display:block;  width: 81px; height: 81px; float:left; margin: 0 0 0 14px !important;}
.home ul.recentwork img	{float:left;}
.home ul.recentwork a	{color:#FFF; display:block; overflow:hidden !important; float:left; width: 81px; height: 81px;   text-align:center; font-weight:normal; font-size: 11px; line-height: 15px; text-decoration:none;}
.home ul.recentwork li span	{display:block; float:left; width: 75px; height: 71px; padding: 10px 3px 0 3px; margin: -200px 0 0 0; background: url(../images/interface/overlay.png) 0 0 no-repeat; }
.home ul.recentwork li span strong	{font-size: 10px;}
.home ul.recentwork li:hover span	{margin-top: -100px;}


.home h3.recentwork	{width: 118px; height: 107px; display:block; margin: 0; padding:0; float:left; text-indent: -9999px; 
					background: url(../images/interface/h5recentwork.gif) 0 0 no-repeat;}
					
.home #sidebar div			{padding:0 !important;}          
.home #sidebar ul			{font-size: 11px; padding: 0 0 0 20px; line-height: 14px; width: 208px;}
.home #sidebar ul li		{width: 208px; float:left; margin-bottom: 7px;}
.home #sidebar li a			{display:block; position:relative; float:left; width: 200px;color:#666;}
.home #sidebar li span		{width: 8px;text-decoration:none !important; float:left; display:block; clear:left;}
.home #sidebar p			{font-size: 11px; padding: 0 0 0 20px; margin:0;}
.home #sidebar h3			{display:block; width: 200px; height: 56px; text-indent: -9999px;}
.home #sidebar div.solutionsfor		{height: 144px; padding-top: 8px !important;}
.home #sidebar div.solutionsfor p	{padding: 7px 21px 0 20px;  font-weight:bold; line-height: 15px; margin:0;}
.home #sidebar div.solutionsfor a   {color:#666;}

.home div.latestnews		{height: 150px}
.home div.latestnews h3		{background: url(../images/interface/h3latestnews.gif) 20px 27px no-repeat;}
.home div.ourclients h3		{background: url(../images/interface/h3ourclients.gif) 20px 26px no-repeat;}

.home #rotating_logos div			{position:relative; padding-left: 20px !important; width: 201px; height: 65px;}

#content form input			{border: 1px solid #9f9f9f; padding: 2px; font-size: 11px; color:#333; background: url(../images/interface/inputbg.gif) 100% 0 no-repeat; float:left; clear:both; font-family:Arial,Helvetica, sans-serif;}
#content form textarea		{border: 1px solid #9f9f9f; font-size: 11px; color:#333; background: url(../images/interface/textareabg.gif) 100% 0 no-repeat; float:left; clear:both; font-family:Arial,Helvetica,sans-serif;}
#content form label			{font-size: 11px; color:#666666; display:block; float:left; clear:both;}
#content form p.submit input	{margin:0 0 15px 0; padding:0; border:none; display:block; text-indent: -9999px; width: 65px; height: 18px; background: url(../images/interface/button_submit.gif) 0 0 no-repeat; float:right;}
#content .tricol form					{width: 286px; padding-bottom: 10px; margin-bottom: 10px;}
#content .tricol form p.halfwidth		{width: 135px; float:left; padding: 0 0 0 15px; display:block;}
#content .tricol form p.halfwidth input	{width: 129px;}
#content .tricol form p textarea		{width: 284px;}            

#content .tricol form p.input			{clear:both; float:left;background:#f0f}
#content .tricol form p.submit		{clear:both; padding: 4px 0 0 0; width: auto;}
#content .tricol form p.first		{clear:left; padding-left: 0;}

#content form.subscribe p			{width: 132px; float:left; clear:none; margin-right: 11px; overflow:hidden;}
#content form.subscribe				{width: 440px; margin-bottom: 30px;}
#content form.subscribe p input		{width: 126px;}
#content form.subscribe label		{color:#37878f;}
#content form.subscribe label.optional	{color:#666666; font-style:oblique;}
#content form.subscribe label.optional span	{font-style:normal;}
#content form.subscribe p.submit input	{float:left; width:65px; cursor:pointer;}

/* Employment Pages*/
#contentinner  ul.job  li     {
	padding: 0px;
	margin: 0px;
	list-style-type: circle;
}
#contentinner ul.job li.last {
	margin-bottom: 12px;
}

/* Footer*/
#footer					{width: 840px;  clear:both; border-top: 1px solid #eaebeb; padding-top: 15px; background:#FFF; position:relative; z-index: 50;}
#footer ul,
#footer p				{font-size: 10px;}
#footer p				{width: 400px; float:right; text-align:right;}
#footer ul			{width: 400px; float:left}
#footer ul li		{float:left; color:#666666; margin-right: 4px;}
#footer ul li a		{font-weight:normal;}
#footer ul li ul li a		{font-weight:bold;}
#footer ul ul		{position:absolute;}
#footer p a			{font-weight:normal; margin: 0 4px;}
#footer form		{float:right; margin-top: -2px; padding-right: 3px;}
#emailsubscribe	{width: 109px; padding: 1px 1px 1px 3px;}
#footer form input	{color: #939598; font-size: 11px;}
#footer label		{padding-right: 4px;}

#clientlogin ul		{display:block; width: 140px; position:absolute; background: #EBEBEC; top:0; margin: -9999px 0 0 0; padding: 4px 0;}
#clientlogin.over ul	{margin-top:-40px;}
#clientlogin ul li	{float:none;padding: 2px 4px 2px 11px;}
#clientlogin ul a		{font-size: 10px; padding: 2px 4px 2px 11px;}


#global ul:after,
ul.tilelist:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.tilelist,
.clearfix {height: 1%;}
/* Facebook and Twitter Share Links */
#shareBox{
	margin-left:10px;
	margin-top: 25px;
}
.shareText{
	margin-top:5px;
	margin-right:5px;
	margin-left:0;
	font-size:12px;
	font-weight:bold;
	float:left;
}
#shareFB,#shareTW,.shareTW,.shareFB{
	display:block;
	width:24px;
	height:24px;
	float:left;
	cursor:pointer;
	margin-right:2px;
}
#shareFB{
	background-image: url(../images/interface/icons/Facebook_icon_24x24.png);
	background-repeat: no-repeat;
}#shareTW{
	background-image: url(../images/interface/icons/Twitter_icon_24x24.png);
	background-repeat: no-repeat;
}
#twoColumn {
	width: 814px;
	padding-left: 9px;
}
#tCleft {
	width: 399px;
	float: left;
}
#tCright {
	width: 399px;
	float: left;
	padding-left: 16px;
}