/* START: reset.css */
/*
This CSS reset file is an adaptation of Eric Meyer's "Reset Reloaded".
You can find the original in Eric's Blog following this link:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Project: Blank CSS Template
Project Website: http://code.google.com/p/blank-css-template/
Last updated:  2008-01-03
License: GNU-GPL v2
file: reset.css
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 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;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/* END: reset.css */
/* START: site.css */
body { background: #374a58; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #fff; line-height: 1.5em; }

#main { margin: 29px auto; width: 986px; overflow: hidden; position:relative; } 
#main { font-size: 0.89em; line-height: 1.5em; color: #374a58;}
#header { background: #fff url('../images/top-back.png') no-repeat left top;}
#content { background: #fff url('../images/content-back.png') repeat-y left bottom; }
#bottom { background: #fff url('../images/bottom-back.png') no-repeat left bottom; padding: 24px 0 32px; color: #374a58;}
#footer { background: #82939f url('../images/footer-back.png') no-repeat left top; margin: 24px 0; color: #fefefe; height: 275px; }

p, ul, ol { margin: 0.5em 0; color: #222; }
.p-indent p, p.p-indent { text-indent: 2em;}
p.error { display: block; background-color: #ffd5d0; border: 1px solid #ff003c; padding: 5px;}

a { color: #16b4db;}
a:hover { text-decoration: none;}
br, hr { clear:both; margin: 7px;}
br { margin: 0 !important; }

ul { list-style-type: disc; padding-left: 2.0em;}
ul ul { list-style-type: circle; margin-top: 0;}
li { }

h1 { background: transparent url('../images/top-logo.png') no-repeat left top; height: 54px; width: 174px;  margin: 19px 22px 0;}
h2 { text-align: center; font-size: 29px;}
h3 { font-size: 2.5em;}
h4 { font-size: 1.8em;}
h4.light { color: #aeb0b2;}
h2, h3, h4 { font-family: Corbel, Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.2; margin-bottom: 0.2em;}
h5 { font-size: 1.5em; line-height: 1.3; margin-bottom: 0.2em;}
#header h6 { font-weight: normal; color: #b2b3b4; text-align: right; margin-top: 12px; }
#header h6 a { font-weight: normal; color: #b2b3b4; text-decoration: underline; }
#header h6 a:hover { text-decoration: none; color: #16b4db;}

h1 span, h2 span, h3 span, h4 span { visibility: hidden;}
h1 a { text-decoration:none; display:block; height: 54px; width: 174px;}

.cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading .paper a { visibility: hidden !important; }

/* Columns */

/* 960: Full Width */
.cols { position: relative; padding: 0 13px; width: 964px; clear: both; overflow: hidden;}
.col-1-3, .col-2-3, .col-3-3 { float: left; display: inline; margin: 0 24px; }
.col-1-3 { width: 272px;}
.col-2-3 { width: 592px;} 
.col-3-3 { width: 912px;}
.col-1-4, .col-2-4, .col-3-4, .col-4-4  { float: left; display: inline; margin: 0 24px;}
.col-1-4 { width: 192px;}
.col-2-4 { width: 432px;} 
.col-3-4 { width: 672px;}
.col-4-4 { width: 912px;}

/* 888: Margined */
div.cols-narrow, span.cols-narrow .cols { padding: 0 47px; width: 894px;}
.cols-narrow .col-1-3, .cols-narrow .col-2-3, .cols-narrow .col-3-3 {  }
.cols-narrow .col-1-3 { width: 248px;}
.cols-narrow .col-2-3 { width: 544px;} 
.cols-narrow .col-3-3 { width: 840px;}
.cols-narrow .col-1-4, .cols-narrow .col-2-4, .cols-narrow .col-3-4, .cols-narrow .col-4-4 {  }
.cols-narrow .col-1-4 { width: 174px;}
.cols-narrow .col-2-4 { width: 396px;} 
.cols-narrow .col-3-4 { width: 618px;}
.cols-narrow .col-4-4 { width: 840px;}

/* Permutations */
.col-left-border { margin: 0; padding: 0 24px; border-left: 1px solid #ddd;}
.col-shade { background-color: #dadddf;}
.col-boxed { margin: 0 12px 12px; padding: 6px 12px; border: 1px solid #ddd;} /* See .border-radius-6 */
.col-boxed-right { margin: 0 12px 12px 0; padding: 6px 12px; border: 1px solid #ddd;} /* See .border-radius-6 */
.col-boxed-left { margin: 0 0 12px 12px; padding: 6px 12px; border: 1px solid #ddd;} /* See .border-radius-6 */
.cols .col-right { float: right;}
.col-top { padding-top: 2em; }

#home #content ul { list-style-type:none; padding: 0;}
#home #content li { padding-top: 5px;}
#home #content li a { text-decoration: none; color: #374a58; display: block; margin: 1px 0 2px 1px; padding: 9px 13px; border: 1px solid #eff1f2; background: #eff1f2;}
#home #content li a:hover { border: 1px solid #dfe2e4; background: #dfe2e4; }
#home #content li p { font-size: 0.86em; color: #c4c6c8; text-align: right; margin: 0; padding: 0;}

#splashes { position:relative; width: 640px; height: 316px; overflow: hidden; }

/* General Styles */

.centered { text-align: center;}
.right { text-align: right;}
.border-radius-6, .col-boxed, .col-boxed-right, .col-boxed-left, #home #content li a  { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url(/styles/border-radius.htc); }

/* Design-specific */

/* General */
ul.tickmark { list-style-type:none; padding-left: 0.8em;}
ul.tickmark li { padding-left: 22px; background: transparent url('../images/ul-tick-small-black-on-white.png') no-repeat 0px 3px;}
.col-shade ul.tickmark li { background-image: url("../images/ul-tick-small-black-on-shade.png");}

/* Footer */

#footer .cols { padding-top: 19px;}
#footer a { color: #fefefe; text-decoration:none; }
#footer p, #footer ul { color: #fefefe; font-size: 0.846em;}
#footer a:hover { text-decoration: underline;}
#site-map ul { float: left; margin: 13px 24px 14px 0; width: 10em; list-style-type: none; padding: 0; line-height: 1.6em;}
#site-map li { padding-left: 1em; }
#site-map li.section { padding-left: 0; line-height: 1.8em; }
#footer hr { display: block; position: relative; padding: 0; margin: 0 auto; width: 100%; clear: both; border: none; border-top: 1px solid #667781; border-bottom: 1px solid #bac4ca; font-size: 1px; line-height: 0; overflow: visible; }
#legal { background: url('/images/footer-logo.png') no-repeat left center; padding: 3px 0 0 10em; margin-top: 5px;}

/* Content Slider */
.coda-slider-wrapper { padding: 0 46px;}
.coda-slider-wrapper .cols { padding: 0;}x
.coda-slider-wrapper div.cols-narrow, span.cols-narrow .coda-slider-wrapper .cols { padding: 0;}
.coda-nav ul { list-style-type: none; padding: 0; clear:both; display: block;}
.coda-nav ul.paper { line-height: 1.8em; font-size: 1.6em; border-bottom: 5px solid #374a58; margin-bottom: 1em; padding-top: 1em;}
.paper a { color: #374a58; text-decoration: none; margin: 0 1em; }
.paper a.current, .paper a:hover { color: #aeb0b2; }
.coda-nav ul li { display: inline;}
.coda-slider { position: relative; margin:0; padding: 0; width: 900px; overflow: hidden; float: left;}
.coda-slider .panel-container { position: relative; overflow: hidden;}
.content-panel, .coda-slider .cols { float: left; clear: none; }

.cols-gallery .coda-slider { width: 868px;}
.cols-gallery .coda-slider-wrapper { padding: 0;}
/* Gallery */
.cols-gallery { white-space: nowrap; overflow: hidden; height: 204px; }
#home .cols-gallery { padding-top: 36px; }
.col-gallery-nav, .col-gallery-tile { display: block; background-image: url('../images/gallery-tile-large.png'); background-position: left top; height: 204px; float: left; text-align: center;}
.col-gallery-nav { width: 46px; text-align: left;}
.cols-gallery br { margin: 0; }
.col-gallery-nav .nav-previous span, .col-gallery-nav .nav-next span { display: none; }
.col-gallery-nav .nav-previous, .col-gallery-nav .nav-next { position:relative; top: 90px; left: 10px; font-size: 0; background-image: url('/images/gallery-nav.png'); background-position: left top; width: 26px; height: 26px; background-repeat: no-repeat; }
.col-gallery-nav .nav-next { background-position: right top; }
a:hover.col-gallery-nav .nav-previous { background-position: left -26px;}
a:hover.col-gallery-nav .nav-next { background-position: right -26px;}

.col-gallery-tile { width: 217px;}
div.cols-top { height: 10px; }
.cols-top .col-gallery-tile { width:960px; }
.cols-gallery a { text-decoration: none; color: #3a4956; font-weight:bold; text-shadow: #f5f5f5 0px 1px 0px;}
.cols-gallery a:hover.col-gallery-tile, .cols-gallery a:active.col-gallery-tile { background-position: left -204px; color: #4d677b;}
.cols-gallery a.selected, .cols-gallery a:hover.selected { background-position: left bottom; color: #3a4956;}
.cols-gallery a img { margin: 28px 0 5px 0; }
.cols-gallery a span { font-size: 0.85em; font-weight:normal; color: #919295; }

/* Ribbon Breakout */

div.breakout { width: 986px;}
.breakout .col-2-3, .breakout .col-3-3 { margin: 0; }
.breakout .col-1-3 { }
.breakout .col-2-3 { width: 638px;}
.breakout .col-3-3 { width: 960px;}
.breakout h4 { font-size: 1.65em;}

/* Menu */

ul#top-menu { float: right; display:inline; list-style: none; margin: 0; overflow:hidden; white-space:nowrap; margin: 25px 15px 54px 9px; }
#top-menu li { float: left; display:inline; }
#top-menu li a span { visibility: hidden;}
#top-menu li a { display: block; height: 45px; background-image:URL('../images/top-menu-contact.png'); background-position: left top; text-decoration: none;}

#top-menu li.featured-work a { width: 175px; background-position: left top;}
#top-menu li.featured-work a:hover { background-position: left bottom;}
#featured-work #top-menu li.featured-work a { background-position: left -45px;}

#top-menu li.what-we-do a { width: 140px; background-position: -175px top;}
#top-menu li.what-we-do a:hover { background-position: -175px bottom;}
#what-we-do #top-menu li.what-we-do a{ background-position: -175px -45px;}

#top-menu li.news a { width: 90px; background-position: -315px top;}
#top-menu li.news a:hover { background-position: -315px bottom;}
#news #top-menu li.news a { background-position: -315px -45px;}

#top-menu li.about a { width: 98px; background-position: -405px top;}
#top-menu li.about a:hover { background-position: -405px bottom;}
#about #top-menu li.about a { background-position: -405px -45px;}

#top-menu li.contact a { width: 117px; background-position: -503px top;}
#top-menu li.contact a:hover { background-position: -503px bottom;}
#contact #top-menu li.contact a { background-position: -503px -45px;}
#contact #content {padding-top: 3em;}
/* Content-specific */

/* Contact */

#contact dl { margin-top: 19px;}
#contact dt { display: block; float: left; width: 25px; height: 26px; margin: 0 10px 0 0; background: transparent url('/images/contact-icons.png') no-repeat;}
#contact dl.white dt { background: transparent url('/images/contact-icons-white.png') no-repeat;}
#contact dt span { display: none;}
#contact dt.email { background-position: left top !important;}
#contact dt.telephone { background-position: -52px top !important;}
#contact dt.twitter { background-position: -26px top !important;}
#contact dt.vcard { background-position: right top !important;}
#contact dd { height: 35px;}

/* JS Widgets */

div#phone-4 { background: transparent url('/images/iphone-4-back.jpg') no-repeat left top; width: 244px; height: 555px; overflow: hidden;}
div#screenshots { position: relative; overflow: hidden; margin: 99px 0 135px 19px; width: 207px; height: 298px; }
#nav { text-align: center; position: relative; margin-left: 77px;}
#nav a { display: block; height: 13px; width: 13px; float: left; border: 0; margin: 2px; background: transparent url('/images/page-dot.png') no-repeat center top; text-decoration: none; }
#nav a span { display: none; }
#nav a.activeSlide { background-position: center bottom; }
#nav a:focus { outline: none; }

.tweet {
  font-family: Georgia, serif;
  font-size: 100%;
  color: #085258; }
  .tweet .tweet_list {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #8ADEE2; }
	.tweet ul { list-style-type: none; }
    .tweet .tweet_list li { overflow: auto; padding: 12px; margin: 0px;}
    .tweet .tweet_list li a {  color: #0C717A; }
    .tweet .tweet_list .tweet_even { background-color: #91E5E7; }
    .tweet .tweet_list .tweet_avatar { float: left; margin-right: 10px; }
    .tweet .tweet_list .tweet_avatar img { vertical-align: middle; }

/* END: site.css */
/* START: form.css */

fieldset,form,label,legend{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
fieldset{border-top:1px solid #ddd;margin:0 0 1.5em;padding:1.4em;}
legend{font-size:1.2em;background-color:#e3dfdf;color:#333;padding:0 .4em;}
label{float:left;width:14em;display:block;clear:left;margin-right:1em;text-align:right;cursor:hand;color:#333;}
label.wide{width: auto;}
label.input{float: left; width: auto; clear: none; text-align:left; margin-left:0.5em;}
textarea,input,select,label,button,optgroup{margin-top:5px; font-size: 1.0em; float: left; }
input.option { margin-top: 8px; }
input[type="checkbox"],input[type="radio"]{margin-bottom:7px;}
textarea:focus,input[type="text"]:focus{border-right:8px solid #666;}
input[type="checkbox"]{color:#000;}
optgroup{background-color:#ccc;color:#000;}
textarea,input[type="text"]{border:1px solid #666;}
textarea{width: 18em;}
select,input[type="radio"],option{background-color:#fff;color:#000;}
input[type="submit"],button{background-color:#ccc;color:#333;}
/* END: form.css */
/* START: fixes.css */
.bottom {
	overflow: hidden; _overflow: visible; _overflow-x:hidden;
}

.bottom {
	overflow: hidden; _overflow: visible; _overflow-x:hidden; _height: 0;
}

.bottom {
	overflow: hidden; _overflow: visible; _overflow-x:hidden; _height: 0;
}
/*\*//*/ 
.bottom {display: inline-block;}
/**/
/* END: fixes.css */