* {color:#686868; font-size:11pt;} 

.clear{clear:both; }

.left{float:left}

.right{float:right}

.leftaligned{text-align:left; width:100%}

.rightaligned{text-align:right; width:69px}

.relative{position:relative}

@font-face {
    font-family: MuseoSlab500;
    src: url(fonts/museo_slab_500-webfont.eot);
    src: url(fonts/museo_slab_500-webfont.eot?#iefix) format('eot'),
         url(fonts/museo_slab_500-webfont.woff) format('woff'),
         url(fonts/museo_slab_500-webfont.ttf) format('truetype'),
         url(fonts/museo_slab_500-webfont.svg#webfontyV6puU2k) format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family:'Gill Sans MT','Gill Sans','Lucida Sans',Arial,Sans-Serif; background: url('layout/background.jpg') no-repeat top; margin:0; line-height:23px;  }

a {text-decoration:none;}

h3 {margin: 0;}

img  {border: 0;}

.white{color:white}

#page{text-align:left; margin:5px auto 0 auto; width:960px; position:relative; zoom:1;}

#hompagepage{text-align:left; margin:5px auto 0 auto; min-height:1380px;}

#quick-boxes{background:none repeat scroll 0 0; position:fixed; width:960px; z-index:100000;display:none}

#panel{background:url('layout/top-search-box.png'); height:48px; display:none; width:216px; position:relative; left:612px; top:-12px; z-index:9999999}
#panel2{background:url('layout/contact-box.png'); height:161px; display:none; width:616px; position:relative; left:345px; top:-12px; z-index:9999999}

.qcbtn{position:absolute; left:0px; top:0px; background:url('buttons/qc-submit.png'); width:69px; height:22px; margin:118px 0 0 526px; border:0}

.qcbtnhov{position:absolute; left:0px; top:0px; background:url('buttons/qc-submit-hover.png'); width:69px; height:22px; margin:118px 0 0 526px; border:0; cursor:pointer}

.newsletterbtn {background:transparent;width:70px;height:23px;padding:1px 12px 1px 12px;margin:0 0 0 5px;text-align:left;border:solid 2px white;color:white;font-size:8pt;font-weight:bold;float:right;position:relative;top:6px;right:15px;z-index:9999}
.newsletterbtnhov {background:transparent;width:70px;height:23px;padding:0 11px 0 11px;margin:0 0 0 5px;text-align:left;border:solid 3px white;color:white;font-size:8pt;font-weight:bold;float:right;position:relative;top:6px;right:15px;z-index:9999;cursor:pointer}

.slide3{margin:0; padding:0; background:url('layout/top-search-box-tab.png') no-repeat top; position:relative; left:740px; top:-33px; width:88px; z-index:9999999}
.slide2{margin:-33px 0 0 0; padding:0; background:url('layout/contact-box-tab.png') no-repeat top; position:absolute; left:822px; width:140px; z-index:9999999}
.btn-slide3{background:url('layout/blue-arrow.gif') no-repeat right -50px; text-align:center; width:105px; height:35px; padding:10px 10px 0 0; margin:0 auto; position:relative; left:-30px; top:1px; display:block; font:bold 120%/100% Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; z-index:9999999}

.btn-slide2{background:url('layout/blue-arrow.gif') no-repeat right -50px; text-align:center; width:105px; height:35px; padding:10px 10px 0 0; margin:0 auto; position:relative; left:5px; top:1px; display:block; font:bold 120%/100% Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; z-index:9999999}
.active{background-position:right 12px}
a:focus{outline:none}

.left2{float:left; display:none}

.right2{float:right; display:none}

.quick_input_field{margin:12px 0 0 68px;width: 170px; border:0; background:none}

.quick_input_area{font-family:'Gill Sans MT','Gill Sans','Lucida Sans',Arial,Sans-Serif; margin:0; border:0; background:none; overflow:auto; position:relative; top:12px; left:120px;width:220px;}

.quick-search-input-field{margin:13px 0 0 25px; width:130px; border:0; background:none; float:left}

.qsbtn{background:url('buttons/qs-submit.png'); width:27px; height:22px; border:0; margin:13px 0 0 7px}

.qsbtnhov{background:url('buttons/qs-submit-hover.png'); width:27px; height:22px; border:0; margin:13px 0 0 7px;     cursor:pointer}

.top-boxes{padding:4px 0 0 0}

#header{height:100px; width:960px}

#navbarid{width:960px; height:41px; background:url('layout/nav1pxbg.png') repeat-x; margin:0 auto 5px; line-height:30pt; z-index:0; position:relative;}

#navbarid a{text-decoration:none }

#navbarid a:hover{color: #9bd3fc; }

#navbarid a:focus{ }

#navbarid  .cufon {display:inline;}

#navbaridul{padding:0px}

.navbarclassli {float:left; margin:0 0 0 30px; list-style-type:none; line-height:18pt}

.navbarclassli a {line-height:18pt; list-style-type:none; text-decoration:none; color:white}

.navbarclassli a:hover {text-decoration:none; line-height:18pt; list-style-type:none; color:#0049a4}

.titlehome {font-size: 18pt;color: #37a3ed; line-height: 22pt;}

.titleourprocess {font-size: 18pt;color: #2DB6FF; line-height: 22pt; font-weight:normal;}

.titleourexperience {font-size: 18pt;color: #2db6ff; line-height: 22pt;}

.titledesign {color:#ff00c0;font-size: 18pt; line-height: 20pt; font-weight:normal; text-align:left; margin: 0 0 10px 0 ;}

#design-middle-left-column h2 { text-align:left;}

.titledigital {font-size: 18pt;color: #a63aff; line-height: 24pt; font-weight:normal;margin: 0 0 10px 0 ;}

.title-standard, .titlenews {font-size: 18pt;color: #2DB6FF; line-height: 23px; font-weight:normal; } 

#content{font-size:1.2em}

#content img{border:0px; z-index:0}

#ourwork-content{}

#left-column{width:635px; float:left; padding:20px 30px 30px 0}

#search-column{width:930px; float:left; padding:30px 0 0 0}

#ourwork-column{width:960px; float:left; padding:30px 0px 0 0}

.ourwork-container{width:810px; height:480px; margin:0; position:relative; left:15px; top:30px}

#our-work{width:610px; height:250px; }

#latest-news{padding: 0 0 10px 0}

#our-work-left{float:left; width:273px; padding:0 20px 0 20px; margin:20px 0 0 0; font-size: 1.3em;text-decoration:none;line-height:17pt;}

#our-work-left a{text-decoration:none;}

#our-work-text{padding:0; margin:0}

#our-work-samples{margin:-20px 0 0 0}

a#home-digital
 {width:299px; height:302px; float:right;   margin:20px 0 0 0 ; background:#ffffff url('layout/home-digital.jpg') no-repeat} 
                   
a#home-design 
 {width:299px; height:302px; float:left; margin:20px 0 0 -8px;  background:#ffffff url('layout/home-design.jpg') no-repeat} 
                    
#homepage-extract { width:610px;  }
#homepage-design-extract {width:50%; float:left; margin: 10px 0 10px 0 }
#homepage-digital-extract { width:48%; float:right; margin: 10px 0 10px 0 } 

#follow-us a:focus { border: 0.5px solid white ;  }

#follow-us-icons {float:left; padding: 0 0 0px 0; background: #36c5f9 url('layout/Follow-us1px.jpg') repeat-y; width:308px; height: 51px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin:0 0 15px
}


#follow-us-icons span { color: #FFFFFF;display: block;float: left;font-size: 16px;margin: 14px 0 0 14px;width: 127px;}

.twitter{background:url('icons/twitter.png') no-repeat bottom; width:55px; height:56px; float:left; position:absolute; bottom:15px}

.twitter-bubble{width:265px; float:right; margin-bottom:5px}

.twitter-bubbletop{background: url("layout/sprite.png") no-repeat scroll 0 -150px transparent; width:265px; height:15px}

.twitter-bubblemid{background:url('layout/twitter-speech-bubblemid.png') repeat-y; padding:0 15px 0 30px; font-size:9pt; color:#686868; text-decoration:none}

.twitter-bubblemid a{font-size:9pt; color:#686868; text-decoration:none}

.twitter-bubblemid a:hover{font-size:9pt; color:#7addef; text-decoration:none}

.twitter-bubblebot{background: url("layout/sprite.png") no-repeat scroll 0 -85px transparent; width:265px; height:24px}

.rss{background:url('icons/rss.png') no-repeat bottom; width:55px; height:56px; float:left; position:absolute; bottom:15px}

.rss-bubble{width:265px; float:right; margin-bottom:5px}

.rss-bubbletop{background: url("layout/sprite.png") no-repeat scroll 0 -166px transparent; width:265px; height:15px}

.rss-bubblemid{background:url('layout/rss-speech-bubblemid.png') repeat-y; padding:0 15px 0 30px; font-size:9pt; line-height:10pt; color:#686868; text-decoration:none}

.rss-bubblemid a{font-size:10pt; color:#686868; text-decoration:none}

.rss-bubblemid a:hover{font-size:10pt; color:#f6c941; text-decoration:none}

.rss-bubblemid a:focus{font-size:10pt; color:#f6c941; text-decoration:none}

.rss-bubblebot{background: url("layout/sprite.png") no-repeat scroll 0 -110px transparent; width:265px; height:24px}

.blog{background:url('icons/blog.png') no-repeat bottom; width:55px; height:56px; float:left; position:absolute; bottom:15px}

.blog-bubble{width:265px; float:right; margin-bottom:5px}

.blog-bubbletop{background: url("layout/sprite.png") no-repeat scroll 0 -135px transparent; width:265px; height:15px}

.blog-bubblemid{background:url('layout/blog-speech-bubblemid.png') repeat-y; padding:0 15px 0 30px; font-size:9pt; line-height:10pt; color:#686868; text-decoration:none}

.blog-bubblemid a{font-size:9pt; color:#686868; text-decoration:none}

.blog-bubblemid a:hover{font-size:9pt; color:#f6c941; text-decoration:none}

.blog-bubblebot{background: url("layout/sprite.png") no-repeat scroll 0 -60px transparent; width:265px; height:24px}

#follow-us{margin:0 0 5px 0px; padding:0 0 0px 15px; height: inherit;}

#right-column{width:280px; padding:30px 0 0 0; float:right}

#testimonial{margin:0; background:#f3f3f3;}

#testimonial-feedback{font-size:10pt; width:280px; padding: 16px; margin:0}

#testimonial-name{font-size:10pt; font-weight:500; color:#038bea; width:280px; padding:0 16px 16px 16px;}

.testimonial-break {background: white;width: 320px;height: 30px;margin: 0;padding: 0;}

#newsletter{background:transparent; width:325px; height:156px; margin:0 50px 0 0;float:left;border:2px solid white;color:white}
#newsletter-title{color:white;padding:10px 10px 0 10px;font-size:20px}
#newsletter-text{color:white;padding:0 10px;line-height:16px;width:230px}
.newsletter-label {width:70px;height:25px;line-height:10pt;margin:0;padding:0 0 10px 10px;color:white;float:left}
.newsletter-label-wrap{float:left;height:22px;padding:5px 0 0 0}
#newsletter2{background:url('layout/newsletter2.png') no-repeat top center; width:300px; height:140px; margin:0 0 30px 0}

.contact-header{color:#2DB6FF; font-size:16pt; font-weight:100; line-height:16pt}

.contacti{color:#ff90ff;}

 #rightcontact_form .contact-label { height: 1px;overflow: hidden;width: 150px;text-indent: -999999px; padding: 0 0 0 0;}

.contactbtn{background:url('buttons/qc-submit-hover.png'); width:69px; height:22px; border:0}

.contactbtnhov{background:url('buttons/qc-submit.png'); width:69px; height:22px; border:0;     cursor:pointer}

.contact-checkbox{width:225px;float:left;}

.contact-newsletter-checkbox{width:70px;float:right;}

#footer-center{ border:none; width:960px; height:279px; margin:0 auto 0 auto; padding:0}

#footer{background:#33cfff url('layout/footernew1px.jpg') repeat-x top center; border:none; margin:0; padding:0;overflow:auto}

#footer-content{width:960px;padding:30px 0 30px 0; margin:0; border: none;}

#footer-content a{color:white; text-decoration:none}

#footer-content a:hover{color:#0049a4}

#footer-content a:focus{color:#0049a4}

#schools-wording {float:left;width:420px}


#footer-sitemap-header{padding:0}

.footer-sitemap-links{color:white; float:left; padding:20px 40px 0 0}
.footer-sitemap-links-right{color:white; float:left; padding:20px 0 0 0}
#bottom a, #bottom a:link, #bottom a:visited, #bottom{width:960px;margin:0 auto 0 auto;color:white;text-decoration:none}
#bottom-footer-links a, #bottom-footer-links a:link, #bottom-footer-links .footer-sitemap-links{color:white; text-decoration:none}
#bottom-footer-links{width:600px}
#bottom-footer{ height: 1px;margin-left: -5000px;overflow: hidden;}
.left-footer{float:left;margin:0 15px 0 0}
.left-footer a, .left-footer a:link, .left-footer a:visited {color:white; font-size:9pt; text-decoration:none; text-align:justify}
.left-footer a:hover{color:#7896ff}
.jcarousel-skin-tango .jcarousel-container{width:940px; padding:0; margin:-30px 0 0 10px}

.jcarousel-skin-tango .jcarousel-container-horizontal{ width:860px;  padding:30px 40px}

.jcarousel-skin-tango .jcarousel-clip-horizontal{ width: 820px;  height:140px}

.jcarousel-skin-tango .jcarousel-item{ width:180px;  height:140px}

.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-right:30px}

.jcarousel-skin-tango .jcarousel-item-placeholder{}

.jcarousel-scroll{margin:0 30px 0 15px}

.jcarousel-floater2{position:absolute; left:245px; top:144px; width:680px; height:175px; z-index:99; background:white; opacity:.9; filter:alpha(opacity=95); float:left}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute;  top:58px;  right:5px;  width:16px;  height:82px;  cursor:pointer;  background:transparent url(next-horizontal.png) no-repeat 0 0}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover{ background-position:-5px 0}

.jcarousel-skin-tango .jcarousel-next-horizontal:active{ background-position:-5px 0}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{ cursor:default;  background-position:-96px 0}

.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute;  top:58px;  left:5px;  width:16px;  height:82px;  cursor:pointer;  background:transparent url(prev-horizontal.png) no-repeat 0 0}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ background-position:5px 0}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active{ background-position:5px 0}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{ cursor:default;  background-position:-96px 0}

.container{overflow:hidden; width:900px; margin:0 auto}

.main_image{ height:480px;  float:right;  position:relative;  overflow:hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/color:white; margin:0 0 0 30px}

.main_image img{ width:600px;  height:480px;  float:right;  position:relative;  overflow:hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/color:white}

.main_image h2{ font-size:2em;  font-weight:normal;  margin:0 0 5px}
.main_image p{ font-size:1em;  line-height:1em; padding:0 15px 0 0; color:white}

.block small{/*--We'll be using this same style on our thumbnail list--*/ font-size:1em;  background:url(icon_calendar.gif) no-repeat 0 center}
.main_image .block small{margin-left:30px}
.main_image_desc{ position:absolute;  bottom:0;  left:0; /*--Stick the desc class to the bottom of our main image container--*/ width:100%;  display:none; /*--Hide description by default,if js is enabled,we will show this--*/background:#088fec; opacity:.80; filter:alpha(opacity=80); color:white; padding:0px}

.desc{ position:absolute;  bottom:0;  left:0; /*--Stick the desc class to the bottom of our main image container--*/ width:100%;  display:none; /*--Hide description by default,if js is enabled,we will show this--*/background:#088fec; opacity:.80; filter:alpha(opacity=80); color:white; padding:0 10px 0 10px}

.main_image_block{ width:100%}

.block{ width:100%}

.main_image a.collapse{/*--This is our hide/show tab--*/ background:url(btn_collapse.gif) no-repeat left top;  height:27px;  width:93px;  text-indent:-99999px;  position:absolute;  top:-27px;  right:20px}
.main_image a.show{background-position:left bottom}

.image_thumb{ float:right;  width:180px; margin:0}
.image_thumb img{ float:left; margin:0 0 30px 0}
.image_thumb ul{margin:0 0 30px 0;  padding:0;  list-style:none}
.image_thumb ul li{ margin:0;  width:180px;  float:left}
.image_thumb ul li.hover{/*--Hover State--*/ cursor:pointer}
.image_thumb ul li.active{/*--Active State--*/ background:#fff;  cursor:default}
 html .image_thumb ul li h2{ font-size:1.5em;  padding:0}
.image_thumb ul li .block{ float:right;  margin-left:0;  padding:0;  width:180px}
.image_thumb ul li p{display:none}/*--Hide the description on the list items--*/

.js .flash{display:none}

.boxgrid{width:180px; height:140px; margin:0px; float:left; background:#088fec; overflow:hidden; position:relative}

.boxgrid img{position:absolute; bottom:0; left:0; border:0}

.boxgrid p{padding:15px 15px 0 15px; margin:-15px 0 0 0; color:white; font-size:10pt; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

.boxcaption{float:left; position:absolute; background:#088fec; height:100%; 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:140px; left:0px}

.boxcaption_h3{padding:15px 15px 0 15px; margin:0; color:white; text-align:left; opacity:1; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

.boxcaption_logo_print{position:absolute; width:32px; height:27px; right:15px; bottom:15px; background:url(icons/print.png)}

.boxcaption_logo_web{position:absolute; width:30px; height:24px; right:15px; bottom:15px; background:url(icons/web.png)}

.demo{clear:both; position:relative; margin:0; padding:0; overflow:hidden}
.demo a, .demo{position:relative;text-decoration:none;}
.js .demo{visibility:hidden}

.expand{clear:both; margin:0; padding:0}

.collapse{ margin:-15px 0 0 0;  overflow:hidden}

.collapse p{ margin:0}

#wrapper .expand a{ display:inline;  padding:0}

#wrapper .expand.open a:link, #wrapper .expand.open a:visited{ border-style:solid}

/* homeslider */ #slides .slides_container { width:960px;height:300px; display:none} #slides .slides_container div { width:960px; height:300px; display:block}

#index-header-text { font-size:26px; font-weight:normal; color:#0090ff;line-height:28px; }


#digital-header-text span, #design-header-text span {  display: block;
    font-size: 23px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 12px;
	margin-bottom:12px;}

#design-header-text span {color:#FF00C0;}
#digital-header-text span {color:#a63aff;}
a#left-readmore  {margin:0 0 0 195px; width:89px; height:30px;  background: url("layout/sprite.png") no-repeat scroll -1px -30px transparent; display:block; float:left; }  

a#right-readmore  {margin:0 0 0 230px; width:89px; height:30px; background: url("layout/sprite.png") no-repeat scroll -1px -30px transparent; display:block;  float:right;  }

a#left-readmore:hover, a#right-readmore:hover  {background: url("layout/sprite.png") no-repeat scroll -90px -30px transparent; }  

a#left-readmore:active, a#right-readmore:active  {background: url("layout/sprite.png") no-repeat scroll 0px -30px transparent; }

/*#divbackground  { max-width: 2000px; min-width: 900px; margin: 0 auto 0; background: transparent url(layout/background.jpg) no-repeat bottom; overflow: auto;}    */

h1, h2 {display:inline; line-height:0px;}

.twitter-logo { background: url("layout/sprite.png") no-repeat scroll -30px 0 transparent; display: block; float: right; height: 30px; width: 29px; margin-right:15px; margin-top:10px; }

.facebook-logo { background: url("layout/sprite.png") no-repeat scroll 0 0 transparent;display: block;float: right;height: 29px; width: 30px; margin-right:10px;margin-top:10px;}

.linkedin-logo {background: url("layout/sprite.png") no-repeat scroll -57px 0 transparent;display: block;float: right;height: 29px; width: 30px; margin-right:10px;margin-top:10px;}

.rss-logo  {background: url("layout/sprite.png") no-repeat scroll -88px  0 transparent;display: block;float: right;height: 29px; width: 30px; margin-right:10px;margin-top:10px;}

a#freequote {color: white;}
a#freequote:hover {color:white;} 

.footersubheaders, .footersubheaders a, .footersubheaders a:link, .footersubheaders a:visited {font-size:14pt;color:white;text-decoration:none}
.white{color:white}
.blue {color:#004CFF}
.scrollerwrapper2 {width:20000px;height:500px;}
#scrollerwrapper {height:400px;width:588px;background:none;overflow:hidden;position:relative;padding:0px 0 0 0;}
.scroller li {display: block; width:588px;height:387px; padding: 0px 0 0 0;  }
.scroller li.ecomslider {background: #f0f0f2 url(slider/ecom-background.jpg) no-repeat}
.scroller li.seoslider {background: #f0f0f2  url(slider/seo-background.jpg) no-repeat}
.scroller li.ppcslider {background: #f0f0f2   url(slider/ppc-background.jpg) no-repeat}
.scroller li.newtechslider {background: #f0f0f2  url(slider/new-tech-background.jpg) no-repeat}
.scroller li.socialmediaslider {background: #f0f0f2  url(slider/social-background.jpg) no-repeat}
.scroller2 {background:#000;}
.tabs {height:37px;width:588px;background-image:url(slider/digital-tab-background2.jpg);background-repeat: no-repeat;height:50px}
.tabs a { height: 45px ;display:block; float:left;width: 98px;background-image: url(slider/design-tabs.png);background-repeat:no-repeat; outline:none;font-size:10px;color:#7457a7; text-decoration:none; text-align:center;}
.tabs a:hover {background-image: url(slider/digital-tabs-hover2.jpg);background-repeat:no-repeat;	}
.tabs a.buttonone:hover {background-position: 0px  -14px;}
.tabs a.buttontwo:hover {background-position: -98px  -14px;}
.tabs a.buttonthree:hover {background-position: -196px  -14px;}
.tabs a.buttonfour:hover {background-position: -294px  -14px;}
.tabs a.buttonfive:hover {background-position: -392px  -14px;}
.tabs a.buttonsix:hover  {background-position: -490px  -14px;}
.tabs a.buttonone {background-position: 0px 0;}
.tabs a.buttontwo {background-position: -98px 0;}
.tabs a.buttonthree {background-position: -196px 0;}
.tabs a.buttonfour {background-position:-294px 0px;}
.tabs a.buttonfive {background-position:-392px 0px;}
.tabs a.buttonsix  {background-position:-490px 0px;}
.tabs .webtab {height:0px;display:inline;}
.tabs .buttononehover , .tabs .buttontwohover, .tabs .buttonthreehover, .tabs .buttonfourhover , .tabs .buttonfivehover  , .tabs .buttonsixhover  { background-image : url(slider/digital-tabs-hover2.jpg); background-position: 0px  -14px;}
.tabs a span  { margin:9px 0 0; display:block;font-size:10px}
.tabs a:hover span  { margin:9px 0 0;color:white;}
.tabs a .buttononespan  {display:block;margin: 6px 0 0;display: block;line-height: 12px;}
.tabs a:hover .buttononespan  { margin:6px 0 0; color:white;}
.tabs a .buttonfivespan  { margin: 6px 0 0;display: block;line-height: 12px;}
.tabs a:hover .buttonfivespan  { margin: 6px 0 0;display: block;line-height: 12px; color:white;}
#macimage {float:right; margin: 40px 20px 0}
#mactext { float: left;line-height: 21px;padding:0;width: 300px;margin: 0 0 0 20px}
#ecomtext { line-height: 21px;padding:0;width: 220px;margin: 0 0 0 20px; float: left;}
#seotext { line-height: 21px;padding:0;width: 350px;margin: 0 0 0 20px;float: left;}
#ppctext { line-height: 21px;padding:0;width: 343px;margin: 0 0 0 20px;float: left;}
#newtechtext {line-height: 21px;padding:0;width: 319px;margin: 0 0 0 20px; display:block;}
.mediaslideheader {font-size:24px;margin: 20px 0 0 20px; color:#A63AFF;}
.purple {color:#a63aff;}
.white {color:#fff;}
.slider-margin {display:block; height:20px; width:500px;}
#ecomimage{  float: right;margin:  -40px 20px 0 0 }
.scroller li.emailslider {background: #f0f0f2 url(slider/directmaibg.jpg) repeat-x;  }
.scroller li.brandslider {background: #f0f0f2 url(slider/brandingbg.jpg) no-repeat}
.scroller li.brandslider {background: #f0f0f2 url(slider/brandingbg.jpg) no-repeat}
.scroller li.adslider {background: #f0f0f2  url(slider/advertbg.jpg) no-repeat}
.scroller li.brochuresslider {background: #f0f0f2    url(slider/brochurebg.jpg) no-repeat}
.scroller li.displaysslider {background: #f0f0f2  url(slider/displays-background.jpg) repeat-y}
.scroller li.photoslider {background: #f0f0f2 url(slider/photobg.jpg)  no-repeat}
.scroller  {position:relative;padding:0;margin:20px 0 0 0 ; font-family:'Gill Sans MT','Gill Sans','Lucida Sans',Arial,Sans-Serif;right: 0px;overflow:auto}
.scroller2 {background:#000;}
.designtabs {height:60px;width:588px;background-repeat: no-repeat;background-image: url(slider/design-tabs-background2.jpg);}
.designtabs a { height: 45px ;display:block; float:left;width: 98px; background-image: url(slider/design-tabs.png);background-repeat:no-repeat; outline:none; font-size:10px; text-align:center; text-decoration:none;color:#FF86D0}
.designtabs a:hover {background-image:url(slider/design-tabs-hover2.jpg);background-repeat:no-repeat;}
.designtabs a.buttonone:hover {background-position: 0px  -14px;}
.designtabs a.buttontwo:hover {background-position: -98px  -14px;}
.designtabs a.buttonthree:hover {background-position: -196px  -14px;}
.designtabs a.buttonfour:hover {background-position: -294px  -14px;}
.designtabs a.buttonfive:hover {background-position: -392px  -14px;}
.designtabs a.buttonsix:hover  {background-position: -490px  -14px;}
.designtabs a.buttonone {background-position: 0px 0;}
.designtabs a.buttontwo {background-position: -98px 0;}
.designtabs a.buttonthree {background-position: -196px 0;}
.designtabs a.buttonfour {background-position:-294px 0px;}
.designtabs a.buttonfive {background-position:-392px 0px;}
.designtabs a.buttonsix  {background-position:-490px 0px;}
.designtabs .buttononehover, .designtabs .buttontwohover , .designtabs .buttonthreehover , .designtabs .buttonfourhover , .designtabs .buttonfivehover, .designtabs .buttonsixhover { background-image : url(slider/design-tabs-hover2.jpg); background-position: 0px  -14px;}
.designtabs a span  { margin:9px 0 0; display:block; font-size:10px}
.designtabs a:hover span  { margin:9px 0 0;color:white;}
#google-map { margin:10px 0  }
#macimage {float:right; margin: 40px 20px 0}
#mailtext { float: left;line-height: 21px;padding:0;width: 240px;margin: 0 0 0 20px}
#brandingtext { line-height: 21px;padding:0;width: 285px;margin: 0 0 0 20px;float: left;}
#adtext { line-height: 21px;padding:0;width: 229px;margin: 0 0 0 20px; float: left;}
#buttonthreetext { line-height: 21px;padding:0;width: 300px;margin: 0 0 0 20px; display:block;float: left;}
#phototext {line-height: 21px;padding:0;width: 364px;margin: 0 0 0 20px; display:block;}
#brochurestext {line-height: 21px;padding:0;width: 280px;margin: 0 0 0 20px; display:block;}
.designslideheader {font-size:24px;margin: 0px 0 0 20px; display:inline; color:#ff00c0;}
.pink {color:#ff00c0;}
#buttontwoimage{float: right;margin:-40px 20px 0 0 }
#displaystext {width:183px; display:block;margin: 0 0 0 20px;}
a.titledigital:hover { border-bottom:thin solid #0088fe; }
.webslider {background: #f0f0f2 url(slider/Digital-Background.jpg) repeat-x; color: #828488;  width:588px; height:377px; display:block; padding-top:20px; }
.gradient_8445FE_2094ED  {font-size:23px;}
.griddesign {height:30px; width:169px; display:block; background-color:#ff00c0; float:left;color:white; padding:0 0 0 9px; font-size:19px; }
.griddesign  img { margin:0}
.griddigital {height:30px; width:169px; display:block; background-color:#a73aff; float:left;color:white; padding:0 0 0 9px; font-size:19px; }
.griddigital img { margin:0}
.gridtext {margin-top:35px; display:block; line-height: 23px;}
#designgrid img {float:left; }
#digitalgrid img {float:left; }
#designgrid a, #digitalgrid a {text-decoration:none; border:1px solid white ; padding:10px;}   
#designgrid a:hover {border:1px solid #FF00C0;} 
#digitalgrid a:hover {border:1px solid #a63aff;} 
#digitalgrid img {float:left}
#designgrid  {height:150px; margin:25px 0 0 0;} 
#digitalgrid {height:165px; margin:15px 0 0 0;}
#reasonsgrid  {height:116px; margin:15px 0 0 0;}
.gridreasons img {float:left;}
#leftcolumnhome {width:635px; float:left; padding:20px 10px 30px 0}
.gridblockweb {width:177px;display:block;  float:left; margin: 0 0px 0 0px; }
.gridblockcom {width:177px;display:block; float:left; margin: 0 0px 0 0;}
.gridblockonline { width:177px;display:block;float:left; margin: 0 0px 0 0; }
.gridblockbrand {width:177px;display:block; float:left; margin: 0 28px 0 10px;}
.gridblockprint {width:177px;display:block;float:left; margin: 0 28px 0 0;}
.gridblockdisplay {width:177px;display:block; float:left; margin: 0 0px 0 0;}
.designcolor {color:#ff00c0; text-decoration:none;}
.digitalcolor {color:#a73aff; text-decoration:none;}
#reasons {color:white; display:inline; background-color:#0090ff; padding:7px 10px;  margin:30px 0 0 0 ; width:231px; }
.gridreasons {height:30px; width:225px; display:block; float:left;}
.gridreasons h3 {color:#0090ff;font-size:11pt; font-weight:normal;margin:15px 0 0 50px;}
.gridreasons a {color:#0090ff;}
.gridreasons a:hover {border-bottom:thin solid #0090ff;}
.gridtextreasons {   margin-left: 53px;margin-top: 35px;width: 128px;}
.gridreasonsleft{width:200px;display:block; float:left; margin: 0 10px 0 0px;border-right:thin solid #CECECE }
.gridreasonsmiddle{width:200px;display:block; float:left; margin: 0 10px 0 0;border-right:thin solid #CECECE}
.gridreasonsright { width:147px;display:block;float:left; margin: 0;}
.gridourworkleft{width:200px;display:block; float:left; margin: 0 2px 0 0px; }
.gridourworkmiddle{width:200px;display:block; float:left; margin: 0 2px 0 0;}
.gridourworkright { width:200px;display:block;float:left; margin: 0;}
#ourworktext {color: #005BFF;font-size: 25px;margin: 10px 0 10px 0;display: inline;float: left;clear:both; width:inherit; }
#ourworkbrochure { width:208px; height:147px; display:block; background:#ffffff  url('layout/publicsector.jpg')  no-repeat ; text-indent:-9999px}
#ourworkdigital {width:208px; height:147px;display:block;background:#ffffff url('layout/neptuneaqua.png') no-repeat ; text-indent:-9999px}
#ourworkdesign {width:208px; height:147px;display:block;background:#ffffff url('layout/Cullens.png') no-repeat ; text-indent:-9999px}
#ourworkgrid {margin: 10px 0 0 0;}
#right-column img{margin:10px 0 0 0;}
#rightcontact_form {overflow:hidden; background: #ffffff  url('layout/contact-us-bg.png') no-repeat; padding:  38px 0 0 26px;height:228px}
#right-column label  {margin-left:9999px; display: block;font-size: 4px;} 
#right-column .contactbtn { background: none;border: 0 none;height: 30px;width: 72px;cursor:pointer;margin: 0 0 0 10px; color:white;}
#right-column textarea {width:224px;height: 44px;margin: 12px 0 0; border:0; font-family:'Gill Sans MT','Gill Sans','Lucida Sans',Arial,Sans-Serif; resize: none;overflow: auto;} 
#right-column option {border:none;}
#right-column .input_field {margin:9px 0 0 0; width:225px; border:0; font-family:'Gill Sans MT','Gill Sans','Lucida Sans',Arial,Sans-Serif; height:24px; }
#rightcontactname {margin:5px 0 0 0;} 
#rightcontactph {margin:0 0 0 0;}
#right-column #rightcontacttown {width:148px;margin:16px 0 0 0;font-family:'Gill Sans MT','Gill Sans','Lucida Sans',Arial,Sans-Serif;height:23px;border:0;}
#right-column select {border:none;}
a#nav-facebook-icon {height:14px; width:70px; text-indent:-9999px; display:block; float:right; background: url(layout/socialsprite.png)  -1px 0px no-repeat; margin:12px 0 0 0 ;}
a#nav-facebook-icon:hover {background:  url(layout/socialsprite.png) -1px -13px no-repeat;}
a#nav-twitter-icon {height:14px; width:70px; text-indent:-9999px; display:block; float:right; background:  url(layout/socialsprite.png) -75px -0px no-repeat;margin:12px 0 0 0 ;}
a#nav-twitter-icon:hover {background:  url(layout/socialsprite.png) -75px -13px no-repeat;}
a#nav-Linked-icon {height:14px; width:70px; text-indent:-9999px; display:block; float:right; background:  url(layout/socialsprite.png) -146px 1px no-repeat;margin:11px 75px 0 0 ;}
a#nav-Linked-icon:hover { background:  url(layout/socialsprite.png) -146px -12px no-repeat;}
#nav-Blog-icon{height:51px; width:70px;right:0;text-indent:-9999px; bottom:0px;  display:block; float:right;background: url(layout/nav-blog.png)  no-repeat; position:absolute;}
#nav-port { float:left; display:block; color:white;border-right:#9bd3fc thin solid;padding: 0px 14px;}
#nav-design {float:left; display:block;color:white;padding: 0px 14px;}
#nav-digital {float:left; display:block;color:white; border-left:#9bd3fc thin solid;padding: 0px 14px;} 
#navbarid2 a {color:#3c86f3; text-decoration:none;}
#navbarid2 a:hover {color:#8742ff; text-decoration:none;}
#navbarid2 {margin: 0 0 2px 0;} 
#onsubmit  {overflow:hidden; background: url(layout/contact-us-submit.jpg) #000 no-repeat; padding:  38px 0 0 26px;height:228px; color:white; font-size:27px}
.productheader {color:white; display:block;   padding-top:6px; margin-top:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #right-column #rightcontacttown {margin:14px 0 0 0;} } 
@-moz-document url-prefix() { #right-column #rightcontacttown {margin:19px 0 0 0;}}
ul#digital-list  li {font-size:16px; list-style-image:url(layout/digital-bullet.png);margin:5px 0 0 30px;} 
ul#digital-list  li span {margin: 10px 0 10px 0;} 

ul#branding-list  li   {font-size:16px; list-style-image:url(layout/brand-list.jpg); margin:0px 0 0 30px; color:#FF00C0;} 
ul#branding-list  li a, ul#branding-list  li a:visited  {color:#FF00C0;font-size:16px; }
ul#branding-list  li a:hover { border-bottom:thin solid #FF00C0;}

ul#print-list  li   {font-size:16px; list-style-image:url(layout/print-list.jpg); margin:0px 0 0 30px; color:#FF00C0;} 
ul#print-list  li a, ul#print-list  li a:visited  {color:#FF00C0;font-size:16px; }
ul#print-list  li a:hover { border-bottom:thin solid #FF00C0;}

ul#displays-list  li   {font-size:16px; list-style-image:url(layout/displays-list.jpg); margin:0px 0 0 30px; color:#FF00C0;} 
ul#displays-list  li a, ul#print-list  li a:visited  {color:#FF00C0;font-size:16px; }
ul#displays-list  li a:hover { border-bottom:thin solid #FF00C0;}

ul#web-list  li   {font-size: 16px;list-style-image: url(layout/web-list.jpg);margin: 0px 0 10px 30px;color: #A73AFF;line-height: 16px;} 
ul#web-list  li a, ul#web-list  li a:visited  {color:#A73AFF;font-size:16px; }
ul#web-list  li a:hover { border-bottom:thin solid #A73AFF;}

ul#ecom-list  li   {font-size:16px; list-style-image:url(layout/ecom-list.jpg); margin: 0px 0 10px 30px;color: #A73AFF;line-height: 16px;} 
ul#ecom-list  li a, ul#web-list  li a:visited  {color:#A73AFF;font-size:16px; }
ul#ecom-list  li a:hover { border-bottom:thin solid #A73AFF;}

ul#online-list  li   {font-size:16px; list-style-image:url(layout/online-list.jpg); margin: 0px 0 10px 30px;color: #A73AFF;line-height: 16px;} 
ul#online-list  li a, ul#web-list  li a:visited  {color:#A73AFF;font-size:16px; }
ul#online-list  li a:hover { border-bottom:thin solid #A73AFF;}

ul#design-list  li {font-size:16px; list-style-image:url(layout/design-bullet.png); margin:5px 0 0 30px; }

ul#blue-list li {list-style-image:url(layout/standard-bullet.jpg);}

.design-list-inline  li {list-style-image:url(layout/design-bullet.png); margin: 0 0 0 0;  }
.digital-list-inline  li {list-style-image:url(layout/digital-bullet.png); margin: 0 0 0 0; }
.design-list-inline  span {display:block; }
#services-img  .design-list-inline  li {list-style-image:url(layout/design-bullet.png); margin: 0 0 0 0; font-size:16px; color:#ff00c0 ; font-weight:bold; }
#services-img .digital-list-inline  li {list-style-image:url(layout/digital-bullet.png); margin: 0 0 0 0; font-size:16px; color:#a63aff ;font-weight:bold; }
#middle-column { width:295px; float:right;}
#middle-column img { margin:0px 35px 0px 40px;}
#design-middle-left-column , #digital-middle-left-column  { width:340px; float:left; line-height: 23px;}
#design-middle-left-column p, #digital-middle-left-column p {text-align:justify;}
#design-middle-left-column h3{color:#ff00c0;font-size: 14pt; line-height: 23pt; font-weight:normal;}
#we-can-offer {width: 260px;font-size: 19px;color:#FF00C0;line-height: 23px;font-weight: normal;margin: 26px 0 0 50px; display: block;}
#we-can-offer-digital {width: 260px;font-size: 19px;color:#a73aff;line-height: 23px;font-weight: normal;margin: 26px 0 0 40px; display: block;}
.content-text {text-align:justify;line-height: 23px; }
#design-services-list {width:290px; float:left; padding:0 0 0 25px}
#digital-services-list  {width:290px; float:right;padding:0 0 0 10px} 
#middle-column  .content-image  {margin: 30px 0 0px 18px;}
#middle-column ul {margin: 20px 0 30px 0}
#middle-column #online-marketing-image {margin: 0px 0 0px 34px;}
#middle-column #ecom-image-content {margin:0px 0 0px 30px;}
#middle-column #branding-content-image {margin:0px 0 0px 6px;}
#services-img {background-image:url(layout/services-page-graphic.jpg) ; height: 595px;padding: 10px 0 0 0}
#services-img  .design-list-inline  li,#services-img  .design-list-inline  li a  {list-style-image:url(layout/design-bullet.png); margin: 0 0 0 0; font-size:16px; color:#ff00c0 ; font-weight:bold; }
#services-img .digital-list-inline  li,#services-img .digital-list-inline  li a {list-style-image:url(layout/digital-bullet.png); margin: 0 0 0 0; font-size:16px; color:#a63aff ;font-weight:bold; }
#services-img  h2{position:absolute; left:-9999px;}
#drop-us-a-line {width:200px; margin: 35px auto 0; color:white;     }
.pull-out-text {width:250px; float:right; font-size:23px; color:#004DFF; margin: 0 0 0 0; line-height:25px;}
.pull-out-text a  {font-size:23px; color:#004DFF}
.pull-out-text a:hover {border-bottom:thin solid #004DFF;} 
.pull-out-text cufon {margin-bottom:7px; }
a.pink:hover {border-bottom:thin solid #FF00C0;  }
a.purple:hover {border-bottom:thin solid #a63aff;  }
a.contact-header:hover , a.title-standard:hover {border-bottom:thin solid #37acfb; }
.sliderspan {height:15px;width:300px; display:block}
#digitalvert {margin:13px 13px 0 0px;}
#designvert {margin:13px 13px 0 0px;}
optgroup  {font-style:normal;}
#we-can-offer, .title-standard, #index-header-text ,  .process-box  h2 , .mediaslideheader,  .productheader , #reasons , .gridreasons h3 , #ourworktext, .titleourexperience, .titlenews, .titlecontact, .contact-header, h1.titleourprocess, .titlebranding, #nav-port, .titledesign, #nav-design, #nav-digital, #navbarid2 a, .titledigital, #we-can-offer-digital, .pull-out-text , #reasons , h3, .designslideheader { font-family: MuseoSlab500;}
/* our process */
.process-box { float:left; height: 180px; margin: 5px; width: 295px;}
.process-box  h2    {clear: both;color: #00BFDF;float: left;font-size: 23px;margin: 20px 0 0 100px; font-weight:normal; line-height:20px; }
.process-box  p    {color: #666666; display: block;float: right;font-size: 17px;line-height: 18px;margin-right: 20px;margin-top: 10px;overflow: hidden;width: 175px;}
#process-creative-image {background:white url(ourprocess/creative-brew.png) no-repeat }
#process-cogs-image {background:white url(ourprocess/brain-cogs.png) no-repeat }
#process-computer-image {background:white url(ourprocess/process-computer.png) no-repeat }
#process-analysis-image {background:white url(ourprocess/analysis-charts.png) no-repeat }
#process-sub-heading { font-size: 23px;font-weight: normal;line-height: 30px; margin: 15px 0 20px 0;}
#accreditations-images img {margin: 0 23px 0 0;   }
#accreditations-images .c-lanc {margin: 0 0 0 20px;}
#blog_home_box{display:block;margin:10px 0 10px 0;padding:10px 20px 10px 20px;background:url(/images/blog_links.jpg) no-repeat;width:240px;height:104px}
#blog_home_titles{list-style-type:none;line-height:20px;margin:0 0 0 -40px}
#blog_home_box a{color:white;border-bottom:1px dashed #fff;width:240px;display:block}
#blog_home_box a:hover{color:#38bbff}
#blog_home_box h3{font-weight:normal;color:#fff;font-size:17px}

.selecterBtns {
float:left;
width:835px;
margin-bottom:25px;
}

.selecterBtns a {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
behavior: url(css3pie/PIE.htc);
background:#EDEDED;
color:#111;
display:block;
float:left;
font-size:11px;
line-height:28px;
margin-right:4px;
outline:none;
padding:0 15px;
text-decoration:none;
}

.selecterBtns .active,
.selecterBtns a:hover {
background:#2DB6FF;
color:#fff;
}

.selecterContent {
float:left;
min-height:380px;
clear:both;
}

.selecterContent a {
outline:none;
}

.selecterContent li {
width:206px;
height:165px;
overflow:hidden;
}

ul.nolist,
ul.nolist li {
display:block;
list-style:none;
padding:0;
margin:1px;
border:1px solid #fff; 
}

.textwidget img {

width:240px;
height:145px;

}

ul.nolist li {
float:left;
}
a:hover li.print,a:hover li.branding,a:hover li.displays {margin:1px;border:1px solid #FF00C0;}
a:hover li.website_design,a:hover li.ecommerce,a:hover li.online_marketing {margin:1px;border:1px solid #a63aff;}

#carousel {
	width:600px;
	height:520px;	
	margin:0 auto;
	overflow:hidden;
}

#slides2 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:600px;
	height:480px;
}

/* remove the list styles, width : item width * total items */	
#slides2 ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:2400px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides2 li {
	width:600px;
	height:250px;	
	float:left;
}



#slides2 li img {
	padding:0px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(arrow.gif) 0 0 no-repeat;
}

a#next {
	background:url(arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}