/* o~~( ^ . ^ )~~o Scroll Panes o~~( ^ . ^ )~~o */
#scrollarea {
	float:left;
	position:relative;
	width:999px;
}

#scrollpane {
	clear:left;
	height:322px;
	overflow:hidden;
	position:relative;
	width:100%;
	margin-bottom:50px;
}

.logobg{
	background:transparent url(../images/site/logodesign.jpg) no-repeat scroll 0 14px;
}

.bookbg{
	background:transparent url(../images/site/traditional_marketing.jpg) no-repeat scroll 0 14px;
}

.laptopbg{
	background: url("../images/site/messaging2.jpg") no-repeat scroll 0 14px transparent;
}

.webdesignbg{
	background:transparent url(../images/site/d3sign.png) no-repeat scroll 0 14px;
}

.webdevelopbg{
	background:transparent url(../images/site/d3velopment.png) no-repeat scroll 0 14px;
}

.seobg{
	background:transparent url(../images/site/motiongraphics.png) no-repeat scroll 0 0;
}

.imarketingbg{
	background:transparent url(../images/site/internet_marketing.jpg) no-repeat scroll 0 14px;
}

.istrategybg{
    background: url("../images/site/marketing.png") no-repeat scroll 0 14px transparent;
}

.tmarketingbg {
	background:transparent url(../images/site/cro.png) no-repeat scroll 0 0;
}

#designscrollpane {
	clear:left;
	height:322px;
	overflow:hidden;
	position:relative;
	width:100%;
	background:transparent url(../images/site/d3sign.png) no-repeat scroll 0 14px;
}

#marketingscrollpane {
	clear:left;
	height:322px;
	overflow:hidden;
	position:relative;
	width:100%;
	background:transparent url(../images/site/marketing.png) no-repeat scroll 0 14px;
}

#developscrollpane {
	clear:left;
	height:322px;
	overflow:hidden;
	position:relative;
	width:100%;
	background:transparent url(../images/site/d3velopment.png) no-repeat scroll 0 14px;
}

.scrollcontentul {
	height:322px;
	width:5994px;
}


.scrollcontentli{
	height:322px;
	width:1200px;
	list-style-type:none;
	float:left;
}

.innerul{
	margin-bottom:10px;
	width:300px;
}

.innerul li{
	list-style-type:disc;
	margin-left:30px;
}

#scroll-links li {
	/*height:100px;
	width:323px;*/
	list-style-type:none;
	float:left;
	/*padding:0 5px;*/
	text-align:center;
}
#scroll-links li a{
cursor:pointer;
}
/*.websitedesign{
background:transparent url(/images/thumbs/websitedesign.png) no-repeat;
width:200px;
height:82px;
display:block
}

.websitedesign:hover, .current .websitedesign {
background:url(/images/thumbs/websitedesign.png) repeat scroll 2px -82px transparent;
}

.webdevelopment{
background:transparent url(/images/thumbs/webdevelopment.png) no-repeat;
width:200px;
height:82px;
display:block
}

.webdevelopment:hover, .current .webdevelopment{
background:url(/images/thumbs/webdevelopment.png) repeat scroll 0px -82px transparent;
}

.seo{
background:transparent url(/images/thumbs/seo.png) no-repeat;
width:200px;
height:82px;
display:block
}

.seo:hover, .current .seo{
background:url(/images/thumbs/seo.png) repeat scroll 0 -81px transparent;
}*/
/*
.logodesign{
background:transparent url(/images/thumbs/logo.png) no-repeat;
width:200px;
height:82px;
display:block
}

.logodesign:hover, .current .logodesign{
background:url(/images/thumbs/logo.png) repeat scroll 0 -81px transparent;
}

.brandstandards{
background:transparent url(/images/thumbs/brandstandards.png) no-repeat;
width:200px;
height:82px;
display:block
}

.brandstandards:hover, .current .brandstandards{
background:url(/images/thumbs/brandstandards.png) repeat scroll 0 -82px transparent;
}

.messaging{
background:transparent url(/images/thumbs/messaging.png) no-repeat;
width:200px;
height:82px;
display:block
}

.messaging:hover, .current .messaging{
background:url(/images/thumbs/messaging.png) repeat scroll 0 -81px transparent;
}


.integratedstrat{
background:transparent url(/images/thumbs/integratedstrategy.png) no-repeat;
width:200px;
height:82px;
display:block
}

.integratedstrat:hover, .current .integratedstrat{
background:url(/images/thumbs/integratedstrategy.png) repeat scroll 0 -82px transparent;	
}

.internetmarketing{
background:transparent url(/images/thumbs/internetmarketing.png) no-repeat;
width:200px;
height:82px;
display:block
}

.internetmarketing:hover, .current .internetmarketing{
background:url(/images/thumbs/internetmarketing.png) repeat scroll 0 -82px transparent;	
}

.traditionmarketing{
background:transparent url(/images/thumbs/traditionalmarketing.png) no-repeat;
width:200px;
height:82px;
display:block
}

.traditionmarketing:hover, .current .traditionmarketing{
background:url(/images/thumbs/traditionalmarketing.png) repeat scroll 0 -82px transparent;	
}*/
	
	
	

.innercol{
	/*width:323px;*/
	/*height:322px;*/
	color:#F6EDC2;
	float:left;
	font-size:1em;
	line-height:1.3em;
	margin-left:23px;
	margin-top:4px;
	padding:5px;
	position:relative;
	width:300px;
}

.innercol p {
	margin-bottom:10px;	
}

.innercol a {
	color:#FFFFFF;	
}

.innercol a:hover{
    cursor:pointer;
}

.twoinnercol{
	position:relative;
	float:left;
	width:656px;
	/*height:322px;*/
	color:#F6EDC2;
	padding:5px;	
}

.innercol h2 {
	color:#F6EDC2;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
}
/* o~~( ^ . ^ )~~o Scroll Panes o~~( ^ . ^ )~~o */

/* o~~( ^ . ^ )~~o Sprites 2.0 o~~( ^ . ^ )~~o */

.designnav {
width: 966px; height: 61px;
background: url(/images/design_sprite.png);
margin: 20px auto; padding: 0;
position: relative;}
.designnav li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}
.designnav li, .designnav a {
height: 61px; display: block;}

  #logosprite {left: 0; width: 235px;}
  #traditionalsprite {left: 379px; width: 236px;}
  #brandmessagingsprite {left: 731px;width: 236px;}

#logosprite a:hover, #logosprite.current a {
background: transparent url(/images/design_sprite.png)
0 -62px no-repeat;}
#traditionalsprite a:hover, #traditionalsprite.current a {
background: transparent url(/images/design_sprite.png)
-379px -62px no-repeat;}
#brandmessagingsprite a:hover, #brandmessagingsprite.current a {
background: transparent url(/images/design_sprite.png)
-731px -62px no-repeat;}



.developmentnav {
width: 966px; height: 61px;
background: url(/images/development_sprite.png);
margin: 18px auto 22px; padding: 0;
position: relative;}
.developmentnav li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}
.developmentnav li, .developmentnav a {
height: 61px; display: block;}

  #websitedesignsprite {left: 0; width: 235px;}
  #websitedevelopmentsprite {left: 379px; width: 236px;}
  #motiongraphicssprite {left: 731px;width: 236px;}

#websitedesignsprite a:hover, #websitedesignsprite.current a {
background: transparent url(/images/development_sprite.png)
0 -61px no-repeat;}
#websitedevelopmentsprite a:hover, #websitedevelopmentsprite.current a {
background: transparent url(/images/development_sprite.png)
-379px -61px no-repeat;}
#motiongraphicssprite a:hover, #motiongraphicssprite.current a {
background: transparent url(/images/development_sprite.png)
-731px -61px no-repeat;}

.marketingnav {
width: 966px; height: 61px;
background: url(/images/marketing_sprite.png);
margin: 20px auto; padding: 0;
position: relative;}
.marketingnav li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}
.marketingnav li, .marketingnav a {
height: 61px; display: block;}

  #seosprite {left: 0; width: 235px;}
  #inboundsprite {left: 379px; width: 236px;}
  #crosprite {left: 731px;width: 236px;}

#seosprite a:hover, #seosprite.current a {
background: transparent url(/images/marketing_sprite.png)
0 -64px no-repeat;}
#inboundsprite a:hover, #inboundsprite.current a {
background: transparent url(/images/marketing_sprite.png)
-379px -64px no-repeat;}
#crosprite a:hover, #crosprite.current a {
background: transparent url(/images/marketing_sprite.png)
-731px -64px no-repeat;}