@charset "UTF-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, abbr, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,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-weight: inherit;font-style: inherit;font-size: inherit;font-family: inherit;vertical-align: baseline;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;text-rendering: optimizeLegibility;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}img, a img { border: none; }
.clearfix:after, .container:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;overflow:hidden;}
.clear {clear: both; height: 1px;zoom: 1; display: block;}
.clear:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;}

body {font: 18px/24px 'Droid Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; background: #0a64a4 url(http://www.tedgoas.com/i/bg-html.png) 0 0 repeat; color: #fff; letter-spacing: .1em; text-shadow: 1px 1px 1px #1c282f; text-align: center;}
#strip {display: block; text-align: center; background: #d8d2b9; background: rgba(203, 195, 160, .4);}
#cheader {display: block; background: #eff1d4 url(http://www.tedgoas.com/i/bg-hdr.png) 0 0 repeat; border-bottom: 2px solid #03406a;}
#header {width: 960px; margin: 0 auto;}
#wrapper {clear: both; width: 960px; margin: 0 auto; padding-bottom: 2em; text-align: left;}
#footer {padding: 0 0 1em 0; position: relative; top: 2em; background: #eff1d4; clear: both;}

h1, h2, h3, h4, .intro, em.strong, dt, #approach li strong, ul#clients li.clients, li#quotes-title, #tooltip em, #footer, p em, #email-note {font-family: 'Minion Pro', "Hoefler Text", Baskerville, "Baskerville Old Face", "Times New Roman", serif;}
/*#pull p, ul#clients li span, ul#ratings li.ratings, h4, body#contact h3, #pdetails {font-family: 'Droid Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif}*/

a, a:visited {color: #ffbe00; border-bottom: 1px solid #72a9b5; text-decoration: none; }
a:hover, a:active, a:focus {border-color: #ffbe00}
img, a img {border: 0}
p, li {margin: 2em 0; line-height: 1.6em; letter-spacing: .1em;}
dl {margin: -2em 0 0 0;}
dt {font-weight: bold; font-size: 1.6em; margin: 3em 0 0 0; line-height: 1em; color: #fff;}
dd {margin: .5em 0  2em 0; line-height: 1.6em; font-size: .9em; color: #c7e0e6;}
h1, h2, h3 {color: #fff;}
h1 {font-size: 2.7em; line-height: 1.1em; margin: 1em 0;}
h1#title {font-size: 4em; line-height: 1em; margin: .6em 0 .3em 0;}
h2 {font-size: 1.5em; line-height: 1.2em;letter-spacing: .1em; margin: 2em 0 1em 0; text-transform: uppercase;}
h3 {font-size: 1.2em; font-variant: small-caps; font-weight: bold; margin: 3em 0 -1em 0;}
h4 {margin: 0 0 0 10px; font-size: .7em; font-weight: bold; letter-spacing: .4em; text-transform: uppercase}
em {font-style: italic; font-weight: bold;}
strong, .bold {font-weight: bold;}
abbr {cursor: help;}
::selection {background: #002640; /* Safari */}
::-moz-selection {background: #002640; /* Firefox */}
.clear {clear: both}
.amp {font-style: italic; font-weight: inherit; font-family: "Goudy Old Style", "Hoefler Text", Palatino, "Palatino Linotype", "Palatino LT STD", serif; font-size: 1.2em; position: relative; top: .1em; line-height: 0;}
.posh-badge{margin: 0; font-size:0.625em;line-height:1.4em;font-style:normal;font-family:arial,sans-serif;letter-spacing:0.1em; text-align: center;color:#eed;padding:0 0.3em 0 0;background:#9c0;border: 0.1em solid #690; white-space: nowrap;}
.posh-badge span {letter-spacing:0;color:#213852;padding:0 0.2em;margin-right:0.1em;background:#690; border-right:0.1em solid #690; border-bottom: 0; margin: 0;}
.posh-badge abbr{border:0; color: #213852; text-shadow: 1px 1px 1px #fff;}
.posh-badge a:link,.posh-badge a:visited{text-decoration:none; border: 0; padding: 0;}
.posh-badge a:focus,.posh-badge a:hover,.posh-badge a:active{color:#360;}
.posh-badge span a:focus,.posh-badge span a:hover,.posh-badge span a:active{color:#fff;}

#pull {display: none; background: #cbc3a0}
#pull p {margin: 0 auto;width: 960px;padding: .5em 0;font-size: .7em;text-shadow: none; text-align: left; color: #444;}
#pull em {font-family: 'Minion Pro', "Hoefler Text", Baskerville, "Baskerville Old Face", "Times New Roman", serif; font-size: 1.1em;}
#pull a, #pull a:visited {color: #e65624; border-color: #ff9973; text-transform: uppercase;}
#pull a:hover, #pull a:active, #pull a:focus {border-color: #e65624}
#strip p {width: 960px; margin: 0 auto; padding: .5em 0 .3em 0; color: #b8ae83; text-shadow: none; text-align: left; text-transform: uppercase; font-size: .7em; letter-spacing: .3em}
#strip a {display: inline-block; width: 30px; height: 28px; text-indent: -99999px; background: url(http://www.tedgoas.com/i/sprites-hdr.png) -930px 0 no-repeat; border: 0; margin: 0 0 -10px 0;position: relative; top: -8px;}
#strip a:hover {background-position: -900px 0;}
#strip a.active {background-position: -870px 0;}
#strip a.active:hover {background-position: -840px 0;}

#nav {height: 60px; margin: 2em 0;display: block;}
#nav a, #nav span {display: block; height: 60px; float: left; text-indent: -99999px;background: url(http://www.tedgoas.com/i/sprites-hdr.png) 0 0 no-repeat; border: 0;}
#nav a#home {width: 60px}
#nav a#home:hover {background-position: 0 -60px;}
#nav #the {background-position: -60px 0; width: 50px;}
#nav a#portfolio {background-position: -110px 0;width: 150px}
#nav a#portfolio:hover {background-position:  -110px -60px;}
#nav #and {width: 40px; background-position: -260px 0;}
#nav a#skills {background-position: -300px 0;width: 95px}
#nav a#skills:hover {background-position:  -300px -60px;}
#nav #of {width: 35px; background-position: -395px 0;}
#nav a#about {background-position: -430px 0;width: 135px}
#nav a#about:hover {background-position:  -430px -60px;}
#nav #dots {width: 25px; background-position: -565px 0;}
#nav a#contact {background-position: -590px 0;width: 180px}
#nav a#contact:hover {background-position:  -590px -60px;}
body#about #nav li#n-about a, body#contact #nav li#n-contact a {cursor: text;}

#border, #border2 {background: #4d7c8c url(http://www.tedgoas.com/i/bg-html.png) 0 0 repeat; display: block;}
#border span, #border2 span {display: block; background: rgba(0,0,0,0.3); height: 10px;}
#border2 {margin-bottom: 1em;}

h1#home {text-indent: -99999px; margin: 0 auto; width: 960px;height: 500px; background: url("i/sprites-home.png") 0 0 no-repeat;}
p#now {text-align: center; font-size: 2.2em; font-weight: bold; font-style: italic; color: #69a2c9}

/* Portfolio Index */
#portfolio-hp {clear: both; display: block; padding-bottom: 20px;}
#portfolio-hp h2 {background: url("i/sprites-hdr.png") 0 -455px no-repeat; height: 50px; text-indent: -99999px; margin: 0 0 2em 0;}
ul#work {margin: 0 0 0 -20px; height: 840px;}
ul#work li {display: inline; float: left; position: relative; margin: 0 0 20px 20px; width: 470px; height: 195px; overflow: hidden; font-size: 1.1em}
ul#work li a {display: block; overflow: hidden; height: 155px; font-size: .8em; line-height: 1em; color: #fff; font-weight: normal; padding: 10px; background: #0a64a4; background: rgba(10,100,164,0.4); border: 10px solid #31526a; border: 10px solid rgba(0,38,64,0.6);}
ul#work li:hover {-moz-box-shadow:0 0 30px rgba(255,255,255,0.4); -webkit-box-shadow:0 0 30px rgba(255,255,255,0.4);}
ul#work strong {font-size: 2.8em; display: block; font-weight: normal; line-height: 1em;}
ul#work span {color: #69a2c9; display: block; line-height: 1.2em; font-size: .8em; margin: 3px 0 10px 0; padding: 0 0 5px 0;letter-spacing: .2em; text-transform: uppercase;border-bottom: 1px dotted #69a2c9;}
ul#work em {font-size: .7em; font-style: normal; text-transform: uppercase; letter-spacing: .2em;}
ul#work div.btn {margin: 15px 0 0 0; display: inline-block;padding: 5px 8px 2px 8px; font-weight: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;color: #e3e1b7; background: #ffbe00; color: #1c282f; font-weight: bold; text-shadow: none; font-size: .8em; text-transform: uppercase; letter-spacing: .2em; border: 0}
ul#work div.btn:hover {background: #ffd17d; -webkit-transition: all 0.3s ease-in-out;}
ul#work img {position: absolute; top: 10px; left: 10px;}
ul#clients {position: relative; top: 2em}
ul#clients li {margin: 30px 0 0 0;line-height: 1.3em; font-size: .9em;}
ul#clients li.clients {color: #85b3d3; font-weight: bold; font-size: 1.2em; font-style: italic; letter-spacing: .2em;margin: 0 0 -15px 0;}
ul#clients li span {font-weight: bold; text-transform: uppercase; display: inline-block; width: 180px; float: left; text-align: right;margin: 0 20px 20px 0;font-size: .6em; letter-spacing: .2em;}

#quotes {height: 80px; padding: 20px 0;display: block; margin: 4em 0; background: #002640; background: rgba(0,38,64,.5);}
#quotes li {float: left; display: inline; margin: 0 0 0 50px;}
li#quotes-title {width: 135px; background: url("i/logos.png") 135px 0 no-repeat; padding: 15px 30px 0 0; font-size: .8em; font-weight: bold; height: 80px; color: #69a2c9; line-height: 1.2em; margin-left: 30px;}
#quotes-title strong {color: #fff; font-style: italic; display: block; margin: .2em 0 0 0;font-size: 1.4em}
#quotes li a {display: block; height: 80px; background: url("i/logos.png") no-repeat; text-indent: -99999px; border: 0;opacity: 0.5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#quotes li a:hover {opacity: 0.7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
#quotes li a#logo-nelnet {width: 160px; background-position: -30px 0;}
#quotes li a#logo-lp {width: 65px; background-position: -190px 0;}
#quotes li a#logo-insight {width: 105px; background-position: -255px 0;}
#quotes li a#logo-pc {width: 60px; background-position: -360px 0;}
#quotes li a#logo-tru {width: 65px; background-position: -420px 0;}
#tooltip {position: absolute;z-index: 3000; width: 350px; text-align: left; padding: .5em; background: #002640; background: rgba(0,38,64,0.95); border: 10px solid #31526a; border: 10px solid rgba(10,100,164,0.3); -webkit-transition: all 0.5s ease-in-out; -moz-box-shadow:0 0 30px rgba(255,255,255,0.4); -webkit-box-shadow:0 0 30px rgba(255,255,255,0.4);}
#tooltip blockquote {}
#tooltip p {margin: 0; letter-spacing: .1em}
#tooltip em {margin: .5em 0 0 0; display: block; text-align: right; font-size:.8em; line-height: 1.2em; color: #8cbbdc; font-style: normal; text-transform: uppercase; font-weight: normal}
#tooltip span {display: block; text-transform: none; font-size:.9em;}
#quotes div {display: none;}

#skills-hp h2 {background: url("i/sprites-hdr.png") 0 -505px no-repeat; height: 50px; text-indent: -99999px; margin: 2em 0;}
#approach ul {margin: 0; clear: both; display: block;}
#approach li {display: inline; float: left; position: relative; margin: 0 60px 60px 0; padding-left: 80px; width: 360px; height: 180px; line-height: 1.6em; background: url("i/sprites-icons.png") 0 0 no-repeat; font-size: .9em; color: #8cbbdc}
#approach li strong {font-size: 2em; line-height: 1em; font-variant:small-caps; font-weight: normal; margin: 0 0 5px 0; display: block; letter-spacing: .1em; color: #fff;}
#approach li strong em {text-transform: lowercase; font-variant:normal; font-family: inherit; font-weight: normal}
#approach li strong .amp {font-weight: normal;}
li#code {background-position: 0 0; margin-right: 0;}
li#design {background-position: 0 -200px;}
li#speed {background-position: 0 -400px;}
li#SEO {background-position: 0 -600px; margin-right: 0;}
li#measure {background-position: 0 -800px;}
li#branded {background-position: 0 -1000px;}
li#focus {background-position: 0 -1200px; margin-right: 0;}
li#writing {background-position: 0 -1400px; margin-right: 0;}
li#current {background-position: 0 -1600px;}

#btns {clear: both; display: block; height: 100px; background: url(http://www.tedgoas.com/i/sprites-hdr.png) center -225px no-repeat;}
a#pitch {background: #eff1d4 url(http://www.tedgoas.com/i/sprites-hdr.png) 0 -325px no-repeat; float: left; display: block; width: 320px; height: 100px; text-indent: -99999px;margin: 0 320px 0 0;}
a#pitch:hover {background-position: 0 -225px;}
a#onepage {background: #eff1d4 url(http://www.tedgoas.com/i/sprites-hdr.png) -640px -325px no-repeat; float: right; display: block; width: 320px; height: 100px; text-indent: -99999px; margin: 0;}
a#onepage:hover {background-position: -640px -225px;}

#footer p {width: 960px;margin: 2em auto;text-align: left; text-shadow: 1px 1px 1px #fff;line-height: 1.3em; text-transform: uppercase;color: #666; font-size: .7em; letter-spacing: .2em}
#footer em {font-style: normal; border-bottom: 1px solid #aaa; font-weight: normal}
#footer a, #footer a:visited {color: #e65624; border-color: #cbc3a0}
#footer a:hover, #footer a:active, #footer a:focus {border-color: #e65624}

/* About Page */
#col-aside {float: left; width: 320px;}
#col-aside a {border: 0;}
#col-aside img {margin: 0 0 2em 0; background: #0a64a4; background: rgba(10,100,164,0.4); border: 10px solid #31526a; border: 10px solid rgba(0,38,64,0.6);}
#col-aside a:hover img {-moz-box-shadow:0 0 30px rgba(255,255,255,0.4); -webkit-box-shadow:0 0 30px rgba(255,255,255,0.4);}
#col-about {margin: 0 0 0 350px;}
#social {margin: 10px 0 0 10px; font-size: .8em; text-transform: uppercase;}
#social li {margin: .2em 0; padding: 2px 0 2px 25px; background: url("i/sprites-icons.png") 0 0 no-repeat; float: left; width: 120px;}
#social li a:link, #social li a:visited {font-size: .9em; }
#social li a, #social li a:visited {border-bottom: 1px solid #72a9b5;}
#social li a:hover, #social li a:active {border-color: #FFDD9F}
li#twitter2 {background-position: 0 -2001px;}
li#linkedin2 {background-position: 0 -2031px;}
li#facebook {background-position: 0 -2061px;}
li#shelfari {background-position: 0 -2091px;}
li#picassa {background-position: 0 -2121px;}
li#virb {background-position: 0 -2151px;}
li#lastfm {background-position: 0 -2181px;}
li#diigo {background-position: 0 -2211px;}
li#tumblr {background-position: 0 -2241px;}
li#flavors {background-position: 0 -2271px;}

/* Contact Page */
h1.email {margin: 3em 0 6em 0; font-size: .9em; letter-spacing: .4em; font-weight: normal; line-height: 4em; text-transform: uppercase; color: #85b3d3; text-align: center;}
h1.email strong {display: block; text-align: center; text-shadow: 3px 3px 3px #1e4851; color: #fff; font-size: 6em; font-weight: normal; color: #fff; letter-spacing: .1em;}
.at {font-size: .7em; line-height: 0; margin: 0 5px; position: relative; top: -6px;}
.email em {font-style: normal; font-weight: normal; text-transform: lowercase;display: block; font-size: .3em;color: #85b3d3;letter-spacing: .2em;}
#email-note {display: block; font-style: italic;text-align: center;font-size: 1.2em; font-weight: bold; padding: .7em 0 .5em 0; margin: 2em 0; color: #69a2c9; background: #002640; background: rgba(0,38,64,.5);}
#email-note span {margin: 0 2em; color: #69a2c9; font-size: 1.2em; line-height: 0; font-style: normal}
#email-note:hover, #email-note:hover span {color: #fff;}
body#contact h3 {border-bottom: 4px double #24577b; font-size: 1.5em; font-weight: normal; margin: 0; padding: .5em 0 1em 0;}
body#contact h3 em {font-style: normal; line-height: 0; padding: 0 8px; background: #0a64a4;}
#recruiter {float: left; width: 450px;}
#freelance {float: right; width: 450px; padding-left: 30px; border-left: 4px double #24577b;}

/* Portfolio Page */
#pdetails {font-size: .7em; display: block;margin: 1em 0 -1em 0; padding: 5px 0; position: relative; top: 0px; border-top: 4px double #31526a; border-bottom: 4px double #31526a; border-top: 4px double rgba(0,38,64,0.5); border-bottom: 4px double rgba(0,38,64,0.5);}
#pdetails li {margin: 8px 0; line-height: 1.1em; letter-spacing: .2em}
#pdetails li span {font-weight: bold; text-transform: uppercase; font-size: .9em; margin-top: 1px; float: left; color: #69a2c9}
#pdetails li strong {display: block; margin-left: 100px; font-weight: normal}
#ptext {float: left; width: 420px; margin: 0 40px 0 0;}
p.intro {font-size: 1.5em; margin: 1.5em 0; line-height: 1.4em; font-style: italic; font-weight: normal;}

#ptext img, #pimages img {background: #0a64a4; background: rgba(10,100,164,0.4); border: 10px solid #31526a; border: 10px solid rgba(0,38,64,0.6);}
#pimages img {margin: 10px 0 30px 0;}
#pimages img.sm1 {margin-right: 40px; float: left;}

#sb-container a, #sb-container a * {border: 0;}
#sb-container, #sb-wrapper{text-align:left}
#sb-container, #sb-overlay{position:absolute; top:0; left:0; width:100%; margin:0; padding:0}
#sb-container{height:100%; display:none; visibility:hidden; z-index:999}
body >#sb-container{position:fixed}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px')}
#sb-container >#sb-overlay{height:100%}
#sb-wrapper{position:relative}
#sb-wrapper img{border:none}
#sb-body{position:relative; margin:0; padding:0; overflow:hidden; border:1px solid #303030}
#sb-body-inner{position:relative; height:100%}
#sb-content.html{height:100%; overflow:auto}
#sb-loading{position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px}
#sb-body, #sb-loading{background-color:#060606}
#sb-title, #sb-info{position:relative; margin:0; padding:0; overflow:hidden}
#sb-title-inner, #sb-info-inner{position:relative; line-height:16px;}
#sb-title, #sb-title-inner{height:26px}
#sb-title-inner{font-size:16px; padding:5px 0; color:#fff; text-transform: uppercase; font-weight: normal;font-size: .9em; letter-spacing: .1em;}
#sb-info, #sb-info-inner{height:20px}
#sb-info-inner{font-size:12px; color:#fff}
#sb-nav{float:right; height:16px; padding:2px 0; width:45%}
#sb-nav a{display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer}
#sb-nav-close{background-image:url(http://www.tedgoas.com/i/close.png); background-repeat:no-repeat}
#sb-counter{float:left; padding:2px 0; width:45%}
#sb-counter a{padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff}
#sb-counter a.sb-counter-current{text-decoration:underline}
div.sb-message{letter-spacing: .1em; padding:10px; text-align:center}
div.sb-message a:link, div.sb-message a:visited{color:#fff; text-decoration:underline}

/* IE Fixes */
body.ie6 #btn-pull, body.ie7 #btn-pull {background: #eff1d4 url(http://www.tedgoas.com/i/bg-hdr.jpg) 0 0 repeat; float: left; width: 100%}
body.ie6 #cheader, body.ie7 #cheader {padding: .5em 0 0 0; clear: both; height: 125px;}
body.ie6 h2#logo {float: left;}
body.ie6 #nav {margin-top: 45px}
body.ie6 #chead er{height: 100px;}
body.ie6 #wrapper, body.ie7 #wrapper {margin-top: 2em;}
body.ie6 #footer, body.ie7 #footer {padding-bottom: 4em}

body.ie6 #strip, body.ie7 #strip {margin-top: -10px;}
body.ie6 #strip p, body.ie7 #strip p {padding-bottom: 0} 
body.ie6 #strip a, body.ie7 #strip a {display: block; float: right; width: 30px; margin: -20px 2em 0 0}
body.ie7 #cheader {padding-bottom: 1.5em;}
body.ie6 ul#work div.btn, body.ie7 ul#work div.btn {width: 150px; text-align: center; padding: 5px 0;}
body.ie6 ul#clients li.clients {margin-bottom: 10px}
body.ie6 ul#clients li {clear: both; margin-top: 0px;}
body.ie6 ul#clients li span {display: block; width: 180px; float: left; margin: 35px 20px 20px 0;}
body.ie6 #approach li {line-height: 1.4em;font-size: 1em;}