/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */ :focus { outline: 0; }
/* remember to highlight inserts somehow! */ ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }


/* typography */
body { font: 16px "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:lighter; line-height:19px; color:#BBB; }
a:focus { outline: 1px dotted invert; }
h2, h3, h4 { color:#999966; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -1px; margin:20px 0 0 0; font-weight: normal; }
h2 { font-size: 25px; }
h3 { font: 21px "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-style:italic; letter-spacing: normal; }
h4 { font-size: 19px; }

p { margin: 15px 0; }
a { color:#999966; }
a:hover { color:#FFF; }


/* styles */
html { background-color: #000; }
body { margin:0 auto; background: url(img/pageBg.jpg) repeat-x bottom left;}

body#min { background: none;}
#wrapper { width:100%; margin: 0px auto; background: url(img/cloudsLeft.png) repeat-x 740% 0; }
#headerWrap { width:100%; margin: 0px auto; background: url(img/cloudsRight.png) repeat-x 290% 0;}
#headerInner { width:100%; margin: 0px auto; background: url(img/cloudsMiddle.png) repeat-x 1000% 0;}

#header { position: relative; height:100px; width: 676px; margin:0 auto; padding:35px 284px 0 0; background: url(img/cloudsMiddle.png) no-repeat -600px 0;}
#header h1 a#logo { margin:0; position:absolute; top:15px; left:0; display:block; width:300px; height:112px; background:transparent url(img/logo.png) no-repeat top left; text-indent:-9000px; }
h1#minLogo { margin:0; display:block; width:250px; height:101px; background:transparent url(img/logoOnWhite.jpg) no-repeat top left; text-indent:-9000px; }

a.title, #turingTest, #turingLabel, #turing, label.screen-reader-text {display: none; width:0; height:0; text-indent: -9999px;}
#content { width: 960px; margin: 0 auto; z-index: 50;}
#mainContent { float:left; width:620px; padding: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border:8px solid #333; background-color: #000; background-color: rgba(0, 0, 0, 0.8); overflow: auto; }
#intro { float:left; width:620px; padding:0 28px; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; line-height:21px; color:#DDD; font-size:17px; font-style: italic; }
#intro strong { color:#999966; font-weight: normal;}


#intro, #coda-nav-1, #footer, #minContent { clear:both; margin: 0 auto; width: 620px; padding:20px; }
#intro { font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:lighter; line-height:21px; color:#DDD; font-size:17px; font-style: italic; }
#intro strong { color:#999966; font-weight: normal;}
#mainNav, a.title, #turingTest, #turingLabel, #turing {display: none; width:0; height:0; text-indent: -9999px;}
#content { width: 960px; margin: 0 auto; z-index: 50;}
#mainContent { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border:8px solid #333; background-color: #000; overflow: auto;}
#minContent { overflow:auto; background-color: #FFF; color:#222; padding:30px; }
#minContent h2, #minContent h3, #minContent h4 { color:#666; }

#secondaryContent { float: right; width: 260px; font: 12px "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; line-height:1.5em; padding:80px 0 0 0;}
#secondaryContent ul li ul li { margin-left: 15px; }


a.rounded { background-color: #444;	color:#EEE;	text-decoration: none; padding:2px 5px 1px 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
}
a.rounded:hover {background-color: #999966; color: #111;}

#minContent a { background-color: #CCC;	color:#222;	text-decoration: none; padding:2px 5px 1px 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
 }
#minContent a:hover { background-color: #999966; color: #111; }


#footerOuterWrap { clear:both; margin:50px 0 0 0; width: 100%; background: url(img/pasture.png) repeat-x bottom left; }
#footerInnerWrap { width: 100%; background: url(img/mountains.png) no-repeat bottom left; }
#footer { width:620px; margin:50px auto 0; padding:15px 284px 200px 0;}
#footer h3 {font-size:16px;}
#footer p { margin:4px 0; font-size: 13px; }

.clear {clear:both;}
.notice { padding: 15px 65px; background: url(img/clock.png) no-repeat left center; font-style: italic; color:#999966; font-size: 1.2em;}
.scheduleDay { padding: 1px 18px; background: url(img/calendar.png) no-repeat left center;}
.picThumbs li { float: left; width: 60px; height:60px; margin:4px; border:1px solid #000;}
.picThumbs li:hover { border:1px solid #EEE;}
.right { float: right;}
.left {float: left;}
.col140 {width: 140px;}
.col300 {width: 300px;}
.col460 {width: 460px;}
.col620 {width: 620px;}
.center {text-align: center;}
.spaced {margin: 50px 0 0 0;}
.nudged {margin: 20px 0 0 0;}
.indent li {margin: 0 0 0 20px;}
.phoneNum {font-size: 21px; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -2px; color:#999966;font-weight: normal;}
.smLinkList {margin:20px 0 0;}
.smLinkList li {font-size:18px; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -1px; margin: 10px 0; height:33px;}
.vCard { background: url(img/mainSprites.png) no-repeat -137px -300px; padding:3px 0 3px 32px;}
.design { background: url(img/mainSprites.png) no-repeat -400px -300px; padding:20px 0 8px 52px;}
.brand { background: url(img/mainSprites.png) no-repeat -400px -350px; padding:20px 0 8px 52px;}
.apps { background: url(img/mainSprites.png) no-repeat -400px -400px; padding:20px 0 8px 52px;}
.consult { background: url(img/mainSprites.png) no-repeat -400px -450px; padding:20px 0 8px 52px;}
.smLinksSm { background: url(img/smSprites.png); background-repeat: no-repeat; padding: 5px 0 5px 40px;}
.smLinksLg { float:left; margin:0 15px; display:block; width:165px; height:46px; background: url(img/smSprites.png); text-indent: -9999px;}
.twitterLg {background-position: 3px -623px;}
.linkedinLg {background-position: 169px -623px;}
.facebookLg {background-position: 337px -623px;}
.twitterLg:hover {background-position: 3px -669px;}
.linkedinLg:hover {background-position: 169px -669px;}
.facebookLg:hover {background-position: 337px -669px;}

#smButtons li { float:left;}
#smButtons a * { display: none;}
#smButtons a, #smButtons a .hover { display:block; position:relative; width:32px; height:32px; background: url(img/smSprites.png) 0 0 no-repeat;}

#smButtons a.twitter, .twitter { background-position: -450px -520px;}
#smButtons a.facebook, .facebook { background-position: -450px -104px; }
#smButtons a.linkedin, .linkedin { background-position: -450px -260px; }
#smButtons a.delicious, .delicious { background-position: -450px 0px; }
.pandora { background-position: -450px -364px; }
.rss { background-position: -450px -468px; }
.email { background-position: -450px -52px; }
acronym { border-bottom:1px dotted #999999; cursor:help;}
#minContent ol, #minContent ul { margin:5px 0px 20px;}
#minContent ol {list-style-type: decimal;}
#minContent li { margin: 3px 15px;}
#minContent ul {list-style-type: disc;}

#accessibility { position:absolute; top:0px; left: 0; padding:5px; background: rgba(50, 50, 50, .6); font: 11px "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif;
-moz-border-radius-bottomleft: 11px;
-webkit-border-bottom-left-radius; 11px;
-moz-border-radius-bottomright: 11px;
-webkit-border-bottom-right-radius: 11px;
z-index: 1001;
}

#accessibility li { display: inline; margin: 0 15px; }

.highlight a.twitter:hover, #smButtons a.twitter .hover {background-position: 0 -520px;}
.highlight a.facebook:hover, #smButtons a.facebook .hover {background-position: 0 -104px;}
.highlight a.linkedin:hover, #smButtons a.linkedin .hover {background-position: 0 -260px;}
.highlight a.delicious:hover, #smButtons a.delicious .hover {background-position: 0 0px;}
.highlight a.pandora:hover { background-position: 0 -364px; }
.highlight a.rss:hover { background-position: 0 -468px; }
.highlight a.email:hover { background-position: 0 -52px; }

form p {margin:3px 0 0 20px; position:relative;}
label {display:block; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; color:#999966; font-size:18px; letter-spacing: -1px;}
input, textarea { border:none; width:240px; font-size:13px; padding:2px; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif;  -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; /* future proofing */ -khtml-border-radius: 7px; /* for old Konqueror browsers */ }
#submit { border:none; height:36px; width:133px; height:px; background: url(img/mainSprites.png) no-repeat 0px -336px; text-indent: -9999px;}
#submit:hover { background-position: 0px -300px; cursor: pointer;}
#creativeBrief { margin:0; padding:0; display:block; width:365px; height:140px; position:relative; }
#creativeBrief a, #creativeBrief a:hover {margin:0; padding:0; background: none; }
#creativeBrief span { background:transparent url(img/cta_button.jpg) no-repeat scroll 0%; position:absolute; height:100%; width:100%;}


.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; }
.coda-slider, .coda-slider .panel { width: 620px } 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 620px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
#coda-nav-1 {padding:0}
.coda-nav ul { font-size:23px; padding:0; margin: 50px auto 20px; }
.coda-nav ul li { display:inline; margin:0 14px;}
.coda-nav ul li a { color:#555555; text-decoration:none; height: 80px; padding:20px 10px; background: url(img/navBg.jpg) repeat-x -300px left; }
.coda-nav ul li a:hover, .coda-nav ul li a.current { color:#999966; text-decoration:none; height: 80px; padding:20px 10px; background-position: bottom left; }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-slider-wrapper { float:left; 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 }


/* Box Captioning */
.boxgrid h3{ margin: 3px 3px 0 3px; font-size:15px;}
.boxgrid h4{ margin: 3px 3px 0 3px; font-size:13px; color:#FFF;}
.boxgrid { width: 196px; height: 130px; margin:5px; float:left; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ font-size: 13px; margin:4px 3px; }
.boxcaption{ float: left; position: relative; background: rgba(0, 0, 0, .8); height: 130px; width: 196px; }
.caption .boxcaption { top: 0; left: 0; position: absolute; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


.widgettitle { color: #CCC; border-bottom:1px solid #666; margin:50px 0 8px 0; padding:7px 0;}