#photoslide_div, #photoslide_div2, #photoslide_div3, #photoslide_div4{ width: 100px; height: 355px; position: relative; top: 0; float: left; padding-right: 0;}
#photoslide_div a, #photoslide_div2 a, #photoslide_div3 a, #photoslide_div4 a { width:23px; height: 355px; display: block; float: left; text-indent: -9999em; overflow: hidden;}
#photoslide_div #previous_btn, #photoslide_div2 #previous_btn, #photoslide_div3 #previous_btn,  #photoslide_div4 #previous_btn{ background:url(../images/previous_btn.gif) no-repeat 0 0;}
#photoslide_div #next_btn, #photoslide_div2 #next_btn, #photoslide_div3 #next_btn,  #photoslide_div4 #next_btn{ background:url(../images/next_btn.gif) no-repeat 0 0;}
#photoslide_div img, #photoslide_div2 img, #photoslide_div3 img, #photoslide_div4 img{ float:left; margin-top: 20px;}
#photo_div, #photo_div2, #photo_div3, #photo_div4{ width:475px; height:355px; overflow:hidden; display:block; float:left;}

<!-- -->

* {
	border:0;
	margin:0;
	padding:0;
}
body {
	color:#555555;
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
}
#container {
	margin:20px auto;
	padding-top:10px;
	width:970px;
}
#menu {
	background-color:#ffffff;
	background-image:url(../images/menu_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:66px;
}
#logo {
	float:left;
	height:65px;
	width:250px;
}
#nav {
	width:970px;
	margin:auto;
}
#logo h1 {
	text-indent:-10000px;
	width:250px;
	height:65px;
}
#logo h1 a {
	display:block;
	width:250px;
	height:65px;
	background-image:url(../images/st8_creative_solutions_los_angeles_web_graphic_design.png);
	background-repeat:no-repeat;
}
#nav span {
	display:none;
}
#nav ul {
	float:right;
}
#nav li {
	float:left;
	list-style:none;
}
#nav li a {
	text-indent: -999999px;
}
#content {
	text-align:left;

}
#footer {
	margin-top:20px;
}
#footer p {
	color:#606163;
	font-size:1.1em;
	text-align:center;
	text-transform:uppercase;
}
#footer a {
	color:#606163;
	outline:none;
	text-decoration:none;
}
#footer a:visited {
	color:#606163;
	text-decoration:none;
}
#footer a:hover {
	color:#606163;
	text-decoration:underline;
}
p {
	font-size:1.2em;
	line-height:1.5em;
	text-align:left;
}
img {
	border:0 none;
}
a {
	color:#555555;
	outline:none;
	text-decoration:none;
}
a:visited {
	color:#555555;
	text-decoration:none;
}
a:hover {
	color:#555555;
	text-decoration:underline;
}
#indeximage {
}
#indexcol {
	background-image:url(../images/index/bg.jpg);
	background-repeat: repeat-x;
	height: 200px;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
#indexcol p {
	font-size: 1.215em;
	line-height: 1.75em;
}
#indexcol1 {
	height: 200px;
}
#indexcol1 p {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
}
#indexcol2 {
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	line-height:30px;
	height: 150px;
}
#indexcol2 p {
	padding-left: 21px;
	line-height:2em;
}
#indexcol3 {
	height: 200px;
}
#indexcol3 p {
	padding-left: 11px;
}
#indexcol1 h3, #indexcol2 h3, #indexcol3 h3 {
	text-indent: -9999999px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.indexservices {
	background-image: url(../images/index/index_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 300;
	height: 40px;
	margin-left: 20px;
}

.servicestext { line-height: 80px; }

.indexcontact {
	background-image: url(../images/index/index_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 300;
	height: 40px;
	margin-left: 9px;
}
#serviceslogo {
	background-image: url(../images/services/services.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 615px;
	float: left;
	margin-left: 345px;
}
.picture {
	width: 188px;
	height: 128px;
	margin-left: 24px;
	margin-top:22px;
}
#servicecontentbox1 {
	width: 960px;
	height: 354px;
	background-color: #fff;
	border:1px solid #555;
}
#servicecontentbox2 {
	width: 960px;
	height: 354px;
	margin-top: 24px;
	background-color: #fff;
	border:1px solid #555;
}
#servicecontentbox3, #servicecontentbox4 {
	width: 960px;
	height: 354px;
	margin-top: 24px;
	background-color:#fff;
	border:1px solid #555;
}
#serviceslogo h2, #servicecontentbox1 h3, #servicecontentbox2 h3, #servicecontentbox3 h3, #servicecontentbox4 h3 {
	text-indent: -999999px;
}
#servicecontentbox1 h3 {
	margin-left: 18px;
}
#servicecontentbox2 h3, #servicecontentbox3 h3, #servicecontentbox4 h3 {
	margin-top: 25px;
	margin-left: 25px;
}
.serviceswebsite {
	margin-top:25px;
	background-image: url(../images/services/services_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 330px;
	height: 40px;
}
.servicesprint {
	background-image: url(../images/services/services_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 330px;
	height: 40px;
}
.servicesbrand {
	background-image: url(../images/services/services_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	width: 330px;
	height: 40px;
}
.servicesmarketing {
	background-image: url(../images/services/services_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -300px;
	width: 330px;
	height: 40px;
}
#servicesleft {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 235px;
}
#servicesmiddle {
	background-color: #FF3399;
	float: left;
	margin-top: 20px;
	margin-left: 35px;
	width: 235px;
}
#servicesright {
	background-color: #9966CC;
	float:left;
	width: 370px;
	border-left: 1px solid #c9c9c9;
}
#servicesstroke {
	background-image: url(../images/services/moresamples.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-left:538px;
	width: 25px;
	height: 354px;
	border-left: 1px solid #e3e3e3;
}
#workimage {
	width: 960px;
	height: 400px;
}
#workcol1 {
	margin-left: 10px;
	display: inline;
	width: 325px;
	float: left;
}
#workcol2 {
	display: inline;
	width: 320px;
	float: left;
}
#workcol3 {
	display: inline;
	width: 315px;
	float: left;
}
#workcol1 a, #workcol1 a:visited, #workcol2 a, #workcol2 a:visited, #workcol3 a, #workcol3 a:visited {
	text-decoration: none;
	color: #555555;
}
#workcol1 a:hover, #workcol2 a:hover, #workcol3 a:hover {
	text-decoration: none;
	color: #009933;
}
#workcol1 ul li, #workcol2 ul li, #workcol3 ul li {
	list-style: none;
	font-size: 1.2em;
	line-height: 1.8em;
}
#workcol1 ul li {
	padding-left: 35px;
}
#workcol2 ul li {
	padding-left: 70px;
}
#workcol3 ul li {
	padding-left: 80px;
}
#workcol1 h3, #workcol2 h3, #workcol3 h3 {
	text-indent: -999999px;
	margin-top: 25px;
	margin-left: -10px;
}
#workcol1, #workcol2, #workcol3 {
	padding-bottom: 10px;
}
#workcol1 ul, #workcol2 ul, #workcol3 ul {
	margin-top: -15px;
}
.workwebsitedevelopment {
	background-image: url(../images/work/work_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 330px;
	height: 70px;
}
.workbrandstrategy {
	background-image: url(../images/work/work_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 330px;
	height: 70px;
}
.workprintidentity {
	background-image: url(../images/work/work_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	width: 330px;
	height: 70px;
}
#contactlogo {
	background-image:url(../images/contact/contact.jpg);
	background-repeat:no-repeat;
	float:left;
	height:200px;
	width:320px;
}
#contactrequest {
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	float:left;
	height:200px;
	margin-left:0px;
	margin-top:0px;
	width:320px;
}
#contactrequest p {
	text-align: right;
	padding-right: 15px;
}
#contactblank {
	float:left;
	height:200px;
	margin-left:0px;
	margin-top:0px;
	width:320px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
#contactaddress {
	float:left;
	height:200px;
	margin-left:0px;
	margin-top:0px;
	width:320px;
	border-left:1px solid #e5e5e5;
}
#contactaddress p {
	text-align: right;
	padding-right: 15px;
}
#contactrequest h3 {
	text-indent: -9999999px;
	margin-top: 85px;
}
#contactaddress h3 {
	text-indent: -9999999px;
	margin-top: 35px;
}
#contactbox {
	background-image:url(../images/contact/bg.jpg);
	background-repeat:repeat-x;
	float:left;
	height:400px;
	width:640px;
}
#contactform p {
	line-height: 35px;
	text-align: right;
}
#contactimage {
	background-image:url(../images/contact/contactimage.jpg);
	background-repeat:no-repeat;
	float:left;
	height:200px;
	margin-left:0px;
	width: 320px;
}
#contactform {
	width: 400px;
	margin-top: 30px;
	margin-left: 60px;
}
.contactst8 {
	background-image: url(../images/studio/studio_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 330px;
	height: 40px;
	margin-left: 18px;
}
.contactrequest {
	background-image: url(../images/contact/contact_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 200px;
	height: 40px;
	margin-left: 115px;
}
.textareacontact {
	width: 300px;
	height: 100px;
	padding: 4px;
	border: 1px solid #999999;
}
.inputcontact {
	width: 300px;
	height: 15px;
	padding: 4px;
	border: 1px solid #999999;
}
.inputcontactdown {
	width: 310px;
	height: 25px;
	padding: 4px;
	border: 1px solid #999999;
}
#studiologo {
	background-image: url(../images/studio/studio.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	width: 320px;
}
#studioimage {
	background-image: url(../images/studio/studioimage.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	margin-left: 0px;
	width: 640px;
}
#studioaddress {
	float: left;
	height: 200px;
	margin-left: 0px;
	margin-top: 0px;
	width: 320px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
#studioaddress p {
	text-align: right;
	padding-right: 15px;
}
#studiovisit {
	float: left;
	height: 200px;
	margin-left: 0px;
	margin-top: 0px;
	width: 320px;
	border-bottom: 1px solid #e5e5e5;
}
#studiovisit p {
	text-align: right;
	padding-right: 15px;
}
#studiomap {
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 320px;
	height: 400px;
}
#mapcanvas {
	width: 320px;
	height: 400px;
}
#studioimage2 {
	background-image: url(../images/studio/studioimage2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 200px;
	margin-left: 0px;
	margin-top: -200px;
	width: 320px;
}
#studiodirections {
	float: left;
	margin-left: 320px;
	margin-top: -200px;
	width: 320px;
	height: 200px;
	border-bottom: 1px solid #e5e5e5;
}
#studiodirections p {
	text-align: right;
	padding-right: 15px;
}
#studioaddress h3, #studiovisit h3, #studiodirections h3 {
	text-indent: -999999px;
	margin-top: 35px;
}
.studiost8 {
	background-image: url(../images/studio/studio_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 330px;
	height: 40px;
	margin-left: 18px;
}
.studiovisit {
	background-image: url(../images/studio/studio_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	width: 330px;
	height: 40px;
	margin-left: 195px;
}
.studiodirections {
	background-image: url(../images/studio/studio_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 300px;
	height: 40px;
	margin-left: 160px;
}
#teamlogo {
	background-image: url(../images/team/team.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
}
#teamphoto {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotomary {
	background-image: url(../images/team/mary.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotogabriel {
	background-image: url(../images/team/gabriel.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotoguilherme {
	background-image: url(../images/team/guilherme.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotomauricio {
	background-image: url(../images/team/mauricio.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotoandre {
	background-image: url(../images/team/andre.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotogustavo {
	background-image: url(../images/team/gustavo.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotodaniel {
	background-image: url(../images/team/daniel.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamphotodanilo {
	background-image: url(../images/team/danilo.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamblank {
	background-color: #ffffff;
	float: left;
	width: 320px;
	height: 200px;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
#teamlist {
	background-image: url(../images/team/team_name.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	float: left;
	width: 318px;
	height: 400px;
	border-bottom: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
}
#teamlist a {
	color: #555555;
	outline: none;
	text-decoration:none;
}
#teamlist a:visited {
	color: #555555;
	text-decoration: none;
}
#teamlist a:hover {
	color: #cc3333;
	text-decoration: none;
}
#teamlist p {
	text-align: right;
	padding-right: 15px;
}
#teamname {
	background-color: #ffffff;
	float: left;
	width: 319px;
	height: 200px;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#teamname p, #teamname h3 {
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
}
.teammembername {
	font-size: 1.8em;
	margin-bottom: -1.2em;
}
.teammembertitle {
	font-size: 1.2em;
	margin-bottom: -0.5em;
}
.teammemberdegree {
	font-size: 1em;
	text-transform: uppercase;
}
.teambio {
	line-height: 2em;
}
#teamblank2 {
	background-color:#ffffff;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	float:left;
	height:200px;
	margin-left:-320px;
	margin-top:200px;
	width:320px;
}
#teambio {
	background-color: #ffffff;
	float: left;
	width: 320px;
	height: 400px;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#teambio p {
	padding-right: 50px;
	padding-left: 20px;
	padding-top: 15px;
}
#teampeopletitle {
	margin-top: 25px;
}
.teamname {
	font-size: 14px;
}
.teampeopletitle {
	font-size: 1em;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: right;
}
#casestudyimage {
	background-image: url(../images/case/ssd.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimageatelierv {
	background-image: url(../images/case/atelierv.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimageavalon {
	background-image: url(../images/case/avalon.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimageblueseo {
	background-image: url(../images/case/blueseo.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagedisney {
	background-image: url(../images/case/disney.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagedisneyprint {
	background-image: url(../images/case/disneyprint.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagedondante {
	background-image: url(../images/case/dondante.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimageerez {
	background-image: url(../images/case/erez.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimageessentiallivingfoods {
	background-image: url(../images/case/essentiallivingfoods.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimageessentiallivingfoodsprint {
	background-image: url(../images/case/essentiallivingfoodsprint.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagefanjen {
	background-image: url(../images/case/fanjen.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimagegringa {
	background-image: url(../images/case/gringa.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagehelpstamps {
	background-image: url(../images/case/helpstamps.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagehelpstampsbrand {
	background-image: url(../images/case/helpstampsbrand.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagenoalex {
	background-image: url(../images/case/noalex.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagemarcysworld {
	background-image: url(../images/case/marcysworld.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimageoneill {
	background-image: url(../images/case/oneill.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagepublishing {
	background-image: url(../images/case/custompublishing.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagerockhardrunners {
	background-image: url(../images/case/rockhardrunners.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagesafetykid {
	background-image: url(../images/case/safetykid.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimagesync {
	background-image: url(../images/case/sync.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimagesubsonic {
	background-image: url(../images/case/ssd.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimagesouthcoast {
	background-image: url(../images/case/southcoast.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimagesanfrancisco {
	background-image: url(../images/case/sanfranciscodayhospital.jpg);
	width: 960px;
	height: 400px;
}

#casestudyimagevampire {
	background-image: url(../images/case/vampire.jpg);
	width: 960px;
	height: 400px;
}
#casestudyimagevenicemediadistrict {
	background-image: url(../images/case/venicemediadistrict.jpg);
	width: 960px;
	height: 400px;
}
#casecol {
	margin-top: 40px;
}
#casecol1 {
	float: left;
	width: 300px;
	padding-left: 10px;	
}
#casecol2 {
	float: left;
	width: 300px;
	padding-left: 15px;
}
#casecol3 {
	float: left;
	width: 300px;
	padding-left: 15px;
}
#casecol1 h3, #casecol2 h3, #casecol3 h3 {
	font-size: 16px;
	line-height:20px;
} 
#casephotos {
	width: 470px;
	margin-top: 25px;
	padding-left: 10px;
}
#casephotos h3 {
	font-size: 14px;
}
#casetestimonial {
	margin-top: 20px;
	padding-bottom: 20px;
}
#casethumbs {
	margin-top: 15px;
}
.casethumb {
	padding-right: 10px;
}
.hide {
	display: none;
}
a.services, a.work, a.team, a.studio, a.news, a.contact {
	background-image:url(../images/menu_css_sprite.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:64px;
	overflow:hidden;
	width:115px;
}
a.services {
	background-position:0px -100px;
}
a.work {
	background-position:-150px -100px;
}
a.team {
	background-position:-300px -100px;
}
a.studio {
	background-position:-450px -100px;
}
a.news {
	background-position:-600px -100px;
}
a.contact {
	background-position:-750px -100px;
}
a:hover.services {
	background-position:0px 0px;
}
a:hover.work {
	background-position:-150px 0px;
}
a:hover.team {
	background-position:-300px 0px;
}
a:hover.studio {
	background-position:-450px 0px;
}
a:hover.news {
	background-position:-600px 0px;
}
a:hover.contact {
	background-position:-750px 0px;
}
.clear {
	clear: both;
}
.g160, .g320, .g480, .g640, .g800, .g960, .g80, .g240, .g400, .g560, .g720, .g880, .g960 {
	display:inline;
	float:left;
	margin-left:10px;
}
.g160 {
	width:150px;
}
.g320 {
	width:310px;
}
.g480 {
	width:470px;
}
.g640 {
	width:630px;
}
.g800 {
	width:790px;
}
.g960 {
	width:950px;
}
.g80 {
	width:70px;
}
.g240 {
	width:230px;
}
.g400 {
	width:390px;
}
.g560 {
	width:550px;
}
.g720 {
	width:710px;
}
.g880 {
	width:870px;
}
.email {
	text-transform: uppercase;
	font-size: 1em;
}
.strong {
	font-weight: bold;
}
.box1 {
	width:234px;
	/*background-color:#063;*/
	float:left;
	margin-left:24.40px;
	margin-top:20px;
}
.box2 {
	margin-left:36px;
	float:left;
	width:234px;
	/*background-color:#093;*/
	margin-top:20px;
}
.container-box3 {
	/*background-color:#063;*/
	float:left;
	width:361px;
	height:354px;
}
.line {
	height:297px;
	float:left;
	margin-top:24px;
	border:1px solid #cccccc;
}
.containerbox {
	float:left;
	width:571px;
	height:354px;
}
.client-name, .client-info, .client-website, .client-info2 {
	margin-left:25px;
}
.client-name {
	font-size:20.11px;
}
.client-website {
	font-size:15.76px;
}
.client-info {
	margin-right:10px;
}
.client-info2 {
	text-decoration:underline;
}
.more-samples {
	background-repeat: no-repeat;
	float:left;
	width: 25px;
	height: 354px;
	border-left: 1px solid #e3e3e3;
}
.boxgrid {
	width: 325px;
	height: 260px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p {
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}
#news1 {
	float:left;
	width:361px;
	height:354px;
	margin-left: 25px;
	margin-top: 25px;
}
/* START SLIDESHOW HOME PAGE */

#slider {
	width: 970px; /* important to be same as image width */
	height: 400px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
	width: 970px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding: 2px 5px 5px 5px;
	width: 970px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
	font-size: 10px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
#slider ul {
	list-style-type: none;
}

/* END SLIDESHOW HOME PAGE */


/* What we do */
#strategictargeting_div{
		background:url(../images/whatwedo/strategictargeting.gif) no-repeat 0 0;
		width:100%;
		height:145px;
		margin:40px 0;
	}
	#strategictargeting_div h3, #strategictargeting_div p,#whatwedo_ul li h4, #howwedoit_div h3{
		display:none;
	}
	#whatwedo_ul{
		width:100%;
		height: 680px;
		background:url(../images/whatwedo/whatwedo.gif) no-repeat 297px top;
	}
	#whatwedo_ul li{
		list-style:none;
		display:block;
		height:105px;
		font-size:15px;
		color:#7f7f7f;
		line-height:20px;
	}
	.leftside{ float:left; clear:left;}
	.rightside{ float:right; clear:right;}
	
	#li_1{ 
		background:url(../images/whatwedo/1_title.gif) no-repeat 0 0;
		padding:50px 0 0 85px;
		width:200px;
	}
	#li_2{ 
		background:url(../images/whatwedo/2_title.gif) no-repeat 0 0;
		padding:50px 0 0 92px;
		width:243px;
	}
	#li_3{ 
		background:url(../images/whatwedo/3_title.gif) no-repeat 0 0;
		padding:55px 0 0 91px;
		width:245px;
		height:100px !important;
	}
	#li_4{ 
		background:url(../images/whatwedo/4_title.gif) no-repeat 0 0;
		padding:50px 0 0 89px;
		width:245px;
	}
	#li_5{ 
		background:url(../images/whatwedo/5_title.gif) no-repeat 0 0;
		padding:46px 0 0 88px;
		width:215px;
	}
	#li_6{ 
		background:url(../images/whatwedo/6_title.gif) no-repeat 0 0;
		padding:50px 0 0 92px;
		width:239px;
	}
	#li_7{ 
		background:url(../images/whatwedo/7_title.gif) no-repeat 0 0;
		padding:47px 0 0 87px;
		width:225px;
	}
	#li_8{ 
		background:url(../images/whatwedo/8_title.gif) no-repeat 0 0;
		padding:50px 0 0 91px;
		width:242px;
	}
	
	#whatwedo_ul li a{
		font-style:italic;
		color:#7f7f7f;
		font-size:13px;
	}
	#learnhow_a{
		display:block;
		width:541px;
		height:100px;
		margin:0 auto;
		text-indent:-9999em;
		overflow:hidden;
		background:url(../images/whatwedo/learnhow_title.gif) no-repeat 0 0;
	} 

/* How we do it */

#howwedoit_h2{ 
	text-indent:-9999em;
	display:block;
	width:100%;
	height:125px;
	background:url(../images/howwedo/howwedoit_big.gif) no-repeat 0 0;
	margin:40px 0;
}
#howwedoit_div{
	width:100%;
	height:210px;
	background:url(../images/howwedo/howwedoit.gif) no-repeat 0 0;
	margin:50px 0 40px;
}
#tabs{
	width:100%;
	height:100px;
	position:relative;
	z-index:10;
}
#tabs li{
	list-style:none;
	float:left;
	width:250px;
	height:100px;
}
#tabs li a{
	display:block;
	width:250px;
	height:100px;
	background-image:url(../images/howwedo/tabs_bg.jpg);
	text-indent:-9999em;
	overflow:hidden;
}
.contaba{
	width:885px;
	height:385px;
	background:url(../images/howwedo/tabdiv_bg.jpg) repeat-x bottom center;
	border:1px solid #dfe0e1;
	position:relative;
	top:-1px;
	padding:20px;
}
.contaba a{
	color:#7F7F7F;
}
#step1{ background-position:0 0;}
#step2{ background-position:-253px 0;}
#step3{ background-position:-504px 0;}
#step1.selected{ background-position:0 -100px;}
#step2.selected{ background-position:-253px -100px;}
#step3.selected{ background-position:-504px -100px;}

#tab1 h3, #tab1 p{ width:380px;}
#tab1 span{ position:absolute; right:0; top:125px;}
#tab1 h3{ text-indent:-9999em; background:url(../images/howwedo/discovery_title.gif) no-repeat 0 0; height:110px;}
#tab1 span p{ font-size:20px; line-height:40px; color:#aaa; width:430px;}

#tab2 h3, #tab2 p{ width:310px;}
#tab2 span{ position:absolute; right:30px; bottom:25px;}
#tab2 h3{ text-indent:-9999em; background:url(../images/howwedo/strategy_title.gif) no-repeat 0 0; height:110px;}
#tab1 p, #tab2 p, #tab3 p{ font-size:14px; color:#7f7f7f; line-height:25px;}

#tab3 h3, #tab3 p{ width:440px;}
#tab3 span{ position:absolute; right:60px; top:50px;}
#tab3 h3{ text-indent:-9999em; background:url(../images/howwedo/measure.gif) no-repeat 0 0; height:110px;}

#whatwedo_link, #ourwork_link{
	display:block;
	width: 390px;
	height: 73px;
	text-indent:-9999em;
	overflow:hidden;
	margin:100px 0;
}
#whatwedo_link{ 
	background:url(../images/howwedo/whatwedo_link.gif) no-repeat 0 0;
	float:left;	
}
#ourwork_link{
	background:url(../images/howwedo/ourwork_link.gif) no-repeat 0 0;
	float:right;
}