/* 
Blue: #00728f  (Adjusted for shift)
Green:
Brown:
*/

* {
	outline:0;
	margin:0;
}
html, body {
	height: 100%;
	background-color:#00728f;
	background-image:url(/images/bg-shadow.png);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
}
#wrapper, #footer {
	width:960px;
	background-color:#FFF;
	border-left:10px solid #A3AF07;
	margin:0 auto;
}
#footer, #push {
	height: 140px; /* .push must be the same height as .footer */
	color:#00728f;
}
#footer {
	background-image:url(/images/aha-and-friends.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#footer a {
	color:#00728f;
}


#footer a:hover {
	background-color:#EEE;
}

#footerbox {
	margin:0 auto;
	width:600px;
	padding: 45px 0 0 50px;
}

#footer .divider {
    color:#CCC;
	margin:5px
}

#footer p {
	font-size:14px;
	text-align:center;
	margin:0 120px 15px 0;
}

#footer p.copyright {
    font-size:10px;
    color:#999;
}

#column {
	float:left;
	padding-left:20px;
}

#column h4 {
	color:#00728f;
	margin-left:17px;
	margin-top:25px;
	font-size:14px;
}

#column #column-list, #column #column-list2 {
    list-style:none;
	padding:0;
	margin-left:17px;
	font-size:13px;
	width:170px;
}

#column-list li, #column-list2 li {
	padding:5px 0;
}

#column #column-list li a {
	font-size:13px;
	color:#666;
}

#column #column-list li a:hover {
	text-decoration:none;
	color:#333;
}

#column-list2 a.article {
	font-size:13px;
	color:#666;
}

#column-list2 a.article:hover {
	text-decoration:none;
	color:#333;
}

#column-list2 span.author {
	font-size:10px;
}

#column-list2 span.author a, #subcontent a.author {
	color:#666;
	text-decoration:none;
}

#column-list2 span.author a:hover, #subcontent a.author:hover {
	text-decoration:underline;
}


#content {
	float:right;
	width:655px;
	padding-right:40px;
}

.subcontent {
	margin-top:160px;
}


#subcontent p {
	margin:10px 0 20px 0;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#subcontent table {
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:-5px 0px 20px 10px;
	background-color:#EEE;
	padding:0px 8px 0px 8px;
}

div#info {
	line-height:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;

}
#subcontent a {
	color:#00728f;
}

#subcontent a:hover {
	background-color:#EEE;
}

#subcontent h1, #subcontent h2, #subcontent h3 {
	color:#00728f;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}

#subcontent h1 {
	margin-bottom:40px;
	background-image:url(/images/skinny-bubble.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:40px;
	padding-bottom:20px;
	font-weight:100;
	font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
}

#subcontent h1.bio {
	margin-bottom:0px;
	border:none;
	background-image:none;
	padding:0px;
}

#subcontent h1 a {
	text-decoration:none;
}

h1 .subhead {
	color:#999;
	padding-left:20px;
}

#subcontent .posted {
    font-size:12px;
	float:right;
	margin:-25px 10px 0 0;
	color:#666;
}

#subcontent #bio-bubble {
	background-image:url(/images/bio-bubble.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:11px;
	padding:17px 0 17px 10px;
	margin-bottom:10px;
}

#subcontent h2.title, #subcontent span.title {
	color:#999;
	float:right;
	font-size:20px;
	margin:-25px 7px 0 0;
	font-weight:100;
}

#subcontent h2 {
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
}

#subcontent blockquote {
	border-left:5px solid #EEEEEE;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.7em;
	margin:30px;
	padding:8px 20px;
	color:#666;
}

#subcontent ul {
	margin-top:15px;
}

#subcontent ul li {
	line-height:22px;
	list-style:url(/images/li-icon-1.png);
	list-style-position:outside;
	text-indent:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;

}

#subcontent ol {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	margin-bottom:35px;
}

#subcontent ol {
}

#subcontent ol li {
	line-height:30px;
	margin-bottom:12px;
}

#subcontent #contact {
	margin-bottom:80px;
}

#subcontent #contact label {
	width:117px;
	display:inline-table;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	font-weight:bold;
}

#subcontent #contact input, #subcontent #contact textarea, #subcontent #contact select {
    border:0;
	border:2px solid #DDD;
	font-size:16px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

#subcontent #contact p:hover input, #subcontent #contact p:hover textarea, #subcontent #contact p:hover select {
	background-color:#FFFFCC;
}

#subcontent #contact #submit {
	outline:0;
	cursor:pointer;
	border-style:outset;
}

#subcontent #contact #submit:hover {
	background-color:#FFFFCC;
}

#subcontent #contact p {
	padding:10px 5px;
	width:515px;
	margin:0;
}

#subcontent #contact p:hover {
	background-color:#EEE;
}

#subcontent #contact p:hover label {
	color:#00728F;
}

#subcontent #portfolio li {
	float:left;
	margin-right:30px;
}

#subcontent #portfolio {
	margin-bottom:20px;
	margin-top:-25px;
	padding-bottom:20px;
	padding-left:20px;
	font-size:16px;
}

#subcontent p.ahas {
	float:right;
	margin:0 25px 25px 25px;
	text-align:center;
	font-weight:bold;
	color:#666;
}

#subcontent span.ahas {
	font-size:50px;
	font-weight:bold;
	color:#00728f;
	display:block;
}

/* ================================================== */
/* ================================================== */

/* CASE STUDY STYLES */

/* ================================================== */
/* ================================================== */

#image-area {
	background-color:#DCDCDC;
	padding: 20px;
	margin: 20px;
	height:auto;
	float:none;
	clear:both;
	font-size:12px;
	}

#image-area img {
	padding: 10px;
	background:#999999;
	}
	
.image-bgd {
	padding: 5px;
	margin-right:2px;
	background:#CCCCCC;
	}
	
#clear-it {
	clear:both;
	}

	
#image-area #caption {
	width:250px;
	height: 30px;
	display:block;
	float:left;	
	}
	
#image-area #caption2 {
	width:250px;
	height: 30px;
	display:block;
	float:right;
	margin-right:50px;	
	}



/* ================================================== */
/* ================================================== */


/* CASE STUDIES */

#subcontent #cases {
    margin-top:40px
}

#subcontent #cases p {
    margin:0 0 20px 0;
}

#subcontent #cases h4 {
	font-weight:bold;
	color:#00728f;
	font-weight:100;
	font-size:18px;
}

#subcontent #cases h5 {
	font-weight:bold;
	color:#00728f;
	font-weight:100;
	font-size:12px;
	margin-bottom:15px;
}



#subcontent #cases #img-block {
	height:auto;
	width:inherit;
	float:left;	
}

#subcontent #cases #img-block-content {
	height:auto;
	width:inherit;
	float:right;
}

#subcontent #cases #img-block-content-left {
	height:auto;
	width:inherit;
	float:left;
	padding-right:5px;
}



#subcontent #cases .caption {
	font-family:inherit;
	letter-spacing:inherit;
	line-height:inherit;
	color:#0000CC;
	font-size:11px;
}


#subcontent #cases .img-padding {padding-left: 40px;}

#subcontent #cases ul {
	margin:5px 0 20px 0;
}

#subcontent #reading-list {
	padding-left:15px;
}

#subcontent #reading-list li {
	margin-bottom:10px;
	font-size:14px;
	line-height:1.5em;
}

#subcontent .list-article {
    font-size:24px;
	text-decoration:none;
}    

#subcontent .list-article:hover {
    font-size:24px;
	text-decoration:underline;
}    

#subcontent #pagination {
	margin-top:30px;
}

#subcontent #pagination a {
	background-color:#EEEEEE;
	font-size:18px;
	margin-right:2px;
	padding:5px 10px;
	text-decoration:none;
	margin-right:2px;
}

#subcontent #pagination a:hover {
	background-color:#00728F;
	color:#FFF;
}

#subcontent #pagination span.current {
	font-size:18px;
	margin-right:2px;
	padding:5px 10px;
	text-decoration:none;
	margin-right:2px;
}

#subcontent h2.action a {
	font-size:30px;
	background-color:#DDD;
	padding:5px 10px;
	text-decoration:none;
	border:3px solid #EEE;
	-moz-border-radius:10px;
}

#subcontent h2.action a:hover {
	border:3px solid #CCC;
}

#info {
	float:left;
	width:400px;
}

#sidebar {
	float:right;
	width:180px;
	/*-moz-border-radius:20px;
	background-color:#F5F3F4;*/
	border-left:1px solid #DDD;
	padding:0 15px 15px 15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#sidebar li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
}

#sidebar li a:hover {
	text-decoration:none;
	background-color:#FFF;
	color:#666;
}

#sidebar a img {
	margin-right:10px;
}

#sidebar h4 {
	color:#00728f;
	font-size:14px;
	margin-bottom:10px;
	margin-top:30px;
}

#sidebar ul {
	padding:0;
}

#sidebar ul li {
	background:none;
	list-style-image:none;
	line-height:16px;
	list-style-type:none;
	margin-bottom:10px;
}

#sidebar ul.fun li {
    font-family:arial;
}

.logo {
	margin:20px 0 0 20px;
}

.pull {
	font-size:24px;
	color:#00728F;
}
a.twitter {
	margin:20px 12px;
	display:block;
}

.press-contact {
	font-size:14px;
}

.rss-link {
	background-color:#FFFFFF;
	color:#333333;
	display:block;
	font-size:14px;
	padding:3px 0px 3px 8px;
	text-decoration:none;
	border:1px outset #FFF;
}

.rss-link:hover {
	color:#EEE;
	background-color:#333;
}

#presslist {
	padding:0;
}

#presslist span.date {
	color:#999999;
	float:right;
	font-size:12px;
}

#presslist li.pressitem {
	font-size:14px;
	line-height:1.4em;
	list-style-type:none;
	list-style-image:none;
	margin-bottom:30px;
	clear:both;
}
/*
#presslist li.pressitem a {
	font-size:16px;
	float:left;
	color:#00728f;
}

#presslist li.pressitem a:hover {
	font-size:16px;
	float:left;
	color:#00728f;
	background-color:#EEE;
}
*/
form.aha {
	margin-top:30px;
}

form.aha #moment {
	background-image:url(/images/aha-lines.gif);
	background-repeat:repeat;
	border:none;
	color:#999;
	font-size:20px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px 5px;
	margin-top:20px;
}

form.aha #moment:hover {
	background-image:url(/images/aha-lines-yellow.gif);
	background-repeat:repeat;
}

form.aha #moment:focus, form.aha input:focus {
	color:#666;
	background-color:#FFFFCC;
}

form.aha input {
	border:none;
	color:#999;
	font-size:20px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	padding:0px 5px;
}

form.aha input:hover {
	background-color:#FFFFCC;
}

form.aha label {
	margin-right:15px;
	color:#999;
	display:inline-table;
	width:75px;
}

form.aha #submit {
	background-color:#FFFFCC;
	font-size:18px;
	padding:10px;
	cursor:pointer;
}

form.aha #submit:hover {
	background-color:#FFFF99;
	color:#666;
}

ul.services {
	padding-left:20px;
	margin-bottom:20px;
}

.confirm {
	background-color:#FFFFCC;
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
	color:#00728F;
}

.reject {
	background-color:#FF3333;
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
	color:#FFF;
}

#ie {	
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
	color:#FF3333;
}

.contact-push {
	margin-left:120px;
}

#subcontent #aha {
	padding:0;
}

#subcontent #aha li {
	height:70px;
	list-style:none;
	background-repeat:no-repeat;
	padding-left:80px;
	-moz-border-radius:10px;
	background-color:#DDD;
	border:3px solid #EEE;
	font-size:23px;
	color:#666;
}

#subcontent #aha li.one {
	background-image:url(/images/aha/70px/70px-1.gif);
}

#subcontent #aha li.two {
	background-image:url(/images/aha/70px/70px-2.gif);
}
#subcontent #aha li.three {
	background-image:url(/images/aha/70px/70px-3.gif);
}
#subcontent #aha li.four {
	background-image:url(/images/aha/70px/70px-4.gif);
}
#subcontent #aha li.five {
	background-image:url(/images/aha/70px/70px-5.gif);
}
#subcontent #aha li.six {
	background-image:url(/images/aha/70px/70px-6.gif);
}
#subcontent #aha li.seven {
	background-image:url(/images/aha/70px/70px-7.gif);
}
#subcontent #aha li.eight {
	background-image:url(/images/aha/70px/70px-8.gif);
}
#subcontent #aha li.nine {
	background-image:url(/images/aha/70px/70px-9.gif);
}

/*
 * Wordpress 
 */


#subcontent .entry .photo {
	background:none;
}

#subcontent .photo2 {
	margin:10px;
	border:5px solid #EEE;
}

.navigation {
	font-size:12px;
	padding-bottom:40px;
}

.alignleft, .related, .share {
	float:left;
}

.alignright {
	float:right;
}

.commentlist {
    margin:0;
    padding:0;
	list-style:none;
}

.commentlist .comment{
	padding:10px;
	margin-bottom:15px;
}

.commentlist .even {
	border:5px solid #EEE;
	-moz-border-radius:10px;
}

.commentlist .odd {
	border:5px solid #DDD;
	-moz-border-radius:10px;
}

.commentlist .comment-author-admin {
	border:5px solid #A3AF07;
	-moz-border-radius:10px;
}

.commentlist .fn {
	font-weight:bold;
}

.commentlist p {
	clear:both;
}

.commentmetadata {
	float:right;
	font-size:12px;
}

.commentmetadata a {
	color:#666;
}

.comment-author {
	float:left;
	font-size:14px;
	margin-bottom:10px;
}

.comment-author img {
	margin-bottom:-10px;
}

h3#comments {
	margin-bottom:10px;
}

.moderation {
	color:#FF3333;
	font-size:12px;
	display:block;
}

.narrowcolumn .hentry {
    margin-bottom:60px;
}

.nice-job {
	font-size:14px;
	background-color:#EEE;
	border:1px dashed #CCC;
	padding:10px;
	-moz-border-radius:10px;
	display:inline-table;
	margin:30px 0px;
	width:380;
}

#subcontent .nice-job h3 {
	font-size:20px;
	margin-bottom:15px;
}

#subcontent .nice-job ul {
	margin:0;
	padding:0 15px;
}

#subcontent .nice-job ul li {
	line-height:1.5em;
	margin-bottom:10px;
}

.postmetadata {
	font-size:12px;
	background-color:#EEE;
	border:1px dashed #CCC;
	padding:10px 20px;
	-moz-border-radius:10px;
	display:inline-table;
	margin:30px 0px;
	width:610px;
}

.postmetadata a:hover {
	text-decoration:none;
}

.related {
	width:250px;
	padding-right:20px;
}

#subcontent .related ol li {
	line-height:inherit;
	margin-bottom:0px;
}

.share {
}

.related ol {
    list-style:none;
	padding:0;
	font-size:14px;
}

.related li {
	padding:5px 0px;
}

#subcontent .postmetadata h3 {
    font-size:16px;
    color:#333;
}

#subcontent .wp-caption-text, #subcontent .wp-caption-text a {
	font-size:12px;
	color:#999;
	text-align:center;
	margin:0;
}
#subcontent .wp-caption img {
	padding:5px;
	background-color:#EEE;
	margin-bottom:0px;
}

/*
 * News Ticker 
 */
.newsticker {
	list-style-type: none;
	padding: 3px;
	margin: 0;
	background-image:url(/images/bio-bubble.png);
	background-repeat:no-repeat;
	padding:15px;
	height:45px;
	width:625px;
	font-size:13px;
	color:white;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.newsticker a {
	color:#006B77;
}
.newsticker a:hover {
	text-decoration:none;
}

/*
 * Slider 
 */
.container { width:650px; height:350px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:650px; display:none; }
/*
 * Optional
 */
.loopedFront { margin-top:160px; }
#loopedSlider .prev-next li, #loopedSlider .pagination li { list-style:none; font-family:Arial, Helvetica, sans-serif; line-height:inherit; }
#loopedSlider,#newsSlider { margin-bottom:50px; width:650px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; float:right; }
ul.prev-next { list-style:none; padding:0; margin:0; float:left; }
ul.pagination li, ul.prev-next li { float:left; }
ul.pagination li a, ul.prev-next li a { padding:2px 6px; }
ul.pagination li.active a, ul.prev-next li.active a { background:#EEE; }
#loopedSlider li a { font-size:12px; text-decoration:none; color:#666; }
#loopedSlider li a:hover { background:#EEE; }
ul.prev-next { margin-left:15px; }
ul.pagination { margin-right:15px; }
#loopedSlider .portfolio { text-align:center; }
#loopedSlider .control { clear:both; padding-bottom:80px; }
#loopedSlider p { text-align:left; }
/*
 * Topbar 
 */
 
 
 
/*
 * Navigation Menu 
 */    


.basic  {
	width: 204px;
	margin-top:20px;
}

#nav .big {
	font-size:24px;
	font-weight:100;
}

.pad {
	padding-top:15px;
	padding-left:15px;
	display:block;
}

#nav div {
	color:#FFF;
	background-image:url(/includes/accordion/images/gray.gif);
	background-repeat:no-repeat;
	font-size:14px;
}

#nav ul {
	margin:0;
	padding:10px 5px 0px 0px;
	list-style:none;
}

#nav h5 {
	font-size:14px;
	font-weight:bold;
	margin:7px 0 3px 16px;
	color:#333;
	display:inherit;
}

#nav li a {
	color:#555;
	text-decoration:none;
	padding:5px 0px 5px 16px;
	display:inherit;
	background:none;	
}
#nav li a:hover {
	text-decoration:underline;
	color:#000;
}

#nav div.bottom {
	background-image:url(/includes/accordion/images/bottom.gif);
	background-repeat:no-repeat;
	height:17px;
	width:204px;
}

#nav div.button.top, #nav div.button2.top {
	background-image:url(/includes/accordion/images/top2.gif);
	background-repeat:no-repeat;
	width:204px;
	height:78px;
}
#nav div.middle, #nav div.top {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	font-size: 12px;
	text-transform:lowercase;
	color:#999;
	font-weight:100;
}
#nav div.button.top.active, #nav div.button2.top.active {
	background-image:url(/includes/accordion/images/top2-on.gif);
	background-repeat:no-repeat;
	width:204px;
	height:78px;
}
#nav div.middle {
	background-image:url(/includes/accordion/images/middle.gif);
	background-repeat:no-repeat;
	height:76px;
	width:204px;
	}
#nav div.middle:hover, #nav div.top:hover {
	color:#333;
}

#nav div.middle.active, #nav div.top.active {
	color:#333;
	background-image:url(/includes/accordion/images/middle-on.gif);
	background-repeat:no-repeat;
}


@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}