@charset "utf-8";
/* 
------------------------
(c) Styles Creative 2010 - Internet Marketing & E-commerce Web Design
	Created: 16/12/2009
-----------------------
CSS Stylesheet
*/
body {margin:0; padding:0; background:url(images/build/sc-head-top.jpg) repeat-x top #FFF;}
body.case-study-body { background:url(images/build/sc-case-study-top.jpg) repeat-x top #FFF;}

/* SC General Code Organisation */
* {margin:0px; padding:0px;}
a img {border:none;}
.clear {height:0px; font-size:0px; clear:both; overflow:hidden; line-height:0px;}
.left {float:left;}
.right {float:right;}
:focus{-moz-outline-style: none;}


a {font-family:"Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; color:#0099cc; text-decoration:none; line-height:18px;}
a:hover {text-decoration:underline;}

p {font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; line-height:18px;}
p.side-nav { color:#666666; margin-top:12px; }
p.side-nav.top { margin-top:0px; }

h1{font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:41px; color:#333; text-shadow:#ccc 2px 1px; letter-spacing:-2px;}
h2{font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:16px; color:#666666; text-shadow:#ccc 1px 1px; }
h3 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; color:#333; text-shadow:#ccc 1px 1px; font-weight:bold; padding-bottom:10px;}
h3 a {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; color:#333; text-shadow:#ccc 1px 1px; font-weight:bold; padding-bottom:10px; line-height:normal;}
h4 {}
h5 {}
h6 {}

#footer h3 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; color:#fff; text-shadow:#333 1px 1px; font-weight:bold; padding:0px 0 10px 0;}

/* SC Layout */
#sc-background {position: relative; width: 100%; top: 0px; z-index: 1; background-repeat: no-repeat; background-position: 50% top; left: 0px;} /* Changeable background */
#sc-container {padding:0; margin:auto; width:960px;}
#main-content {width:635px; margin-right:12px; padding:20px 0 10px 0;}
#content-header {height:65px;}
#sub-header {height:30px;}
#case-study-content{width:635px; padding:20px 0 0 0; }

/* Side Navigation */
#side-nav {width:312px;}
#side-nav-top, #side-nav-btm, .side-nav-divider {width:312px; height:5px; background:url(images/build/sc-side-nav-bg.jpg) top center no-repeat;}
.side-nav-content {width:272px; padding:20px 20px;}
ul.side-nav-list {list-style:none;}
.side-call {font-size:24px; color:#0099cc;}
ul.side-nav-list li ul li { list-style:none; margin-left:5px; color:#666666; }

/* SC Header */
#header {width:960px; height:195px;}
#header-contactus {width:281px; height:23px; margin-top:10px; padding:5px 0; background:url(images/build/contact-top-bg.png) no-repeat;}
#header-contactus p {color:#666666; font-size:16px; font-weight:bold;}
#header-contactus p span {color:#006699;}
#sc-logo {width:118px; height:143px; margin-left:96px;}

/* SC Rotator */
#sc-rotator {width:960px; height:352px; background:url(images/build/sc-rotator-bg.jpg) no-repeat; margin-bottom:25px;}

/* SC Section Header */
.sc-section-header {width:960px; height:272px; margin-bottom:25px;}
.sc-section-header h1 {font-size:41px; color:#ffffff; text-shadow:#596a72 2px 1px; letter-spacing:-2px; padding:130px 500px 0 45px;}
.sc-section-header h2 {font-size:16px; color:#effaff; text-shadow:#596a72 2px 1px; letter-spacing:em; padding:20px 500px 0 45px; }

.sc-case-study-header{ }
.sc-case-study-header h1{font-size:41px; color:#333; text-shadow:#ccc 2px 1px; letter-spacing:-2px; padding:30px 500px 0 0;}
.sc-case-study-header h2{font-size:16px; color:#666; text-shadow:#ccc 1px 1px; letter-spacing:-.05em; padding:20px 500px 0 0;}

/* SC Top Level Banners */
.services {background:url(images/section-banners/services.jpg) no-repeat;}
.our-work {background:url(images/section-banners/our-work.jpg) no-repeat;}
.blog {background:url(images/section-banners/blog.jpg) no-repeat;}
.about-us {background:url(images/section-banners/about-us.jpg) no-repeat;}
.contact-us {background:url(images/section-banners/contact-us.jpg) no-repeat;}

/* SC Our Services Banners */
.services-web-design {background:url(images/section-banners/services-web-design.jpg) no-repeat;}
.services-ecommerce {background:url(images/section-banners/services-ecommerce.jpg) no-repeat;}
.services-internet-marketing {background:url(images/section-banners/services-internet-marketing.jpg) no-repeat;}
	.services-link-building {background:url(images/section-banners/services-link-building.jpg) no-repeat;}
	.services-email-marketing {background:url(images/section-banners/services-email-marketing.jpg) no-repeat;}
.services-additional {background:url(images/section-banners/services-additional.jpg) no-repeat;}
	.services-web-photography {background:url(images/section-banners/services-web-photography.jpg) no-repeat;}
	.services-corporate-identity {background:url(images/section-banners/services-corporate-identity.jpg) no-repeat;}
	.services-web-video {background:url(images/section-banners/services-web-video.jpg) no-repeat;}
	.services-copywriting {background:url(images/section-banners/services-copywriting.jpg) no-repeat;}
	

/* SC Our Work Banners */
.work-corporate-identity {background:url(images/section-banners/work-corporate-identity.jpg) no-repeat;}
.work-ecommerce {background:url(images/section-banners/work-internet-marketing.jpg) no-repeat;}
.work-internet-marketing {background:url(images/section-banners/work-ecommerce.jpg) no-repeat;}
.work-web-design {background:url(images/section-banners/work-web-design.jpg) no-repeat;}
.work-web-development {background:url(images/section-banners/work-web-development.jpg) no-repeat;}
.work-web-photography {background:url(images/section-banners/work-web-photography.jpg) no-repeat;}

/* SC Footer */
#footer {width:100%; background:url(images/build/sc-footer-bg.jpg) top repeat-x; margin-top:25px;}
#footer h3, #footer p, #footer li {text-shadow:#666666 2px 1px; line-height:18px;}
#footer-960 {width:960px; height:138px; margin:0 auto; padding:15px 0;}
#footer-services, #footer-info, #footer-address {width:150px; height:138px; margin-right:12px;}
#footer-accreditations {width:312px; height:45px; margin-top:48px;}
ul.footer-list {list-style:none;}
ul.footer-list li, ul.footer-list a, #footer-address p {color:#ffffff; font-weight:bold; font-size:13px;}
p#copyright { display:block; width:960px; margin:12px auto; text-align:right; text-shadow:none; color:#333333; font-size:13px; }

/* SC Navigation */
#sc-navigation {width:576px; height:31px; margin-top:102px;}
	ul#menu {height:32px; list-style:none; margin:0; padding:0;}
	ul#menu li {float:left;}
	ul#menu li a {background: url(images/build/sc-menu.jpg) no-repeat scroll top left; display:block; height:31px; position:relative; margin-right:10px;}
	ul#menu li a span {
	background:url(images/build/sc-menu.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:-1px;
	left:0px;
	height:100%;
	width:100%;
	z-index:100;
	text-indent:1000;
	overflow:hidden;
}
	ul#menu li a span:hover {cursor:pointer;}
	
	/* Normal */
	ul#menu li a.home {width:58px;}
	ul#menu li a.services {width:81px; background-position:-68px 0px !important;}
	ul#menu li a.our-work{width:90px; background-position: -159px 0px !important;}
	ul#menu li a.latest-news{width:105px; background-position:-259px 0px !important;}
	ul#menu li a.about-us{width:83px; background-position: -374px 0px !important;}
	ul#menu li a.contact-us{width:99px; background-position: -467px 0px !important;}
	/* Hover */
	ul#menu li a.home span.hover {background-position:0px -31px;}
	ul#menu li a.services span.hover {background-position:-68px -31px;}
	ul#menu li a.our-work span.hover {background-position:-159px -31px;}
	ul#menu li a.latest-news span.hover {background-position:-259px -31px;}
	ul#menu li a.about-us span.hover {background-position: -374px -31px;}
	ul#menu li a.contact-us span.hover {background-position: -467px -31px;}
	/* Active */
	ul#menu li a.home-active {width:58px; background-position:0px -62px;}
	ul#menu li a.services-active {width:81px; background-position:-68px -62px;}
	ul#menu li a.our-work-active {width:90px; background-position:-159px -62px;}
	ul#menu li a.latest-news-active {width:105px; background-position:-259px -62px;}
	ul#menu li a.about-us-active {width:83px; background-position:-374px -62px;}
	ul#menu li a.contact-us-active {width:99px; background-position:-467px -62px;}
	
/* SC Lists */


/* SC Scrollable */
.styles-rotation {position:relative; overflow:hidden; width:960px; height:340px; z-index:50;}
.styles-rotation .items {width:20000em; position:absolute; clear:both; height:340px;}
.styles-rotation .item {float:left; width:960px; height:340px;}
.styles-rotation .navi {float:right; width:160px; height:16px; margin-top:300px; z-index:100; position:relative;}
.styles-rotation .nav-left-right {float:right; width:80px; height:16px; margin-top:300px; z-index:100; position:relative;}

#slide-image {width:612px; height:328px; margin:12px 20px 0px 12px;}
#slide-image:hover {-moz-box-shadow:#666 0px 0px 8px;box-shadow:0 0 8px #666;-webkit-box-shadow:0 0 8px #666;}

#slide-text {width:302px; height:250px; padding:20px 10px 10px 0; text-shadow:#666 1px 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF;}
#slide-text p {font-size:11px; font-weight:bold; text-transform:uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#slide-text a.slide-link {font-size:10px; font-weight:bold; color:#effaff; text-decoration:none;}
#slide-text span {color:#effaff;}
#slide-text span.slide-title {font-size:28px; color:#FFF; text-transform:capitalize;}
#slide-text span.slide-services {font-size:16px; color:#FFF; text-transform:capitalize;}
#slide-text a.slide-view {font-size:16px; color:#FFF; text-decoration:none; text-transform:capitalize;}
#slide-text a.slide-view:hover {text-decoration:underline;}

/*SC Scrollable Navigation */
div.navi a {width:16px; height:16px; float:left; margin:3px; background: url(images/build/slide-navi.png) 0 0 no-repeat; display:block; font-size:1px; cursor:pointer;}
div.navi a:hover {background-position:0 -16px;}
div.navi a.active {background-position:0 -32px;} 	

.nav-left-right a.next {width:19px; height:16px; float:left; margin:3px; background:url(images/build/sc-nt-bg.png) 0 0 no-repeat; display:block; cursor:pointer;}
.nav-left-right a.prev {width:19px; height:16px; float:left; margin:3px; background:url(images/build/sc-pr-bg.png) 0 0 no-repeat; display:block; cursor:pointer;}
.nav-left-right a:hover {background-position:0 -16px;}

/* SC Case Study Scrollable */
.case-study-scroll {position:relative; overflow:hidden; width:635px; height:352px; z-index:50; background:url(images/build/case-study-scroll-bg.jpg) no-repeat;}
	.case-studies {width:20000em; position:absolute; clear:both; height:352px;}
	.case-study {float:left; width:635px; height:340px;}
	.case-study-image{ width:612px; height:328px; margin:12px 12px 0 12px; }

.case-left-right{ width:100px; height:18px; float:left; }
.case-navi{width:535px; height:18px; float:left;}

/*SC Case Study Scrollable Navigation */
div.case-navi a {width:17px; height:16px; float:left; margin:3px; background: url(images/build/case-study-nav.jpg) 0 0 no-repeat; display:block; font-size:1px; cursor:pointer;}
div.case-navi a:hover {background-position:0 -16px;}
div.case-navi a.active {background-position:0 -32px;} 	

.case-left-right a.next {width:19px; height:16px; float:left; margin:3px; background:url(images/build/sc-client-nxt-bg.jpg) 0 0 no-repeat; display:block; cursor:pointer;}
.case-left-right a.prev {width:19px; height:16px; float:left; margin:3px; background:url(images/build/sc-client-pre-bg.jpg) 0 0 no-repeat; display:block; cursor:pointer;}
.case-left-right a:hover {background-position:0 -16px;}

/*SC Content */
.home-promo-web {width:312px; height:143px; margin:0 11px 15px 0; background: url(images/build/web-design-icon.jpg) no-repeat; }
.home-promo-internetmarketing {width:312px; height:143px; margin-bottom:15px; background: url(images/build/internet-marketing-icon.jpg) no-repeat; }
.home-promo-ecommerce {width:312px; height:143px; margin:0 11px 15px 0; background: url(images/build/ecommerce-icon.jpg) no-repeat; }
.home-promo-other {width:312px; height:143px; margin-bottom:15px; background: url(images/build/other-icon.jpg) no-repeat; }
.home-promo-info{width:205px; float:right; }
.home-promo-info h3 {padding:10px 10px 5px 0;}
.home-promo-info p{padding:0 10px 10px 0; }

.case-study-holder {width:631px; height:auto; clear:both;}
.casestudy-promo-image {width:306px; height:181px; margin:10px 10px 0 0;}
.casestudy-promo-text {width:306px; height:20px; padding:0; margin:5px 0 12px 0;}

.contact-form-holder {width:631px; height:auto; clear:both;}
.contact-form-left {width:316px; height:auto; margin:20px 20px 20px 0;}
.contact-form-right {width:295px; height:auto; margin:20px 0 20px 0;}

#case-study-services{width:635px; padding:20px 0; }
.case-study-service{width:180px; height:20px; margin-right:9px;}

.team-group { width:635px; height:auto; margin:24px 0; padding:0; clear:both; }
.team-group .end { margin-right:0; }
.team-holder { width:150px; height:201px; margin:12px 11px 0 0; overflow:hidden; }
.team-holder a { display:block; padding:169px 10px 8px 10px; font-weight:bold; font-size:14px; background-color:#efefef; border:3px solid #eeeeee; }
.team-holder a:hover { text-decoration:none; border:3px solid #0099cc; }
#adrian { background: url(images/about/head1.jpg) no-repeat; }
#ben { background:url(images/about/head1.jpg) no-repeat; }
#will { background:url(images/about/head1.jpg) no-repeat; }
#aaron { background:url(images/about/head1.jpg) no-repeat; }
#andy { background:url(images/about/head1.jpg) no-repeat; }
#emily { background:url(images/about/head2.jpg) no-repeat; }
#jacqui { background:url(images/about/head2.jpg) no-repeat; }
#richard { background:url(images/about/head1.jpg) no-repeat; }
.tip-top { width:358px; height:22px; overflow:hidden; background:url(images/about/about-us-speach-top.png) no-repeat;  }
.tip-mid { width:338px; height:auto; overflow:hidden; padding:0 10px; background:url(images/about/about-us-speach-mid.png) repeat-y; color:#fff; }
.tip-bot { width:358px; height:68px; overflow:hidden; background:url(images/about/about-us-speach-bot.png) no-repeat; }

#adriantip, #bentip, #willtip, #aarontip, #andytip, #emilytip, #jacquitip
{ display:none; height:auto; width:358px; margin-top:25px; }

.services-section-image { width:150px; height:80px; overflow:hidden; margin:28px 10px 20px 0px; }
.services-image-left { width:150px; height:80px; overflow:hidden; margin:0px 10px 10px 0px; }
.services-image-right { width:150px; height:80px; overflow:hidden; margin:0px 0px 10px 10px; }
.additional-services-image { width:250px; height:200px; overflow:hidden; margin:30px 10px 10px 0px; }
.additional-services-copy { width:375px; height:auto; overflow:hidden; }

.features-list { font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; margin:0px 0px 0px 25px; }
.features-list li { color:#0099cc; }
.features-list li span { color:#333333; }

.services-wrapper{width: 636px; margin-bottom: 12px; margin-top:12px;}
.services-left{ left:0px; width: 313px; height: 155px; background:url(images/build/services-bg.jpg) no-repeat;}
.services-right{  right:0px; width: 313px; height: 155px; background:url(images/build/services-bg.jpg) no-repeat;}

.services-info {width:200px; padding:10px 0 0;}
.services-left h3, .services-right h3{padding:10px 10px 0 0;}
.services-left h3 a, .services-right h3 a {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; color:#333; text-shadow:#ccc 1px 1px; font-weight:bold;} 
.services-left h3 a:hover, .services-right h3 a:hover {color:#0099cc; text-decoration:none;} 
.services-icons{width:76px; height:114px; padding-top:41px; padding-left:24px; }

#next-previous{height:21px; width:270px;}


/* Buttons */
.previous a{height:21px; width:66px; display:block; background:url(images/build/previous-btn.jpg) no-repeat; overflow:hidden; text-decoration:none; float:left; }
.previous a:hover{background-position:0 -21px; text-decoration:none;}
.next a{height:21px; width:47px; display:block; background:url(images/build/next-btn.jpg) no-repeat; overflow:hidden; text-decoration:none; float:right;}
.next a:hover{background-position:0 -21px; text-decoration:none;}
.more a{height:21px; width:47px; display:block; background:url(images/build/more-btn.jpg) no-repeat; overflow:hidden; text-decoration:none;}
.more a:hover{background-position:0 -21px; text-decoration:none;}
.view-more a, .view-more-toggle a{height:21px; width:79px; display:block; background:url(images/build/view-more-btn.jpg) no-repeat; overflow:hidden; text-decoration:none;}
.view-more a:hover, .view-more-toggle a:hover{background-position:0 -21px; text-decoration:none;}
.view-project a{height:21px; width:114px; display:block; background: url(images/build/view-project-btn.jpg) no-repeat; overflow:hidden; text-decoration:none;}
.view-project a:hover{background-position:0 -21px; text-decoration:none;}

/* SC Blog Styles */
#navbar-iframe { display: none !important; }
.post{width:630px; padding:10px 0;}
*html .post{width:550px; float:right;}
*+html .post{width:550px; float:right;}
.post-title{padding-left:10px; width:540px;}
.post-footer{ }

p.post-footer{width:530px; height:45px; margin-left:87px; padding:35px 5px 10px 5px; background:url(images/blog/blog-footer.jpg) no-repeat; color:#FFF;}
*+html p.post-footer{margin-left:10px;}
*html p.post-footer{margin:0;}
p.post-footer a{ color:#FFF; text-decoration:none;}
p.post-footer a:hover{color:#effaff; text-decoration:underline;}
p.blogger-labels{margin-bottom:-15px; padding-left:85px; margin-top:25px;}

.date-header{font: Arial, Helvetica, sans-serif; font-size:12px; padding:38px 10px 5px 23px; color:#333; font-weight:bold; width:60px; height:58px; background: url(images/blog/date-bg.jpg) no-repeat; margin-left:-15px;}

#main-post{width:540px; padding-left:10px; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; line-height:18px;}

#main-post a img {border:none; }
#main-post a img:hover {background:url(images/blog/blog-page-turn.jpg)top right no-repeat; z-index:999; }

ul.archive-list{padding-left:10px; list-style:none;  }

#recently-posts{width:635px; height:160px; overflow:hidden; background:url(images/blog/recent-blogs.jpg) bottom no-repeat; margin-top:-25px; margin-bottom:15px;}
#recently-posts h3{}

ul#recently li {width:110px; height:40px; margin-right:25px; padding:0 5px; list-style:none; margin:10px 0; overflow:hidden;}
ul#recently li a {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#333; text-shadow:#ccc 1px 1px; font-weight:bold;}

/* Comments */
#comments {width:530px; padding:0 10px;}
p.comment-header {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:41px; font-weight:bold; color:#333; text-shadow:#ccc 2px 1px; letter-spacing:-2px; margin-bottom:15px; padding:10px 0;}
#comments h4 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; color:#333; text-shadow:#ccc 2px 1px; letter-spacing:-1px;}
.comment-data img {visibility:hidden; width:0; height:0; display:none;}
#comments ul {  }
#comments ul li { list-style:none;  }

/* Comment Form */
#commentBodyField { margin-top:20px; }
.comment-body {margin-bottom:15px;}
.comment-body p{ padding:5px 10px; margin-left:15px; margin-top:5px; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; border-left:2px solid #333; }

/* SC Feed style */
#feedControl {font-family:"Lucida Grande", Lucida, Arial, sans-serif;}
.gf-title {padding:0; margin:0; font-size:12px;}
.gf-title a {font-size:13px; font-weight:bold; color:#333; text-decoration:none; padding:0; margin:0;}
.gf-title a:hover {color:#0099cc;}
.gfc-result {margin-bottom:10px;}
.gf-snippet {font-size:12px; color:#333; line-height:18px; margin-top:5px;}
.gfc-resultsHeader {display:none;}
.gf-relativePublishedDate {font-size:12px; color:#0099cc !important;}
.gf-author {font-size:12px; color:#999999;}

/* Home Page Client Rotation */
.client-rotator {background:#fff url(/img/global/gradient/h300.png) repeat-x; position:relative; height:105px; width:270px;	float:left; overflow:hidden;}
.client {width:2000px; height:160px; position:absolute; }
.images div {position:absolute;}
.tabs {clear:both; width:70px; height:5px; margin:auto;}
.tabs a {width:8px;	height:8px;	float:left;	margin:3px;	background:url(images/build/sc-tabs.png) 0 0 no-repeat;	display:block; font-size:1px;}
.tabs a:hover {background-position:0 -8px;}
.tabs a.active {background-position:0 -16px;}
.clients{width:270px; height:105px; float:left;}
.clients-rotation-pic{width:270px; height:105px;}
.client-rotation-text{width:270px; height:55px; top:105px;}

/* Contact Form */
.contact-form-holder fieldset {border:none; margin-bottom:12px;}
.contact-form-holder label {display:inline-block; width:135px; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; line-height:18px;}
.contact-form-holder label#marketingtext {display:inline; width:auto;}
#firstname, #surname, #email, #tel {width:167px; height:18px; padding:1px 4px; border:none; background:url(images/build/contact-input-bg.jpg) 0 0;}
#contactby, #foundus {width:175px; height:20px; padding:1px 4px; border:none; background:url(images/build/contact-input-bg.jpg) 0 0;}
#firstname:focus, #surname:focus, #email:focus, #tel:focus, #contactby:focus, #foundus:focus {background-position:0px -20px;}
#message {width:287px; height:111px; padding:4px; margin-top:5px; border:none; background:url(images/build/contact-textarea-bg.jpg) 0 0; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; }
#message:focus {background-position:0 -119px;}
#submit {float:right;}
.contact-form-holder p {clear:both; text-align:right; padding-top:12px;}

/* Google Map */
#google-map {width:629px; height:250px; overflow:hidden; margin-top:12px; border:1px solid #ccc;}

/* Video Settings */
.video {width:304px; height:169px;}
.video a{display:block; width:304px; height:169px; background:url(images/build/video-play.png) center no-repeat; }

#home-video-container {width:304px; height:181px; background:url(images/build/video-home-bg.jpg) no-repeat; padding:5px 6px; margin:20px 20px 20px 0;}
#home-vid {width:304px; height:169px; background:url(images/video/stylecreative-home-video.jpg); }
#home-vid-text {width:295px; height:auto; padding:20px 0;}


/* Toggle CSS */
.toggle_container {	margin: 20px 0 5px 0; padding: 0; overflow: hidden; width: 635px; clear: both; }


/* Site Promos */
.slim-promo { width:310px; height:101px; overflow:hidden; margin:15px 0px; }
.work-promo { width:300px; height:180px; margin-bottom:20px; overflow:hidden; }

/* Internet Marketing Promos */
.dual-promo { width:308px; height:200px; overflow:hidden; margin:10px 0px 20px 0px; }

/* Our Work */
.service-icon {width:84px; height:84px; overflow:hidden; margin:0px 26px 26px 0px; background:#eee;}
.service-icon.last {margin:0px 0px 26px 0px;}

.client-list {width:306px; height:auto; overflow:hidden; margin:0 10px 10px 0;}
.client-list ul { font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size:12px; border-left:3px solid #ccc; }
.client-list li { line-height:30px; border-bottom:1px dotted #eee; padding-left:5px; background:#fff;}
.client-list li:hover { background:#eee; }
.client-list li a { display:block; line-height:inherit; text-decoration:underline; padding-right:10px; }
.client-list li a:hover { text-decoration:none; }
.client-list li a span { display:none; float:right; }
.client-list li a:hover span { display:inline; color:#666; }

/* Corporate ID */
.services-gallery { width:151px; height:100px; overflow:hidden; margin:0 10px 10px 0;  }
.services-gallery.last { margin:0 0 10px 0; }
.services-gallery a img{ -webkit-transition: all 0.05s ease-in; -moz-transition: all 0.05s ease-in; -o-transition: all 0.05s ease-in; transition: all 0.05s ease-in; }
.services-gallery a img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); }

.pager {background-color:#fff; border:#ccc 3px solid; padding:3px; text-align:center; font:normal 12px verdana;}
.lhead {background-color:#fff; border-top:#aaa 3px solid; border-bottom:#aaa 3px solid; padding:3px; font:bold 14px verdana;}
.lpart {background-color:#fff;  padding-bottom:25px; color:#333;}
.lpage {font:normal 12px verdana;}
.lcount {background-color:#99CCFF; color:#fff;	padding:2px; font:bold 12px verdana;}