@charset "UTF-8";
/* CSS Document */
	body{
		margin:0;
		padding:20px 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		/*background:url(/images/body-bg.gif) repeat-x 0 0 #702;*/
	}
	a{
		overflow:hidden;
		color:#06A;
	}
	a img{
		border:none;
	}
	a:link,a:visited{
		text-decoration:none;	
	}
	a:hover{
		text-decoration:underline;
	}
	h3{
		margin-top:0;
		padding-top:1em;
	}
	h4{
		font-size:12px;
	}
	#cbody h3, #links h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#005991;
		font-weight:normal;
	}
	#flashMovie{
		width:680px;
		height:260px;
		margin:40px 0;
	}
	#wrapper{
		width:760px;
		margin:0 auto 0 auto;
		position:relative;
		font-size:12px;
		color:#666;
		line-height:140%;
		border:1px solid #CCC;
		/*background:url(/images/main-bg.gif) repeat-y 0 0;*/
	}
	#header{
		position:relative;
		margin-bottom:20px;
		height:71px;
		padding:40px 40px 0 40px;
		/*background:url(/images/header-bg.gif) no-repeat 0 0;*/
	}
	#header h1{
		display:block;
		text-indent:-5000px;
		margin:0;
		width:168px;
		height:41px;
		background:url(/images/sandt-logo.gif) no-repeat 0 0;
	}
	#header h1 a{
		display:block;
		margin:0;
		width:168px;
		height:41px;
	}
	#tagline{
		position:absolute;
		right:40px;
		top:55px;
		width:225px;
		height:16px;
		margin:0;
		background:url(/images/creativity.png) no-repeat 0 0;
		text-indent:-5000px;
	}
	#tagline a{
		display:block;
		width:225px;
		height:16px;
		margin:0;
		padding:0;
	}
	#mainMenu{
		position:absolute;
		right:40px;
		bottom:0;
		margin:0;
		padding:0;
		display:block;
		width:680px;
		border-top:1px solid #EEE;
		border-bottom:1px solid #EEE;
		height:16px;
		color:#000;
		list-style:none;
		text-align:right;
	}
	#mainMenu a, #subnav a	{
		color:#666;
	}
	#mainMenu a.active, #subnav a.active	{
		color:#000;
	}
	#mainMenu li{
		margin:0;
		padding:0 0 0 40px;
		height:16px;
		display:block;
		background-repeat:no-repeat;
		background-position:40px 0;
		position:absolute;
		right:500px;
	}
	#mainMenu li a{
		display:block;
		height:14px;
		margin:0;padding:0;
		background-repeat:no-repeat;
		background-position:0 0;
		text-indent:5000px;
	}
	#mainMenu li#mmagency, #mainMenu li#mmagency a			{ width:43px; background-image:url(/images/nav/agency_off.png); right:412px;}
	#mainMenu li#mmarticles, #mainMenu li#mmarticles a		{ width:44px; background-image:url(/images/nav/articles_off.png); right:138px;}
	#mainMenu li#mmcontact, #mainMenu li#mmcontact a		{ width:45px; background-image:url(/images/nav/contact_off.png); right:0;}
	#mainMenu li#mmblog, #mainMenu li#mmblog a				{ width:27px; background-image:url(/images/nav/blog_off.png); right:85px;}
	#mainMenu li#mmhome, #mainMenu li#mmhome a				{ width:34px; background-image:url(/images/nav/home_off.png); right:495px;}
	#mainMenu li#mmnews, #mainMenu li#mmnews a				{ width:31px; background-image:url(/images/nav/news_off.png); right:77px;}
	#mainMenu li#mmportfolio, #mainMenu li#mmportfolio a	{ width:51px; background-image:url(/images/nav/portfolio_off.png); right:321px;}
	#mainMenu li#mmshowcase, #mainMenu li#mmshowcase a		{ width:59px; background-image:url(/images/nav/showcase_off.png); right:222px;}
	#mainMenu li#mmagency a.active			{ background-image:url(/images/nav/agency_on.png);}
	#mainMenu li#mmarticles a.active		{ background-image:url(/images/nav/articles_on.png);}
	#mainMenu li#mmcontact a.active			{ background-image:url(/images/nav/contact_on.png);}
	#mainMenu li#mmblog a.active			{ background-image:url(/images/nav/blog_on.png);}
	#mainMenu li#mmhome a.active			{ background-image:url(/images/nav/home_on.png);}
	#mainMenu li#mmnews a.active			{ background-image:url(/images/nav/news_on.png);}
	#mainMenu li#mmportfolio a.active		{ background-image:url(/images/nav/portfolio_on.png);}
	#mainMenu li#mmshowcase a.active		{ background-image:url(/images/nav/showcase_on.png);}
	#footer{
		margin:0;
		display:block;
		clear:both;
		text-align:center;
		padding-top:10px;
		padding-bottom:20px;
		margin:0;
		font-size:10px;
		color:#666;
	}
	#footer p{
		margin:0;
	}
	#footlinks{
		list-style:none;
		padding:0;
		margin:0 auto 5px auto;
		width:760px;
		text-align:right;
	}
	#footlinks li{
		display:inline;
		padding:0 11px 0 8px;
		border-right:1px solid #333;
	}
	#footlinks li.last{
		border-right:none;
	}
	#footlinks li a{
		color:#999;
	}
	#content{
		position:relative;
		padding:1px 40px 40px 40px;
		/*background:url(/images/footer-bg.gif) no-repeat left bottom;*/
	}
	#cbody{
		margin:0;
		position:relative;
	}
	.menu #cbody{
		width:500px;
		float:right;
	}
	#subnav{
		display:block;
		float:left;
		clear:none;
		width:160px;
	}
	#subnav h2{
		margin-bottom:40px;
		margin-top:0;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#subnav ul{
		list-style:none;
		padding:0 0 0 10px;
		margin:0;
	}
	#subnav li{
		display:block;
		margin-left:-10px;
		padding-left:10px;
		margin-bottom:40px;
		text-transform:lowercase;
		font-style:italic;
	}
	#subnav li ul li{
		font-size:12px;
		font-style:normal;
		margin-bottom:0;
		margin-bottom:6px
	}
	#subnav li ul li a{
		font-style:normal;
		color:#369;
	}
	#subnav li ul li.active{
		background-color:#CCDFEB;
	}
	#subnav li.active{
		background-color:#CCDFEB;
	}
	#subnav li.active a{
		color:#000;
	}
	#subnav h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:normal;
		margin-bottom:6px;
		color:#333;
	}
	#byclient li, #bytitle li{
		text-transform:none;
	}
	#addinfo{
		margin-top:20px;
		margin-left:392px;
		/*color:#75625b;*/
	}
	#addinfo address{
		font-style:normal;
		margin-bottom:1em;
	}
	#addinfo p{
		margin-bottom:20px;
	}
	#careersbox{
		border:1px solid #eee;
		padding:15px 15px;
		margin-top:30px;
		clear:both;
	}
	#googlemap{
		position:relative;
		float:left;
		width:360px;
		clear:none;
		margin-bottom:1em;
		margin-top:20px;
	}
	* html googlemap{
	position:absolute;
	top:0;
	left:0;
		overflow:visible;
		width:390px;
	}
	#careersbox h3{
		font-size:14px;
		margin-bottom:0;
		padding-top:0;
		margin-top:0;
	}
	#careersbox p{
		margin-bottom:0;
		font-size:11px;
		margin-top:.5em;
	}
	.clear{
		display:block;
		clear:both;
	}
	.clear hr{
		display:none;
	}
	#Agency #subnav h2 a, #Articles #subnav h2 a, #Portfolio #subnav h2 a{
		display:block;
		margin:0;
		width:160px;
		height:30px;
	}
	#Articles #subnav h2{
		display:block;
		margin-top:0;
		width:160px;
		height:30px;
		text-indent:-5000px;
		background:url(/images/heading-articles.gif) no-repeat 0 0;
	}
	#News #subnav h2{
		display:block;
		margin-top:0;
		width:160px;
		height:30px;
		text-indent:-5000px;
		background:url(/images/heading-news.png) no-repeat 0 0;
	}
	#Agency #subnav h2{
		display:block;
		width:160px;
		height:30px;
		text-indent:-5000px;
		background:url(/images/heading-agency.gif) no-repeat 0 0;
	}
	#Portfolio #subnav h2{
		display:block;
		width:160px;
		height:30px;
		text-indent:-5000px;
		background:url(/images/heading-portfolio.png) no-repeat 0 0;
	}
	#Showcase h2{
		display:block;
		width:160px;
		height:30px;
		margin-top:0;
		text-indent:-5000px;
		background:url(/images/heading-showcase.png) no-repeat 0 0;
	}
	#Showcase .client, #Articles .author{
		margin-bottom:.25em;
		margin-top:1.5em;
		font-size:11px;
		color:#7facc8;
	}
	#Articles h3+.author,#Articles .subtitle+.author,#Articles h3+.subtitle{
		margin-top:-1.5em;
	}
	#Articles .subtitle{
		margin-bottom:1.75em;
		margin-top:1.5em;
		font-size:11px;
		text-transform:uppercase;
		color:#069;
	}
	#Showcase .client+h3{
		padding-top:0;
	}
	#Showcase #showlogo{
		float:right;
		margin:0 0 10px 10px;
	}
	#cutout{
		position:relative;
		width:520px;
		height:415px;
		padding:0;
		margin:0;
		overflow:hidden;
		background-color:#000;
	}
	* html #cutout{
		position:absolute;
		top:30px;
		left:0;
		background-color:#7facc8;
	}
	#gallery{
		position:relative;
		width:20000px;
		height:415px;
		margin:0;
		padding:0 0 0 15px;
		background-color:#FFF;
	}
	.item{
		position:relative;
		height:440px;
		width:490px;
		text-align:left;
		float:left;
		margin-right:30px;
		margin-top:10px;
		background-color:#FFF;
		color:#666;
	}
	.item .img{
		display:block;
		width:280px;
		padding:0;
		text-align:center;
		float:left;
		margin-right:20px;
	}
	.item .info{
		display:block;
		position:absolute;
		left:300px;
		top:0;
	}
	.item .info h4{
		font-size:12px;
	}
	th{
		vertical-align:top;
		text-align:right;
	}
	td{
		text-align:left;
	}
	.item h4{
		margin-bottom:0;
	}
	.item p{
		margin-top:0;
		font-size:10px;
	}
	table{
	}
	#imgnav{
		position:relative;
		height:18px;
		width:320px;
		margin:0;
	}
	* html #imgnav{
		position:absolute;
		top:0;
		left:0;
	}
	#prevButton,#nextButton{
	position:absolute;
	left:200px;
	top:9px;
		display:block;
		width:25px;
		height:12px;
		text-indent:-5000px;
		background:url(/images/next.gif) no-repeat 0 0 #000;
	}
	#prevButton{
		left:85px;
		background-image:url(/images/prev.gif);
	}
	#cbody ul{
		list-style-image:url(/images/jack.png);
	}
	#servmain, #serv0, #serv1, #serv2, #serv3, #serv4, #serv5{
		min-height:175px;
	}
	#xofn{
		position:absolute;
		left:110px;
		top:7px;
		display:block;
		text-align:center;
		width:90px;
	}
	#xofn span{
		color:#005991;
	}
	#Articles{
		margin-top:20px;
	}
	.article{
		position:relative;
		min-height:180px;
		padding-Top:5px;
		padding-left:180px;
	}
	* html .article{
		height:180px;
	}
	.article h3{
		margin-top:0;
	}
	#cbody li{
		margin-bottom:1.5em;
	}
	#cbody address{
		font-style:normal;
		margin-left:20px;
	}
	#Contact #cbody address{
		font-style:normal;
		margin-left:0;
	}
	#Contact #chatback-k{
		margin-top:0;
	}
	#addinfo p.contact{
		margin-top:3em;
		margin-bottom:.5em;
	}
	#addinfo p.phone{
		margin-top:0;
	}
	.article img{
		position:absolute;
		left:15px;
		top:0;
	}
	.dl{
		font-size:10px;
		color:#666;
		padding-left:8px;
		background:url(/images/dl.png) no-repeat 0 50%;
	}
	.goto{
		font-size:10px;
		color:#666;
		padding-left:8px;
		background:url(/images/goto.png) no-repeat 0 50%;
	}
	#Portfolio .main{
		background:url(/images/portfolio-image2.jpg) no-repeat right bottom;
		min-height:665px;
	}
	* html #Portfolio .main{
		height:665px;
	}
	#Agency .main{
		background:url(/images/agency_bg.jpg) no-repeat right bottom;
		min-height:600px;
	}
	* html #Agency .main{
		height:600px;
	}
	#Articles .main{
		background:url(/images/articles_bg.jpg) no-repeat right bottom;
		min-height:600px;
	}
	#Articles h4{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#005991;
		font-weight:normal;
		text-transform:uppercase;
	}
	#News .main{
		background:url(/images/news-image.jpg) no-repeat right bottom;
		min-height:600px;
	}
	* html #Articles .main{
		height:600px;
	}
	.credit{
		font-style:italic;
		color:#5b8ba9;
		margin-top:2em;
	}
	#imgnav{
		padding-top:6px;
	}
	#chat{
		position:absolute;
		top:416px;
		left:60px;
	}
	#cbody #archives{
		dispay:block;
		position:absolute;
		top:5px;
		padding:3px;
		left:207px;
		width:300px;
	}
	* html #cbody #archives{
		left:177px;
	}
	#cbody #archives h3{
		margin:0;
		padding:0;
	}
	#cbody #archives h3 a{
		display:block;
		height:12px;
		line-height:100%;
		font-size:12px;
		padding: 3px 5px 3px 16px;
		color:#666;
		width:161px;
		background:url(/images/dropdown.png) no-repeat 5px 7px;
	}
	#cbody #archives h3 a:hover {
		text-decoration:none;
		cursor:default;
	}
	#cbody #archives:hover h3 a {
		color:#333;
		cursor:default;
	}
	#cbody #archives ul{
		padding:0;
		margin:0;
		list-style:none;
		display:block;
		background-color:#FFF;
		border:1px solid #7facc8;
		position: absolute;
		left: -999em;
	}
	#cbody #archives:hover ul, #cbody #archives.sfhover ul{
		left:auto;
		padding:0;
		margin:0;
	}
	#cbody #archives ul li{
		padding:0;
		margin:0;
		display:block;
		list-style-image:none;
	}
	#cbody #archives ul li a, #cbody #archives ul li span{
		display:block;
		padding:3px 10px 3px 16px;
		margin:0;
		background:url(/images/jack.png) no-repeat 5px 9px;
	}
	#cbody #archives ul li.selected span{
		background-color: #CCDFEB;
		color:#000;
	}
	#links{
		margin:0;
		padding:10px 0 0 1px;
		border-top:1px solid #CCC;
		background-color:#FFF;
		clear:both;
	}
	.linklist{
		display:block;
		width:158px;
		padding:0;
		margin:0 15px 0 0;
		float:left;
	}
	#lres{
		margin-right:0;
	}
	.linklist ul{
		margin-bottom:0;
		padding-left:25px;
		margin-left:0;
		font-size:11px;
	}
	#Home #links .clear{
		display:block;
		height:0;
		margin:0;
	}
	 #links h2{
	 	display:block;
		height:22px;
		width:158px;
		background-repeat:no-repeat;
		background-position:2px -8px;
		text-indent:-5000px;
	 	margin:0 0 10px 0;
		color:#333;
		border-bottom:1px solid #e6e6e6;
	 }
	 #lnews h2	{ background-image:url(/images/heading-newsitems.png); }
	 #lblog h2	{ background-image:url(/images/heading-blogposts.png); }
	 #lrec h2	{ background-image:url(/images/heading-recentwork.png); }
	 #lres h2	{ background-image:url(/images/heading-resources.png); }
	 #Home .clear{
	 	display:none;
	 }