/* CSS Document */

/* ---------------------------------------


Colors:

Dark Blue: 					#687890;
Light Blue:					#a6b7d2;

Dark Green:					#a5a977;
Light Green:				#9fa370;

Dark Grey:					#5d5d5d;
Light Grey:					#a5a4a4;
Very Light Grey:			#ebebeb;


------------------------------------------*/



/* GLOBAL
-------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#ffffff;
	font:11px/18px 'Lucida Grande', Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	}
	
* {
	margin:0;
	padding:0;
	}
	
h1 {
	color:#1297E4;
	font-size:19px;
	font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
	line-height:27px;
	margin-bottom: 5px;
	}
    
h2 {
	font-weight:bold;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
	color:#5d5d5d;
    margin:12px 0 4px 0;
    }
    
h3 {
	color:#042E74;
	font-size:16px;
	padding:5px 0 5px;
    
	}
    
p {
	margin-bottom:10px;
    }
    
ul, li {
	list-style:none;
    }
    
li {
	padding-bottom:5px;
	}
	
a,
a:link {
	color:#042E74;
	text-decoration:none;
	outline:none;
	}
    
a:hover {
	text-decoration:underline;
    }

a:active {
	outline:none;
}
    
p a,
p a:link {
	text-decoration:underline;
    }
    
p a:hover {
	text-decoration:none;
    }
	
img {
	border:none;
	}
	
/* LAYOUT STYLES
-------------------------------------------------------------------*/

#wrapper {
	background:transparent;
	margin:0 auto 0;
	width:950px;
	padding:0 0px;
	background-color: #FFFFFF;
	}
	
div.clearfix {
	clear:both;
	}
	
/* MASTHEAD
-------------------------------------------------------------------*/

#masthead {
	overflow:hidden;
	position:relative;
	height:185px;
	border-bottom:1px solid #ebebeb;
	}
	
#logo {
	left:24px;
	position:absolute;
	top:14px;
	}

/* GLOBAL NAV
-------------------------------------------------------------------*/

#gNav {
	background:transparent;
	height:54px;
	position:absolute;
	right:0px;
	top:0px;
	width:533px;
}

#gNav ul {
	background:url(../images/gNavBkgdReel.png) 0px 0px no-repeat;
	height:54px;
	list-style:none;
	position:relative;
	width:533px;
	}
	
#gNav li {
	list-style:none;
	position:absolute;
	top:0px;
	}
	
#gNav li,
#gNav li a {
	display:block;
	height:54px;
	text-indent:-9999px;
}

li#nav_work {
	left:0px;
	width:81px;
	}
	
li#nav_capabilities {
	left:81px;
	width:119px;
	}
	
li#nav_about {
	left:200px;
	width:78px;
	}
	
li#nav_blog {
	left:278px;
	width:72px;
	}
	
li#nav_contact {
	left:350px;
	width:96px;
	}
	
li#nav_reel {
	left:448px;
	width:64px;
	height:54px;
	}
	

	
li#nav_work a:hover {
	background:url(../images/gNavBkgdReel.png) 0px -54px no-repeat;
	}
	
li#nav_capabilities a:hover {
		background:url(../images/gNavBkgdReel.png) -81px -54px no-repeat;
	}
	
li#nav_about a:hover {
	background:url(../images/gNavBkgdReel.png) -200px -54px no-repeat;
}
	
li#nav_blog a:hover {
	background:url(../images/gNavBkgdReel.png) -278px -54px no-repeat;
}
	
li#nav_contact a:hover {
	background:url(../images/gNavBkgdReel.png) -350px -54px no-repeat;
}

li#nav_reel a:hover {
	background:url(../images/gNavBkgdReel.png) -448px -54px no-repeat;
}

/* ACTIVE PAGES */

#work li#nav_work a {
	background:url(../images/gNavBkgdReel.png) 0px -54px no-repeat;
	}
	
#capabilities li#nav_capabilities a {
	background:url(../images/gNavBkgdReel.png) -81px -54px no-repeat;
	}
	
#about li#nav_about a {
	background:url(../images/gNavBkgdReel.png) -200px -54px no-repeat;
}
	
#blog li#nav_blog a {
	background:url(../images/gNavBkgdReel.png) -278px -54px no-repeat;
}
	
#contact li#nav_contact a {
	background:url(../images/gNavBkgdReel.png) -350px -54px no-repeat;
}

#work.reel li#nav_reel a {
	background:url(../images/gNavBkgdReel.png) -448px -109px no-repeat;
	}


	
/* CONTENT
-------------------------------------------------------------------*/

/* INTRO
-------------------------------------------------------------------*/

#intro {
	background:transparent;
    border-bottom: 1px solid #ebebeb;
	padding:25px 0;
    position:relative;
    width:950px;
	}
	
#intro h1 {
	font-weight:normal;
	padding:0 275px 15px 0px;
	}
    
#intro h2 {
	color:#a6b7d2;
    
    font-size:19px;
    font-weight:normal;
    line-height:27px;
    }
   
#intro ul {
	list-style:none;
    margin:0px;
    padding:0px;
    position:absolute;
    right:0px;
    bottom:-1px;
    }
    
#intro ul li {
	background-image:none;
	float:left;
	padding:0px;
	margin-left:6px;
	border-top:3px solid #00B1F0;
	border-right: 1px solid #eee;
	border-bottom: 0 solid #eee;
	border-left: 1px solid #eee;
    }

#intro li a  {
	background:#004087;
    color:#fff;
    display:block;
    padding:3px 10px;
    }
    
#intro li a.selected {
	background:#fff;
    color: #666;
    }
    
#intro li a:hover {
	background: #00B1F0;
    color:#fff;
    text-decoration:none;
    }
    
/* Styles for lists being used as filters */

#intro ul.sort {
	list-style:none;
    margin:0px;
    padding:0px;
    position:absolute;
    right:0px;
    bottom:-1px;
    }
    
#intro ul.sort li {
	background-image:none;
	float:left;
    padding:0px;
    margin-left:6px;
    border:none;
    }

#intro ul.sort li a  {
	background:none;
    color:#687890;
    display:block;
    padding:3px 3px;
    }
    
#intro ul.sort li a.selected {
	background:none;
    color: #999;
    cursor:default;
    }
    
#intro ul.sort li a.selected:hover {
	background:none;
    color:#999;
    text-decoration:none;
    }
    
#intro ul.sort li a:hover {
	background: #999;
    color:#fff;
    text-decoration:none;
    }
    
#intro ul.sort li.head {
	padding:3px 8px;
    background:#a5a977;
    color:#fff;
    }
    
/* HEADER NAV
-------------------------------------------------------------------*/    

#headerNav {
	float:right;
	margin-top: 40px;
	}
	
#headerNav ul {
	list-style:none;
	padding-top:3px;
	}
	
#headerNav li {
	color: #a5a4a4;
	list-style:none;
	float:left;
	padding:0px 10px;
    background:none;
	border-right:1px solid #ebebeb;
	font-size: 18px;
	}
	
	
#headerNav a {
	text-decoration:none;
	color:#042E74;
	}	
	
	#headerNav a:hover {
	text-decoration:none;
	color:#1295E7;
	}
	
	



/* LOCAL NAV
-------------------------------------------------------------------*/

#localNav {
	background:transparent;
	height:29px;
	position:absolute;
	bottom:0px;
	right:0px;
	}
		
#localNav .header {
	background:url(../images/localNavHeader.gif) 0px 0px no-repeat;
	width:112px;
	height:29px;
	float:right;
	margin-left:25px;
	}
	
	#work #localNav .header {
		background:url(../images/localNavHeader.gif) 0px 0px no-repeat;
		}
	
	#capabilities #localNav .header,
    #services #localNav .header {
		background:url(../images/localNavHeader.gif) -112px 0px no-repeat;
        width:171px;
		}
		
	#about #localNav .header {
	background:no-repeat -283px 0px;
	width:117px;
	float: left;
		}
		
	#blog #localNav .header {
		background:url(../images/localNavHeader.gif) -395px 0px no-repeat;
        width:113px;
		}
		
	#contact #localNav .header {
		background:url(../images/localNavHeader.gif) -504px 0px no-repeat;
        width:140px;
		}

	
	
#localNav .links {
	padding-top:5px;
	float:left;
	}
	
#localNav p {
	color:#a5a4a4;
	}
	
#localNav .links a {
	text-decoration:none;
	padding:0 3px;
	}
	
#localNav .links a:hover {
	color:#a5a4a4;
	}
	
/*  COLUMNS
-------------------------------------------------------------------*/

#columnWrapper {
	padding:50px 0 0 0;
    position:relative;
}


div.column {
	float:left;
	width:279px;
	padding:0 24px 0 0;
	border-right:1px solid #ebebeb;
	margin-right: 25px;
		}
		
		
div.columnLast {
	padding-right:0px;
	margin-right:0px;
	border-right:0;
}
		
/*#work div.thumbnail {
    	background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:0 0 13px 0;
        height:170px;
        border-bottom:1px solid #ccc;
        margin-bottom:25px;
		}
        
#work div.thumbnail {
    	background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:170px;
        border:1px solid #ddd;
        margin-bottom:25px;
        width:246px;
        margin-right:35px;
		}
        
#work div.thumbnailActive  {
		background: url(../images/bkgd_thumbnail_active.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:170px;
        border:1px solid #ddd;
        margin-bottom:25px;
        width:246px;
        margin-right:35px;
		}

        
#work div.thumbnailFirst {
    	background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:170px;
        border:1px solid #ddd;
        margin-bottom:25px;
        width:246px;
        margin-right:0px;
        clear:left;
		}*/
        
#work div.thumbnail {
		background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:180px;
        border:1px solid #ddd;
        width:246px;
        margin:0 35px 20px 0;
        display:inline;
        }
        
#work div.thumbnailLast {
		background: url(../images/bkgd_thumbnail.gif) 0px 100% repeat-x;
		padding:5px 5px 13px 5px;
        float:left;
        height:180px;
        border:1px solid #ddd;
        width:246px;
        margin:0 0px 20px 0;
        display:inline;
        }
        
#work div.thumbnail p a,
#work div.thumbnail p a:link,
#work div.thumbnailLast p a,
#work div.thumbnailLast p a:link {
	text-decoration:none;
    }

        
/* jQuery Rollover Styles */

.thumbnail,
.thumbnailLast {
    position:relative;
}

.thumbnail div.hidden,
.thumbnailLast div.hidden {
    position:absolute;
    top:5px;
    left:5px;
    background:#687890;
    width:246px;
    height:57px;
    padding:43px 0 0 0;
    text-align:center;
    cursor:pointer;
}

.thumbnail div.hidden p,
.thumbnailLast div.hidden p {
    color:#fff;
    font-weight:bold;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.hidden {
	display:none;
    }
        
#work #flashContent {
	background: #eaecee url(../images/bkgd_portfolio_bottom.gif) 0px 100% no-repeat;
	width:950px;
    text-align:center;
    padding:20px 0 40px;
    }
        

	
        
.column h2,
.columnLast h2,
.columnLastClient h2 {
	color: #a5a977;
    margin:10px 0 5px 0;
    }
    
.column h1 a,
.columnLast h1 a {
	color: #a5a977;
    }
    
.column h1 a:hover,
.columnLast h1 a:hover {
	color:#687890;
	text-decoration:none;
    }
        
    
		
#work div.thumbnail h1,
#work div.thumbnailLast h1 {
	color:#5d5d5d;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	padding:10px 6px 2px 6px;
	margin:0;
	}
        
#work div.thumbnail p,
#work div.thumbnailLast p {
	padding:0 6px;
    line-height:15px;
    margin:0;
    }
		
	div.thumbnail p,
    div.thumbnailClear p {
		margin:0;
		padding: 0 0px;
        line-height:16px;
		}
        
div.experienceThumbs {
	margin:5px 0;
    }
    
div.experienceThumbs img {
	/*float:left;*/
    }
        
.textPage div.column,
.textPageIntro div.column {
	width:540px;
	float:left;
	margin:0px;
	padding-right:25px;
	border:none;
    }

    
div.columnLast {
	width:245px;
    float:left;
    }
    
div.columnWide {
	width:385px;
    float:left;
    }
    
div.sidebarBlog {
	background:url(../images/header_blog_sidebar.gif) 0px 0px no-repeat;
    padding:20px 0 10px;
	margin:40px 0 0 0;
    border:1px solid #ddd;
    border-width:0px 0px 0px;
    }
    
div.sidebarBlog h3 {
/*	border-top:1px solid #ddd;
*/    }
    
div.columnLastClient {
	float:left;
	width:275px;
    }
    
#content li {
	padding-left:11px;
	list-style-type: circle;
    }
    
#content li.expandable {
	background: url(../images/btn_expand_list.gif) 0px 5px no-repeat;
    padding-left:11px;
    }
    
#content li.collapsible {
	background: url(../images/btn_collapse_list.gif) 0px 5px no-repeat;
    padding-left:11px;
    }
	
	
    
#content li ul {
	margin:5px 0 0 0;
    }
    

    
/* BIOS
-------------------------------------------------------------------*/

div.columnBio {
    	float:left;
        width:275px;
        border-right:1px solid #ebebeb;
        padding:0 25px 0 0;
        margin-right:25px;
        }
        
div.columnSidebar {
    	width:198px;
        float:left;
        margin:0;
        padding:0px;
        }
        
div.focusZone {
	margin:0 0 20px 0;
    }
#about div.thumbnail {
	background-image:none;
    border:none;
	height:auto;
    float:left;
    width:400px;
   	clear:left;
    margin:0 50px 30px 0;
    border-bottom:6px solid #ebebeb;
    padding-bottom:15px;
}
    
#about div.thumbnailClear {
	float:left;
    height:auto;
    width:400px;
    padding:0 0 15px 0;
    margin:0px 0 30px 0;
    border-bottom:6px solid #ebebeb;
    }
    
#about div.thumbnailClear p.description,
#about div.thumbnail p.description {
	border-top:1px solid #ebebeb;
    padding-top:15px;
    margin-top:0px;
    line-height:18px;
    }
    
#about div.thumbnailClear p.description strong,
#about div.thumbnail p.description strong {
	color:#687890;
    }
        

        
div.nameTitle {
	padding-top:60px;
    margin-bottom:8px;
    }
        
#about .thumbnail img,
#about .thumbnailClear img {
	float:left;
    margin:0 15px 0px 0;
    }
    
#about .columnBio h2 {
	color:#687890;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
    
#about .columnBio li {
	font-size:10px;
    }
    
/*#about div.thumbnail {
	margin-top:20px;
    border-bottom:1px solid #eee;
    }*/
    
p.name {
	font-size:14px;
    font-weight:bold;
    color: #687890;
    }
    
p.position {
	margin-top:25px;
	font-size:10px;
    color:#a5a977;
    letter-spacing:1px;
    }
    


		
/* FOOTER
-------------------------------------------------------------------*/

#footer {
	background:#fff;
	margin:20px 0 0;
    padding-bottom:25px;
}

#footerBlog {
	margin:0 0 10px 0;
	padding:5px 0;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	}

#footer address {
	color:#5d5d5d;
	width:200px;
	float:left;
	font-style:normal;
	font-size: 10px;
	line-height: 16px;
	padding: 3px 0 0;
	}
	
#footer address strong {
	color:#042E74;
	font-weight:bold;
	}
	
#footerNav {
	float:right;
	}
	
#footerNav ul {
	list-style:none;
	padding-top:3px;
	}
	
#footerNav li {
	color: #a5a4a4;
	list-style:none;
	float:left;
	padding:0px 10px;
    background:none;
	border-right:1px solid #ebebeb;
	}
	
#footerNav a {
	text-decoration:none;
	color:#042E74;
	}	
	
#gsaInfo {
	float:right;
	height:25px;
	margin-left:20px;
	}
	
#gsaInfo a.gsa_info {
	background:url(../images/gsaBuyer.gif) 0px 0px no-repeat;
	height:25px;
	width:177px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	}	
    
/* Copyright */

#footer p.copyright {
	color:#5d5d5d;
    font-size:10px;
    padding:18px 0 0 0;
    text-align:center;
    }
    
#footer p.copyright span {
	color:#a5a4a4;
    }
	
/* CASE STUDY STYLES
-------------------------------------------------------------------*/

#caseStudyWrapper {}

#caseStudySlideshow {
	float:left;
	height:435px;
	width:560px;
	}
	
#caseStudyText {
	float:left;
	padding:30px 0px 0 30px;
	width: 360px;
	}
	
	#caseStudyText h1 {
	line-height:23px;
	margin-bottom: 10px;
		}
		
	#caseStudyText p {
		margin-bottom:5px;
	}
	
	#caseStudyText p.client {
    background: url(../images/icn_client_arrow.gif) 0px 4px no-repeat;
	color:#a5a977;
	font-size:10px;
    padding-left:10px;
	margin-bottom: 8px;
		}
        
#caseStudyHeader {
	background:#687890;
    background:#fff;
    border-bottom:1px solid #ebebeb;
    color:#fff;
    color:#687890;
    padding:3px 10px;
    position:relative;
    width:930px;
    }
    
#caseStudyHeader h1 {
	color:#fff;
    color:#a6b7d2;
    font-size:14px;
    margin-bottom:0px;
    }
    
#caseStudyHeader h1 span {
	color:#687890;
    font-weight:bold;
    }
    
#caseStudyHeader ul {
	position:absolute;
    top:7px;
    right:0px;
    }
    
#caseStudyHeader li {
	background:none;
	float:left;
    font-size:10px;
    }
    
#caseStudyHeader li a {
	}
    
#caseStudyHeader li.prevNext {
    }
	 
#caseStudyHeader li.prevNext a {
	border-left:1px solid #a5a4a4;
	padding-left:10px;
    }

#caseStudyHeader li a:hover {
	color:#9fa370;
    text-decoration:none;
    }
    
a.caseStudy {
	background:url(../images/icon_case_study.gif) 100% 100% no-repeat;
    padding-right:65px;
    }
    
 a.caseStudy:hover {
	background:url(../images/icon_case_study_on.gif) 100% 100% no-repeat;
    padding-right:65px;
    text-decoration:none;
    }
    
#work input.submit {
	border:none;
	height:30px;
    width:118px;
    }

    
 /* At a Glance Styles */
 
 #atGlance {
 	background:url(../images/bkgd_case_study_glance.jpg) 0px 0px repeat-y;
 	border:1px solid #ebebeb;
    border-width:1px 0;
    padding:8px 0 5px 30px;
    margin-bottom:5px;
    margin-left:-30px;
    }
      
 #atGlance p a,
 #atGlance p a:link {
 	text-decoration:none;
    }
    
 #atGlance p a:hover {
 	text-decoration:underline;
    }
    


    
   
	
        
/* BLOG STYLES
-------------------------------------------------------------------*/

#blog #intro {
	background: url(../images/header_blog.gif) 0px 0px no-repeat;
    border:0px;
    height:60px;
    padding:0px;
    width:950px;
    }
    
#about .thumbnail {
	clear:both;
    }
    
#blog #intro h1 {
	text-indent:-9999px;
    }
    
#blog #columnWrapper {
	padding-top:25px;
    }

#blogPosting {
	width:560px;
	float:left;
    padding:0 20px 0 20px;
	}
	
#blogUtility {
	width:310px;
	float:left;
    padding:0 20px;
	}
    
#blogUtility h2 {
	background:#a5a977;
    color:#fff;
    font-weight:normal;
    padding:3px 3px;
    margin-bottom:8px;
    }
	
#blogSideBar {
	width:180px;
	float:left;
	}
    
#blog h1 {
	line-height:24px;
    margin-bottom:10px;
width:500px;
    }
    
#blog p.blogInfo {
	border:1px solid #ebebeb;
    border-width:1px 0 0;
    /*background:#eee;*/
    padding:5px 0;
    }
    
#blog p.blogInfo span {
	color: #a5a977;
    border-left:1px solid #ebebeb;
    padding-left:8px;
    margin-left:10px;
    }
    
#blog p.blogInfo span.comments {
	background:url(../images/icon_comment.gif) 15px 1px no-repeat;
    padding-left:35px;
    margin-left:20px;
    }
    
#blog p.blogInfo span.feed a {
	background:url(../images/icon_home_feed.gif) 0px -1px no-repeat;
    padding-left:20px;
    }
    
#blogPosting img {
	margin:15px 0;
    }
    
#blog p.feed a {
	background:url(../images/icon_home_feed.gif) 0px 2px no-repeat;
    padding:3px 0 3px 20px;
    }
    
#blog p.technorati a {
	background:url(../images/icon_technorati.gif) 0px 2px no-repeat;
    padding:5px 0 5px 30px;
    }
    
/* BIO INFO */

#bioInfo {
	border-top:4px solid #687890;
    padding:15px 0 0 0;
    }
    
#bioInfo img {
	width:100px;
    height:87px;
    float:left;
    }
    
#bioInfo p.name {
	font-size:11px;
    font-weight:bold;
    color: #687890;
    margin-top:15px;
    }
    
#bioInfo p.position {
	font-size:10px;
    color:#a5a977;
    letter-spacing:0px;
    margin-top:0px;
 
    }
    
#socialBookMarks img {
	float:left;
    }
    
#socialBookMarks a {
	padding-right:10px;
    }
    
.authorProfile {
	/*background:#ebebeb;*/
    }
    
.authorProfile img {
	float:left;
    margin:0 10px 0 0;
    }

#energyRace {
	margin:10px 0 0 0;
    width:300px;
    }
    
#energyRace p {
	margin-top:10px;
    }
    
div.feed {
    border:1px solid #e0e0de;
    border-width:1px 0;
    padding:10px 0;
    height:50px;
}


    
#blog input.submitBtn {
	border:0px;
	width:58px;
    height:25px;
    padding:0px;
    margin-right:10px;
    }
    
#blog input.previewBtn {
	border:0px;
    width:63px;
    height:25px;
    padding:0px;
    }
    
#blog input.checkbox {
	height:auto;
    width:auto;
    }
    
/* Comments */

#blog p.comment {
	/*border:1px solid #ebebeb;*/
    padding:5px 0 0 0;
    color: #5b5b5b;
    font-size:9px;
    }
    
#blog p.comment span {
	color:#a5a977;
    font-size:9px;
    padding-left:10px;
    border-left:1px solid #ebebeb;
    margin-left:10px;
    }
    
#blog div.commentOdd {
	background:#dbddc9;
    padding:5px 5px 5px 15px;
    }
    
#blog div.commentEven {
	background:#fff;
    padding:5px 5px 5px 15px;
    }
    
#blog #leaveComment,
#blog #viewComments {
	margin:25px 0 0 0;
    border:1px solid #a6b7d2;
    border-width:5px 0 0 0;
    padding-top:15px;
    }
		
		
		
		
/* CUSTOM CLASSES
-------------------------------------------------------------------*/

.detail #columnWrapper,
.textPage #columnWrapper,
.textPageIntro #columnWrapper {
	padding-top:25px;
	}
    
.detail #intro {
	background:#fff;
    }
    
#contact #intro {
	border:0px;
    }
    
.textPage #intro {
	border:0px;
    }
    
#localNav a.back,
a.back {
	background:url(../images/btn_arrow_back.gif) 0px 1px no-repeat;
    padding-left:18px;
    }
    
p.caption {
	/*background:url(../images/captionFooter.gif) 0px 100% no-repeat;*/
	color:#a5a977;
    font-size:10px;
    margin:10px 10px 0 0;
    padding-bottom: 25px;
    }
    
p.disclaimer {
	font-size:10px;
    color: #a5a4a4;
    width:340px;
    }
    
p.disclaimer strong {
	color: #687890;
    font-weight:bold;
    }
    
p.inlineLink,
p.inlineLinkBack {
	margin:10px 0 15px 0;
    }
    
h1.inlineLinkBack {
	color:#a5a4a4;
	margin:8px 0 8px 0;
    font-size:11px;
    }
    
p.inlineLink a {
	padding:8px 0 3px 18px;
	text-decoration:none;
	background-image: url(../images/btn_inline_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
    }
    
h1.inlineLinkBack a {
	background: url(../images/btn_inline_link_back.gif) 0px 9px no-repeat;
    padding:8px 5px 5px 18px;
	text-decoration:none;
    }


p.inlineLink a:hover,
p.inlineLinkBack a:hover {
	text-decoration:underline;
    }
    
p.inlineLink span {
	color:#a5a4a4;
    font-size:10px;
    padding-left:5px;
    }
	
    
p.date {
	background:url(../images/icon_blog_entry.gif) 0px 2px no-repeat;
    border-bottom:1px solid #ebebeb;
	font-size:10px;
    font-weight:normal;
    margin-top:10px;
    padding-left:20px;
    padding-bottom:10px;
    margin-bottom:10px;
    color: #a5a977;
    }
    
p.nextEntry {
	height:19px;
    width:84px;
    margin:15px 0 0 0;
    }
    
p.nextEntry a {
	background:url(../images/btn_next_case_study.gif) 0px 0px no-repeat;
    display:block;
        text-indent:-9999px;

    }
    
#blog p.caption {
	background:none;
	color:#a5a977;
	font-size:10px;
    line-height:15px;
    }
    
div.caption {
	padding-top:10px;
    }
    
div.caption p {
	font-size:10px;
    line-height:18px;
    }
    
div.caption h2 {
	border-bottom:1px solid #ebebeb;
}

span.date {
	font-size:11px;
    font-weight:normal;
    padding-left:10px;
    color: #a5a977;
    }
    
/* FORM STYLES
-------------------------------------------------------------------*/

#contactFormWrapper {
	float:left;
    padding-right:25px;
    width:540px;
    }
    
#contactInfo {
	float:left;
    width:385px;
    }
   
form#contact {
	padding:10px 0px;
    }
    
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    
label {
	color:#687890;
	font-weight:bold;
    }
    
p.captcha {
	color:#687890;
    font-weight:bold;
    margin:5px 0 -5px;
    }
    
.contactfield h2 {
	color:#687890;
	font-weight:bold;
    font-size:11px;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    margin:5px 0 8px;
    width:426px;
    }
	

input, select {
border:1px solid #ccc;
font-size:11px;
padding:4px 3px;
color:#666;
width:420px;
margin-bottom:5px;
margin-top:3px;
}

select {
	width:200px;
    }

input.tellFriend {
	height:auto;
    width:auto;
    border:none;
    }
    
input.submit {
	width:98px;
    height:26px;
    border:none;
    margin-top:10px;
    padding:0;
    }

textarea {
	border:1px solid #ccc;
    font-size:11px;
    padding:3px 3px;
    color: #666;
    width:420px;
    }
    
.validation-advice {
	background: url(../images/icon_validation.gif) 0px 3px no-repeat;
	font-size:10px;
	color:#903;
	padding-left:10px;
	line-height:12px;
    margin:8px 0;
} 

.requiredfield {
	font-weight:normal;
    color:#666;
    }
    
div.contactfield {
	padding:5px 0 0 0;
    }
    
div.checkboxColumn {
	background:#fff;
	float:left;
    width:250px;
    }
    
div.checkboxColumn input {
	width:auto;
    height:auto;
    margin:3px 3px 3px 0;
    border:none;
    }
    
/* MISC
-------------------------------------------------------------------*/
    
a.document {
	background: transparent url(../images/icon_document.gif) 100% 8px no-repeat;
    padding-right:16px;
    }
    
#blogPosting img.floatLeft {
	float:left;
    margin:0px 10px 10px 0;
    border:1px solid #ebebeb;
   	padding:10px;
    }
    
#blogPosting img.floatLeftNoPad {
	float:left;
    margin:10px 15px 10px 0;
    }
		
        
.use_credits {
   display:none;
}

.moofilm {
   text-align: center;
   border: 0px none;
   color: white;
   background-color: black;
}

   .film_title {
      color:Pink;
      margin-top:20px;
      font-size: 14px;
      font-weight: bold;
   }

   .film_info { 
      font-size: 0.85em;
      line-height: 1.3em;
      padding:5px;
      margin:0 10px;
   }		

   .film_link { 
      font-weight: bold;
      color:lime;
   }

   .film_link:hover {
      color:lime;
      font-size:1.3em;
   }
   
.vcard {
	display:none;
    }
    
p.vCardLink {
	background:url(../images/icon_vcard.gif) 0px 4px no-repeat;
    padding:2px 0 2px 28px;
    margin:8px 0;
    }
    
p.capesBrochure {
	margin:25px 0 0 0;
    }
    
div.callToAction {
	padding:25px 0 10px 0;
    }
    
div.callToAction img.left {
	padding-right:20px;
    }
	
/* HOMEPAGE
-------------------------------------------------------------------*/

#home #masthead {
	border:0px;
	height:405px;
	}

#caseStudyFeature {
	position:absolute;
	left:0px;
	top:175px;
    height:225px;
	}
    
 #tagline {
	float:left;
	height:18px;
	width:293px;
	position:absolute;
	right:0px;
	top:100px;
	background:url(../images/tagline.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
    
#home #columnWrapper {
	padding:0px;
    }
    
/*#home div.column {
	width:160px;
    padding:0px 20px 0 0;
    margin-right:20px;
    }
    
#home div.columnLast {
	width:170px;
    margin:0px;
    border:0;
    }
    
#home #mainContent {
	float:left;
    width:600px;
	padding-top:25px;
    }*/
    
#home #mainContent {
	padding-top:25px;
    position:relative;
    }
    
#home #mainContent h1 {
	font-size:19px;
    line-height:25px;
	width:850px;
    }
    
#home #mainContent #callout {
	background: url(../images/btn_jobs_new_media.gif) 0px 0px no-repeat;
	position:absolute;
    right:0px;
    top:30px;
    height:68px;
    width: 175px;
    }
    
#home #mainContent #callout a {
	text-indent: -9999px;
    display:block;
    height:68px;
    width:175px;
    }
    
    
    
#home #sideBar {
	background:url(../images/bkgd_home_blog.gif) 0 0 repeat-y;
	float:left;
   	padding:20px 0 50px 20px;
    width:230px;
    }
    
#home h1 {
	margin-bottom:10px;
    padding-right:50px;
    }
    
#home #mainContent div.column h2,
#home #mainContent div.columnLast h2 {
	color: #a6b7d2;
	font-size: 17px;
	font-weight: normal;
	line-height: 27px;
}
    
#home p.blogHeader {
	font-size:10px;
    color:#a5a977;
    border:1px solid #ebebeb;
    border-width:0 0 1px;
    padding:5px 0 5px;
    }
    
#home p.blogHeader a {
	background:url(../images/icon_home_feed.gif) 100% -1px no-repeat;
    padding:0 20px 0 0px;
    }
   
    
/* MOO FILM
-------------------------------------------------------------------*/

.use_credits {
   display:none;
}

.moofilm {
   text-align: center;
   border: 0px none;
   color: white;
   background-color: black;
}

   .film_title {
      color:Pink;
      margin-top:20px;
      font-size: 14px;
      font-weight: bold;
   }

   .film_info { 
      font-size: 0.85em;
      line-height: 1.3em;
      padding:5px;
      margin:0 10px;
   }		

   .film_link { 
      font-weight: bold;
      color:lime;
   }

   .film_link:hover {
      color:lime;
      font-size:1.3em;
   }
   
div.tabs h1 {
	color: #a6b7d2;
    }
    
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#fff;
	}

.featuredCaseStudies {
	padding:15px 0 0 0;
    }


p.inlineToggle {
	background:#fff url(../images/icon_collapse.gif) 0px 50% no-repeat;
	border:1px solid #eee;
	border-width:1px 0px;
	font-size:10px;
	padding:2px 27px;
	color: #687890;
	margin:0 0 0px 0;
}

p.open {
background:#fff url(../images/icon_expand.gif) 0px 50% no-repeat;
border:1px solid #eee;
border-width:1px 0;
color:#687890;
}
	

div.inlineClientList {
	background:#fff;
    padding:12px 0 0 0;
    }
	
    
/* SITEMAP
-------------------------------------------------------------------*/

#sitemap div.column {
	width:160px;
    padding-top:15px;
    }
    
#sitemap div.column h2 {
	padding-bottom:10px;
    }
    
#sitemap div.last {
	border-right:none;
    }
    
/* SERVICES PAGES (aka: landing)
-------------------------------------------------------------------*/

#services div.column h2 {
	color:#a6b7d2;
    font-weight:normal;
    font-size:17px;
    margin-top:-3px;
    line-height:21px;
    }
    
#services #columnWrapper {
	padding-top:0px;
    }
    
#services .columnWide {
	padding-top:25px;
    }
    
#services div.callToAction {
	padding-top:35px;
    }
    
#services div.column h2 {
	color:#687890;
	font-size:19px;
	font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
	line-height:27px;
	margin-bottom: 5px;
	}

.breaker {
	clear: both;
	width: 100%;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	padding-top: 5px;
	padding-bottom: 5px;
}