/* 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/messaging2.jpg) no-repeat scroll 0 14px;
}

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

.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/marketing.png) no-repeat scroll 0 14px;
}

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

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

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

#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:1.12em;
	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 */