@charset "utf-8";
/*START RESET*/
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;
}

/*END RESET*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#004D81;
	overflow-y:scroll;
}

#header {
	height:133px;
	background:url(images/header-gradient.gif) repeat-x;
	z-index:1000;
	position:relative;
	width:100%;
}

#header .inner {
	width:912px;
	height:100%;
	margin:0 auto;
	position:relative;
}

img#top-logo {
	margin: 30px 0 0 27px;
}

ul#topnav {
	width:912px;
	height:32px;
	background:url(images/topnav-bkgd.gif);
	position:absolute;
	bottom:1px;
	left:0;
}

ul#topnav li {
	display:block;
	float:left;
	height:32px;
	width:130px;
	position:relative;
	overflow:visible;
	background:url(images/topnav-divider.gif) right no-repeat;
}

ul#topnav li.blog {
	background:none;
}

ul#topnav li a {
	display:block;
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	line-height:500px;
	text-indent:500px;
}

ul#topnav li.work a { background:url(images/topnav-work.png) no-repeat center; }
ul#topnav li.clients a { background:url(images/topnav-clients.png) no-repeat center; }
ul#topnav li.services a { background:url(images/topnav-services.png) no-repeat center; }
ul#topnav li.thought a { background:url(images/topnav-thought.png) no-repeat center; }
ul#topnav li.company a { background:url(images/topnav-company.png) no-repeat center; }
ul#topnav li.contact a { background:url(images/topnav-contact.png) no-repeat center; }
ul#topnav li.blog a { background:url(images/topnav-blog.png) no-repeat center; }

ul#topnav li .highlight {
	width:100%;
	height:15px;
	margin-top:-15px;
	background:url(images/topnav-hover.png) no-repeat center 0;
	display:none;
	cursor:pointer;
}

body.work ul#topnav li.work .highlight,
body.clients ul#topnav li.clients .highlight,
body.services ul#topnav li.services .highlight,
body.thought ul#topnav li.thought .highlight,
body.company ul#topnav li.company .highlight,
body.contact ul#topnav li.contact .highlight,
body.blog ul#topnav li.blog .highlight{
	display:block;
	background:url(images/topnav-highlight.png);
	margin-top:-41px;
	margin-left:-15px;
	height:41px;
	width:161px;
}


img.bkgd-image {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index:1;
}

body#home img.bkgd-image {
	display:none;
}

body#home {
	background: #007aad url(images/background-plain.jpg) no-repeat center 133px;
}


#content {
	width:912px;
	margin: 0 auto;
	position:relative;
	z-index:500;
	overflow:visible;
}

#footer {
	background:url(images/footer-border.png) no-repeat top center;
	margin-top:30px;
	padding:50px 0;
	width:100%;
	float:left;
	font-size:11px;
}

ul#social-footer {
	display:block;
	width:auto;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;
}

ul#social-footer li {
	display:inline;
}

ul#social-footer li a {
	margin: 0 10px;
	color:#FFF;
	text-decoration:none;
}


ul#social-footer li img {
	vertical-align:middle;
}


ul#footer-nav {
	display:block;
	margin:0 auto;
	width:auto;
	text-align:center;
}

ul#footer-nav li {
	display:inline;
}

ul#footer-nav li a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:0 8px;
}

ul#footer-nav li a:hover {
	text-decoration:underline;
}


body#home ul#footer-nav li.home a,
body.work ul#footer-nav li.work a,
body.clients ul#footer-nav li.clients a,
body.services ul#footer-nav li.services a,
body.thought ul#footer-nav li.thought a,
body.company ul#footer-nav li.company a,
body.contact ul#footer-nav li.contact a,
body#privacy ul#footer-nav li.privacy a {
	color:#33D1DF;
}

#footer-copyright {
	padding-top:20px;
	margin:0 auto;
	width:708px;
	text-align:center;
	color:#39C5D9;
	line-height:171%;
}



/* home page */


/* featured slideshow */

#featured-slides {
	width:100%;
	height:369px;
	position:relative;
	color:white;
	margin: 32px 0 29px 0;
	overflow:visible;
}

#featured-slides .ui-tabs-panel {
	width:100%;
	height:369px;
	position:relative;
	overflow:visible;
}

#featured-slides .ui-tabs-hide {
	display:none;
}

#featured-slides .featured-image {
	width:693px;
	height:369px;
	background:url(images/featuredimage-bkgd.png);
	float:left;
	margin:0 0 0 -36px;
	position:relative;
}

#featured-slides .featured-description {
	float:left;
	width:256px;
	margin: 2px 0 0 -12px;
	position:relative;
}

#featured-slides .featured-description h2 img {
	margin-top:15px;
}

#featured-slides .featured-description p {
	margin: 12px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:116%;
}

#featured-slides img.watch-now {
	position:absolute;
	top:232px;
	left:-3px;
}

#featured-slides .featured-image img {
	position:absolute;
	margin: 1px 0 0 38px;
}

#featured-slides .ui-tabs-nav {
	margin:-5px 0 0 5px;
	float:left;
}

#featured-slides .ui-tabs-nav li {
	float:left;
	display:block;
	padding-left:7px;
	height:12px;
}

#featured-slides .ui-tabs-nav li a {
	display:block;
	cursor:pointer;
	background:url(images/featuredui-inactive.png);
	height:12px;
}


#featured-slides .ui-tabs-nav li.ui-tabs-selected a {
	background:url(images/featuredui-active.png);
}


#home-description {
	float:left;
	width:444px;
	color:#fff;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
	margin:16px 0 0 -2px;
}

#home-description p {
	margin:10px 0;
	line-height:141%;
}

#home-description a {
	color:#ff9900;
	text-decoration:none;
}

#home-grid {
	width:438px;
	float:right;
	margin: 5px -3px 0 0;
}

#home-grid div {
	float:left;
	margin:0;
	padding:0;
}

#home-grid img {
	margin:0;
	padding:0;
}


#home-grid .topleft,
#home-grid .bottomleft {
	padding-right:25px;
	border-right:1px solid #006a97;
}

#home-grid .topright,
#home-grid .bottomright {
	padding-left:25px;
	border-left:1px solid #218bb8;
}

#home-grid .topleft img,
#home-grid .topright img {
	margin:0;
	padding:22px 0;
	border-bottom: 1px solid #006a97;
}

#home-grid .bottomleft img,
#home-grid .bottomright img {
	margin-top:-2px;
	padding-top:37px;
	border-top: 1px solid #218bb8;
}



/* second level */

#content #sidebar {
	float:left;
	margin: 30px 0 0 -12px;
}

.secondlev-item {
	display:block;
	width:434px;
	height:95px;
	background:url(images/secondlev-nav-static.png);
	padding: 11px 12px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	position:relative;
	text-decoration:none;
}



.secondlev-item.active {
	background:url(images/secondlev-nav-active.png);
}

.secondlev-item img.navimage {
	float:left;
	margin:6px 9px 6px 6px;
}

body#thought .secondlev-item img.navimage {
	margin:10px 9px 0px 10px;
}

.secondlev-item h3 {
	padding:9px 0 0 0;
}


.secondlev-item p {
	display:block;
	color:#a9cbdf;
	font-size:13px;
	line-height:106%;
	padding-right:20px;
}

.secondlev-item p.descender {
	/*for when the title of the item has descenders that push the paragraph down */
	margin-top:-4px;
}



/* thought links */

#thought-links ul.left {
	float:left;
	margin: 27px 0 0 -12px;
}

#thought-links ul.right {
	float:right;
	margin: 27px -12px 0 0;
}


/* page copy */

#content #copy {
	float:left;
	width:430px;
	margin: 41px 0 0 28px;
	color:#FFF;
	line-height:125%;
	font-size:1em;	
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

#content #copy h1 {
	padding: 0 0 5px 0;
	display:block;
	background-repeat:no-repeat;
	text-indent:-1000px;
	height:41px;
	width:100%;
	overflow:hidden;
}

#content #copy h2 {
	color:#FF9900;
	font-size:20px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
}

#content #copy p,
#content #copy ul {
	margin-bottom:18px;
}

#content #copy ul {
	overflow:visible;
}

#content #copy ul li {
	padding-left:15px;
	background:url(images/bullet.png) no-repeat 5px 7px;;
}

#content #copy ul.xtra-space li {
	margin:3px 0;
}

ul.casestudies {
	list-style:none!important;
	margin-left:0;
	border-top: 1px solid #0F668E;
	font-size:.85em;
}

ul.casestudies li {
	border-bottom: 1px solid #0F668E;
	padding:13px 0 13px 4px;
	font-weight:bold;
	color:#999;
	background:none !important;
}

#content #copy a {
	color:#ff9900;
	text-decoration:none;
}

#content #copy a:hover {
	text-decoration:underline;
}





/* work/client grids grid */

#workgrid {
	margin:35px 0 0 -1px;
	float:left;
	text-align:center;
}

#workgrid a {
	margin:0;
	padding:0;
}

#workgrid img {
	padding:0;
	margin: 0 6px 8px 0;
}

#workgrid.clients img {
	margin:0 10px 20px 0;
}

#workgrid img.last {
	margin-right:0;
}


/* CONTACT PAGE */


#contact-content {
	padding-top:40px;
}

#contact-content h1 {
	padding: 0 0 5px 0;
	display:block;
	background-repeat:no-repeat;
	text-indent:-1000px;
	height:41px;
	width:100%;
}

table#contactinfo td {
	color:#FFF;
	width:482px !important;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:121%;
	padding-right:47px;
}

table#contactinfo td h2 {
	color:#FF9900;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:7px;
}

table#contactinfo td a {
	color:#FF9900;
	text-decoration:none;
}


.launchmap {
	border-top: 1px solid #0F668E;
	border-bottom: 1px solid #0F668E;
	padding:13px 3px;
	text-shadow:none;
	color:#999999;
	font-weight:bold;
	margin:21px 0;
}



#contactform {
	margin-top:15px;
}

#contactform fieldset div {
	float:left;
	clear:both;
	
}

#contactform label,
#contactform .formelement{
	float:left;
	clear:both;
	background:none;
	border:1px solid #7c8b95;
	color:#FFF;
	padding:2px;
	font-size:16px;
	margin-bottom:18px;
}

#contactform select {
	float:left;
	clear:both;
	padding:2px;
	font-size:16px;
	margin-bottom:18px;
}

#contactform label {
	border:none;
	font-size:.75em;
	padding-left:0;
	margin:3px 0;
}

#contactform label.error {
	color:#CCC;
	font-weight:bold;
	font-size:.6em;
	text-transform:uppercase;
	float:none;
	display:inline-block;
	padding-top:3px;
}

#contactform input {
	width:187px;
}

#contactform textarea {
	width:533px;
	height:175px;
}

#contactform input#submit {
	width:67px;
	height:22px;
	overflow:hidden;
	line-height:999px;
	text-indent:999px;
	background:url(images/submit.png);
	border:none;
	cursor:pointer;
}

#contactform input#reset {
	width:57px;
	height:22px;
	overflow:hidden;
	line-height:999px;
	text-indent:999px;
	background:url(images/reset.png);
	border:none;
	cursor:pointer;
}

#messagesent {
	margin-top:15px;
	border:#fff 1px solid;
	background:#09F;
	color:#fff;
	width:550px;
	padding:10px;
	font-size:.9em;
}

#messagesent.error {
	border:1px solid #F00;
}

#messagesent p {
	line-height:121%;
	padding:4px 0;
}


/* #alltext-copy (privacy policy, 404, etc.) */

#alltext-copy {
	color:#FFF;
	line-height:120%;
	padding:30px 50px;
}

#alltext-copy h1 {
	color:#FF9900;
	font-size:30px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
}

#alltext-copy a {
	color:#FF9900;
}

#alltext-copy h2 {
	color:#FF9900;
	font-size:20px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
}

#alltext-copy p,
#alltext-copy ul {
	margin-bottom:18px;
}

#alltext-copy ul {
	overflow:visible;
}

#alltext-copy ul li {
	padding-left:15px;
	background:url(images/bullet.png) no-repeat 5px 7px;;
}