/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { margin:0 auto 30px auto;padding: 0;width:900px;height:400px;background:transparent; }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 900px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 900px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px;display:none!important; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: transparent;color:#fff;}
	.coda-nav ul li a.current:hover {background:none;}
	.coda-nav ul li a { background:url(../images/slide-nav-bg.jpg) top left repeat-x;color:#fff; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 40px 0 0 40px;height:360px;color:#fff; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 0; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { height:40px; color: #fff; display: block; float: left; padding: 0 10px;line-height:40px; text-decoration: none;width:143px;border-right:1px solid #333;text-align:center; }
	.coda-nav ul li a:hover {background:#222;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
#welcome {background:url(../images/welcome.jpg) top left no-repeat;}
#design {background:url(../images/design2.jpg) top left no-repeat;}	
#leads {background:url(../images/leads.jpg) top left no-repeat;}
#strategy {background:url(../images/strategy2.jpg) top left no-repeat;}
#platform {background:url(../images/platform.jpg) top left no-repeat;}
#results {background:url(../images/results.jpg) top left no-repeat;}
#creativeservices {background:url(../images/creative-services.jpg) top left no-repeat;}
#getstarted {background:url(../images/getstarted.jpg) top left no-repeat;}
#ecommerce {background:url(../images/ecommerce.jpg) top left no-repeat;}
#email {background:url(../images/email.jpg) top left no-repeat;}
#analysis {background:url(../images/analysis.jpg) top left no-repeat;}
#go {background:url(../images/go.jpg) top left no-repeat;}
#webbusinessconsole {background:url(../images/webbusinessconsole.jpg) top left no-repeat;}

#coda-nav-1 {position:absolute;z-index:9999;bottom:0;}

.panel-wrapper h2 {font-family:Helvetica;font-weight:normal!important;width:50%;margin-bottom:15px;font-size:1.7em;letter-spacing:-0.6px;}
.panel-wrapper p {font-family:Helvetica;font-weight:normal!important;width:50%;margin-bottom:15px;font-size:1.2em;letter-spacing:-0.6px;}

.tab6 a {border-right:none!important;}
.tab1 a {width:60px!important;}

a:focus {outline:none;}

#getstarted {padding-left:0;padding-right:0;}

#getstartedlinks {margin:77px 0 0 0;float:left;}
#getstartedlinks a {display:block;width:289px;height:53px;text-indent:-9999px;margin-bottom:4px;}
a#portfolio {background:url(../images/link-portfolio.jpg) top left no-repeat;}
a#portfolio:hover {background-position:0 -53px;}
a#services {background:url(../images/link-services.jpg) top left no-repeat;}
a#services:hover {background-position:0 -53px;}
a#quote {background:url(../images/link-quote.jpg) top left no-repeat;}
a#quote:hover {background-position:0 -53px;}
a#prices {background:url(../images/link-prices.jpg) top left no-repeat;}
a#prices:hover {background-position:0 -53px;}

#testimonials {float:right;margin:77px 0 0 0;width:415px;padding:10px;}
#testimonials h3 {font-size:1.4em;color:#f46200;margin-bottom:10px;}
p.quote {font-size:16px!important;font-family:Georgia, "Times New Roman", serif!important;width:90%;padding:0;margin:0;color:#fff;}
p.quote br {margin-bottom:15px!important;}
.clr {clear:both;}
#mySlides {height:100px;}
.jFlowPrev, .jFlowNext {cursor:pointer;}
span.author {font-size:0.9em;margin:15px 0 0 0;color:#f46200;display:block;font-family:Helvetica, Arial, sans-serif;}
span.author a {color:#f46200;text-decoration:underline;}