/*

Theme Name: 	PhooTheme

Theme URI: 		http://www.phoogoo.com

Description: 	The Official WP Theme for Phoogoo.com

Version: 		1.0

Author: 		Michael Niles - Phoogoo.com

Author URI: 	http://www.phoogoo.com

*/



/**

 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)

 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark

 * html5doctor.com/html-5-reset-stylesheet/

 */



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}



blockquote, q { quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after { content: ""; content: none; }



ins { background-color: #ff9; color: #000; text-decoration: none; }



mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }



del { text-decoration: line-through; }



abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }



table { border-collapse: collapse; border-spacing: 0; }



hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }



input, select { vertical-align: middle; }





/**

 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/

 */



body { font:14px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }



/* Normalize monospace sizing:

   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */

pre, code, kbd, samp { font-family: monospace, sans-serif; }



/*

 *	DECLARE CUSTOM FONT-FAMILY

 *

 *	Typography:	Museo (300, 500, 700)

 *	Author:		Exljbris

 *	License:	http://www.fontsquirrel.com/license/Museo

 *

*/

@font-face {

    font-family: 'Museo_Regular';

    src: url('fonts/museo300-regular-webfont.eot');

    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo300-regular-webfont.woff') format('woff'),

         url('fonts/museo300-regular-webfont.ttf') format('truetype'),

         url('fonts/museo300-regular-webfont.svg#Museo300') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Museo_Bold';

    src: url('fonts/museo500-regular-webfont.eot');

    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo500-regular-webfont.woff') format('woff'),

         url('fonts/museo500-regular-webfont.ttf') format('truetype'),

         url('fonts/museo500-regular-webfont.svg#Museo500') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Museo_Black';

    src: url('fonts/museo700-regular-webfont.eot');

    src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/museo700-regular-webfont.woff') format('woff'),

         url('fonts/museo700-regular-webfont.ttf') format('truetype'),

         url('fonts/museo700-regular-webfont.svg#Museo700') format('svg');

    font-weight: normal;

    font-style: normal;

}



/**

 * Minimal base styles.

 */



/* Always force a scrollbar in non-IE */

html { overflow-y: scroll; }



/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

a:hover, a:active { outline: none; }



ul, ol { margin-left: 1.5em; }

ol { list-style-type: decimal; }



/* Remove margins for header navigation lists */

nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }



small { font-size: 85%; }

strong, th { font-weight: bold; }



td { vertical-align: top; }



/* Set sub, sup without affecting line-height: gist.github.com/413930 */

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



pre {

  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

  white-space: pre; white-space: pre-wrap; word-wrap: break-word;

  padding: 15px;

}



textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */



.ie6 legend, .ie7 legend { margin-left: -7px; } 



/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }



/* Hand cursor on clickable input elements */

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }



/* Webkit browsers add a 2px margin outside the chrome of form elements */

button, input, select, textarea { margin: 0; }



/* Colors for form validity */

input:valid, textarea:valid   {  }

input:invalid, textarea:invalid {

   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;

}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }



/* These selection declarations have to be separate

   No text-shadow: twitter.com/miketaylr/status/12228805301

   Also: hot pink! */

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }

::selection { background:#FF5E99; color:#fff; text-shadow: none; }



/* j.mp/webkit-tap-highlight-color */

a:link { -webkit-tap-highlight-color: #FF5E99; }



/* Make buttons play nice in IE:

   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

button {  width: auto; overflow: visible; }



/* Bicubic resizing for non-native sized IMG:

   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img { -ms-interpolation-mode: bicubic; }



body, select, input, textarea {

  color: #286276;

  font-family: Museo_Regular, serif;

}



h1, h2, h3, h4, h5, h6 { margin-bottom:.5em;}

h1 { font-size:50px; font-family:Museo_Black;}

h2 { font-size:39px; font-family:Museo_Black;}

h3 { font-size:28px; font-family:Museo_Black;}

h4 { font-size:24px; font-family:Museo_Black;}

h5 { font-size:20px; font-family:Museo_Black;}

h6 { font-size:16px; font-family:Museo_Black;}



a, a:active, a:visited { color: #286276; }

a:hover { color: #036; }



p {cursor:default;}



/**

 * PhooTheme Styles

 */



body {

	background-color:#d4cdb6; /* should be the bg_color of your footer */

	}

	

.shrinkwrap {

	position:relative;

	margin:0 auto;

	width:920px;

	padding:0 20px;

	}

	

header {	

	position:relative;

	background-color:#1a6178;

	z-index:10;

	}

	header .shrinkwrap {

		height:48px;

		}

	

		#logo {

			display:block;

			width:119px;

			height:48px;

			background:url(images/logo.png) no-repeat 0 0;

			z-index:15;

			position:relative;

			}

	

	header nav {

		position:relative;

		margin-top:-48px;

		height:48px; /*height of your navigation*/

		left: 150px;

		width: 800px;

		z-index:10;

		}

		header nav ul {

			position:relative;

			float:left;

			clear:both;

			width:100%;

			/* text-align:center; use this only if you need to center your navigation*/

			}			

			header nav ul li {

				position:relative;

				 float:left; /* turn off for horizontal centering*/

				/* display:inline-block; turn on for horizontal centering*/

				}				

				header nav ul li a { 

					line-height:36px; padding:6px 10px; /*LineHeight + Padding_Height = nav Height*/

					display:block;

					font-family:Museo_Black;

					font-size:17px;

					color:#bae8f5;

					text-shadow:0 1px 0 #002c38;

					text-transform:lowercase;

					text-decoration:none;

					 /*nav item*/

					}	

				header nav ul li a:visited {color:#bae8f5;}

				header nav ul li:hover a,

				header nav ul li.current_page_item a{ 

					color:#fff;

					/*nav item on*/

					}

				header nav ul li:hover li a,

				header nav ul li.current_page_item li a,

				header nav ul li li a { 

					color:#bae8f5;

					background-color:#1A6178;

					/*2nd tier nav item when above is on*/ 

					}	

				header nav ul li:hover li:hover a,

				header nav ul li:hover li.current_page_item a,

				header nav ul li li.current_page_item a { 

					color:#fff;

					background-color:#154F60;

					/*2nd tier nav item on*/

					}

	/*

	*	Dropdowns

	*/

					header nav ul ul {

						left:-999em;

						height:auto;

						position:absolute;

						top:48px; /*Must Match nav Height*/

						width:195px; /*Dropdown Item Width*/

						/*margin-left:0;*/ /*For fine tune adjustment*/

						}

						header nav ul ul li {

							float:left;

							clear:left;

							width:100%;

							}

							header nav ul ul li a {

								display:block;

								text-align:left;

								line-height:1em;

								padding:10px 10px; width:155px; /*padding_width + width = Dropdown Item Width*/

								}



						header nav ul li ul ul,

						header nav ul li ul ul ul {

							margin-top:0;

							padding:0;

							top:0;

							margin-left:165px; /*Should Match Dropdown Item Width*/

							}

								

						header nav ul li:hover ul ul, 

						header nav ul li:hover ul ul ul, 

						header nav ul li:hover ul ul ul ul,

						header nav ul li.sfhover ul ul, 

						header nav ul li.sfhover ul ul ul, 

						header nav ul li.sfhover ul ul ul ul { left: -999em; }



						header nav ul li:hover ul,

						header nav ul li li:hover ul, 

						header nav ul li li li:hover ul, 

						header nav ul li li li li:hover ul, 

						header nav ul li.sfhover ul, 

						header nav ul li li.sfhover ul, 

						header nav ul li li li.sfhover ul, 

						header nav ul li li li li.sfhover ul { left: auto; }



section#feature {

	position:relative;

	background-color:#C7E3EE;

	}

	section#feature .infostrip {

		background-color:#286276;

		background-color:rgba(40, 98, 118, .8);

		position:relative;

		z-index:2;

		}

		section#feature .infostrip .shrinkwrap {

			height:54px;

			}

			section#feature .infostrip .info {	

				float:left;

				position:relative;

				top:17px;

				}

				section#feature .infostrip .info p{	

					color:#a7d1e0;

					font-family:Museo_Regular;

					font-size:18px;

					opacity:0;

					display:none;

					}

				section#feature .infostrip .info a {	

					color:#a7d1e0;

					text-decoration:none;

					}

					section#feature .infostrip .info a:hover {	

						color:#fff;

						}

					section#feature .infostrip .info p.current {	

						opacity:1;

						display:inline;

						}

						section#feature .infostrip .info span {	

							margin-right:1em;

							}

							section#feature .infostrip .info em {	

								font-style:normal;

								font-family:Museo_Black;

								}

			section#feature .infostrip ul {

				float: right;

				position: relative;

				top: 23px;

				}

				section#feature .infostrip li {

					list-style:none;

					float: left;

					margin-right: 5px;

					}

					section#feature .infostrip li a {

						background-color: #7CAFAD;

						display: block;

						height: 10px;

						width: 10px;

						text-decoration: none;

						-moz-border-radius: 5px;

						-webkit-border-radius: 5px;

						border-radius: 5px;

						}

						section#feature .infostrip li.current a,

						section#feature .infostrip li a:hover{

							background-color:#fbb104;

							}

	section#feature .shrinkwrap {

		height:554px;

		}

	section#feature #slider_wrapper {

		position:relative;

		overflow:hidden;

		height:554px;

		margin-bottom:-54px;

		z-index:1;

		}

	.ie7 section#feature #slider_wrapper {	

		margin-bottom:0;

		height:500px;

		}

		section#feature h2 {

			line-height: 0.9em;

			padding-top: 180px;

			width: 400px;

			font-size:38px;

			}

		section#feature h5 {

			width:400px;

			font-weight:normal;

			margin-bottom:.75em;

			}

		section#feature #slider {

			margin-bottom:-54px;

			height:554px;

			width:20000em;

			position:absolute;

			left:0;

			}

			section#feature .slide {	

				float:left;

				}

		section#feature .btn,
		.page-id-5 .btn {

			background:url(images/btn_1_bg.png) repeat-x 0 0;

			display:inline-block;

			line-height:29px;

			font-size:14px;

			color:#fff;

			text-decoration:none;

			text-transform:uppercase;

			padding:1px 1em 0;

			text-shadow:0 1px 0 #507777;

			font-family:Museo_Bold;

			margin-right:.4em;

			-moz-border-radius:5px;

			-webkit-border-radius:5px;

			border-radius:5px;

			-moz-box-shadow:0 2px 2px rgba(0,0,0,.6);

			-webkit-box-shadow:0 2px 2px rgba(0,0,0,.6);

			box-shadow:0 2px 2px rgba(0,0,0,.6);

			}

			section#feature .btn:hover,
			.page-id-5 .btn:hover {

				text-shadow:0 -1px 0 #507777;

				-moz-box-shadow:0 1px 1px rgba(0,0,0,.4);

				-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);

				box-shadow:0 1px 1px rgba(0,0,0,.4);

				}

		

section.main {

	position:relative;

	background:url(images/section_bg.png) repeat-x 0 0 #c2e1ec;

	margin-bottom:-50px;

	min-height:427px;

	}

.ie7 section.main {

	margin-bottom:0;

	}

.multiplebgs section.main {

	background: url(images/section_bg.png) 0 0 repeat-x, url(images/section_bg_bottom.png) 0 bottom repeat-x #c2e1ec;

	}	

	section.main .shrinkwrap {

		background:url(images/section_bg.png) 0 0 repeat-x #c2e1ec;

		-moz-border-radius:10px;

		-webkit-border-radius:10px;

		border-radius:10px;

		z-index:1;

		}

	.multiplebgs .single-work section.main .shrinkwrap {

		background: url(images/sidebar_bg.png) repeat-x scroll 0 0, url(images/sidebar_bottom_bg.png) repeat-x scroll 0 bottom #D2EBF3;				

		}

	.single-work section.main .shrinkwrap {

		background:url(images/section_bg.png) 0 0 repeat-x #c2e1ec;

		-moz-border-radius:0 0 10px 10px;

		-webkit-border-bottom-right-radius:10px;

		-webkit-border-bottom-left-radius:10px;

		border-radius:0 0 10px 10px;

		}

		section.main.two-col section {

			margin-right: 25px;

			width: 570px;

			}

		section.main section {

			float: left;

			}

			article {

				float:left;

				position:relative;

				border-bottom:1px solid #97B9C4;

				margin-bottom:1.5em;

				padding-bottom:1.5em;

				}

			.archives article:first-child {

				padding-bottom:0;

				}

			article.404 {

				

				}

			article:first-child {

				padding-top:2em;

				}

			article:last-child {

				border-bottom:none;

				margin-bottom:0;

				}

				.breadcrumbs {

					color:#6f6f6f;

					margin:0 0 1.5em;

					}

					.breadcrumbs a {

						text-decoration:none;

						color:#286276;

						font-family:Museo_Bold;

						}

						.breadcrumbs a:hover {

							color:#fff;

							}

				article h1 {

					margin-bottom:0.25em;

					text-transform:uppercase;

					}

				.page article h1 {

					width:165%;

					position:relative;

					z-index:2;

					}

				.homepage .page article h1,
				.home article h1 {

					width:100%;

					}

				article h1,

				article h2,

				article h3,

				article h4{

					letter-spacing: -0.02em;

					line-height: 1em;	

					}

				article h2 {

					font-size:28px;

					}

				article h3 {

					font-size:22px;

					}

				article h5{

					text-transform:uppercase;

					line-height: 1em;	

					}

				

				.archives article h5 {

					font-size:10px;

					margin-bottom:1em;

					font-family:Museo_Bold;

					}

				.archives article h3.post-title {

					text-transform:none;

					}

					

				article ol,

				article ul,

				article p {

					margin-bottom:1em;

					line-height:1.3em;

					}

				article ol:last-child,

				article ul:last-child,

				article p:last-child{

					margin-bottom:0;

					}

				article strong,

				article b {

					font-weight:normal;

					font-family:Museo_Black;

					}

				article a {

					font-family:Museo_Black;

					color:#286276;

					text-decoration:none;

					}

					article a:hover {

						color:#fff;

						}

				article .thumb {

					float: left;

					margin-right: 1em;

					overflow: hidden;

					position: relative;

					width: 215px;

					height:148px;

					}

					article .thumb .attachment-feat_thumb_framed {

						background-color:#fff;

						padding:4px;

						border:1px solid #d6d6d4;

						box-shadow:0 2px 4px rgba(0,0,0,.3);

						}

				article .details {

					float:left;

					position:relative;

					width:339px;

					}

				article.casestudy {

					visibility:visible;

					}

					article.casestudy .prevnext {

						margin:0;

						position:absolute;

						right: 0px;

						top: 81px;

						}

						article.casestudy .prevnext li {

							list-style:none;

							float:left;

							margin-left:.5em;

							}

							article.casestudy .prevnext a {

								display:block;

								width:23px;

								height:23px;

								background:url(images/prevnext.png) no-repeat 0 0;

								opacity:.8;

								}

							article.casestudy .prevnext a.prev {

								background-position:0 -26px;

								}

							article.casestudy .prevnext a.disabled {

								opacity:.5 !important;

								cursor:default;

								}

							article.casestudy .prevnext a:hover {

								opacity:1;

								}

								article.casestudy .prevnext a span {

									display:none;

									}

					#CSslides {

						float: left;

						margin-right: 2em;

						position: relative;

						width: 477px;

						}

						#CSslides .viewsite {

							position:absolute;

							right:15px;

							padding-top:5px;

							}

						#CSslides .tabs {

							top:298px;

							display:block;

							height:13px;

							list-style:none;

							padding:9px 0;

							position:absolute;

							left:0;

							width:auto;

							z-index:2;

							}

							#CSslides .tabs li  {

								float:left;

								margin:2px;

								height:15px;

								width:15px;

								} 

								#CSslides .tabs li a {

									background-color: #7CAFAD;

									display: block;

									height: 10px;

									width: 10px;

									text-decoration: none;

									-moz-border-radius: 5px;

									-webkit-border-radius: 5px;

									border-radius: 5px;

									} 

									#CSslides .tabs li a:hover,

									#CSslides .tabs li a.current { 

										background-color:#fbb104;

										}

						#CSslides .panes {

							position:relative;

							z-index:1;

							background-color:#000;

							width:461px;

							height:286px;

							border-top:1px solid #fff;

							border:8px solid #fff;

							-moz-box-shadow:0 4px 12px #91bac7;

							-webkit-box-shadow:0 4px 12px #91bac7;

							box-shadow:0 4px 12px #91bac7;

							overflow:hidden;

							}
							

							#CSslides .panes .slide-bg {

								width:461px;

								height:286px;

								}	

								

					#testimonial {

						height: 280px;

						margin-top: 20px;

						position: relative;

						}

						#testimonial .tweet {

							height: 190px;

							position: absolute;

							right: 0;

							top: 30px;

							width: 270px;

							z-index: 1;

							}

							#testimonial .tweet .bubble {

								display: block;

								height: 151px;

								padding: 36px 33px 0;

								width: 205px;

								background:url(images/tweetbubble.png) no-repeat 0 0;

								}

								#testimonial .tweet .bubble .title {

									color: #333333;

									font-family: Museo_Bold;

									font-size: 12px;

									text-transform: uppercase;

									margin-bottom:.5em;

									display:block;

									}

								#testimonial .tweet .bubble .tweettxt {

									color: #333333;

									font-family: Museo_Black;

									font-size: 15px;

									margin-left: -13px;

									text-align: center;

									width: 228px;

									}

									#testimonial .tweet .bubble .tweettxt a {

										color:#186277;

										text-decoration:none;

										} aside .tweet .bubble .tweettxt a:hover {color:#fff;}

										

							#testimonial .tweet .icon {

								background:url(images/phoogoo_speak_flip.png) no-repeat 0 0;

								bottom: -100px;

								display: block;

								height: 148px;

								left: -275px;

								position: absolute;

								width: 235px;

								}

								

						#testimonial .caselogo {

							left: 20px;

							position: absolute;

							top: 80px;

							z-index: 2;

							}

						#testimonial .testauth {

							display: block;

							font-family: Museo_Bold;

							font-size: 14px;

							margin-top: -0.5em;

							text-align: right;

							}

						#testimonial .testauthtitle {

							display: block;

							font-family: Museo_Bold;

							font-size: 12px;

							text-align: right;

							padding-right:1em;

							}

						

					#CSinfo {

						float:left;

						position:relative;

						width:400px;

						}

						#CSinfo h4 {

							font-family: Museo_Bold;

							font-size: 25px;

							font-weight: normal;

							text-transform: none;

							}

						#CSinfo table {

							display:block;

							margin-bottom:1em;

							}

							#CSinfo table a {

								font-family:Museo_Regular;

								}

							#CSinfo table td {

								padding:1px 0;

								}

						#CSinfo ul.services {

							margin-left:0;

							}

							#CSinfo ul.services li {

								float:left;

								margin-right: 20px;

								width: 130px;

								list-style:none;

								}

								#CSinfo ul.services li a {

									font-family:Museo_Regular;

									}

							#CSinfo ul.services .title {

								display:block;

								width:100%;

								margin-right:0;

								}

					

		aside {

			background: url(images/ie_sidebar_bg.png) repeat-x scroll 0 0;

			float: right;

			margin-right: -20px;

			min-height: 565px;

			position: relative;

			width: 295px;

			padding:35px 25px;

			-moz-border-radius:0 0 10px 10px;

			-webkit-border-bottom-right-radius:10px;

			-webkit-border-bottom-left-radius:10px;

			border-radius:0 0 10px 10px;

			}

		.page aside {

			margin-top:100px;

			padding-top:50px;

			}

		.ie7 .page aside {

			margin-top:110px;

			padding-top:20px;

			}

		.homepage .page aside,
		.home aside {

			margin-top:0;

			padding-top:35px;

			}

		.multiplebgs aside,

		.multiplebgs .homepage.page aside,
		.multiplebgs .home.page aside {

			background: url(images/sidebar_bg.png) repeat-x scroll 0 0, url(images/sidebar_bottom_bg.png) repeat-x scroll 0 bottom #D2EBF3;

			}	

		.multiplebgs .page aside {

			background: url("images/phoou/sidebar_bg.png") repeat-x scroll 0 -151px, url("images/sidebar_bottom_bg.png") repeat-x scroll 0 bottom #D2EBF3;

			}

			aside ul {

				margin-left:0;

				}

			aside ul ul {

				margin-left:1.5em;

				}

			aside p {

				margin-bottom:1em;

				}

			aside p:last-child {

				margin-bottom:0;

				}

			aside .btn {

				background:url(images/btn_2_bg.png) repeat-x 0 0 #000;

				border:1px solid #6a6d6a;

				display:inline-block;

				line-height:28px;

				font-size:14px;

				color:#fff;

				text-transform:uppercase;

				text-decoration:none;

				padding:2px 1em 0;

				text-shadow:0 -1px 0 #000;

				font-family:Museo_Bold;

				margin-right:.4em;

				-moz-border-radius:5px;

				-webkit-border-radius:5px;

				border-radius:5px;

				opacity:.9;

				}

				aside .btn:hover {

					opacity:1;

					}

			aside .sidetitle {

				font-weight:normal;

				font-family:Museo_Black;

				font-size:22px;

				}

			aside .sideitem {

				list-style:none;

				padding:0 0 1.5em;

				border-bottom:1px solid #b3d0da;

				margin-bottom:1.5em;

				position:relative;

				}

			aside .sideitem.swag {

				height: 124px;

				left: -18px;

				margin-bottom: 0;

				margin-top:-1em;

				padding-bottom: 22px;

				width: 316px;

				background:url(images/shirt.png) no-repeat 0 0;

				border-bottom:none;

				}

				aside .sideitem.swag .btn {

					position:absolute;

					right:0;

					bottom:2.5em;

					}

			aside .sideitem.tweet {

				visibility:visible;

				}

				aside .sideitem.tweet .bubble {

					display: block;

					height: 154px;

					padding: 38px 33px 0;

					width: 205px;

					background:url(images/tweetbubble.png) no-repeat 0 0;

					}

					aside .sideitem.tweet .bubble .title {

						color: #333333;

						font-family: Museo_Bold;

						font-size: 13px;

						text-transform: uppercase;

						margin-bottom:.5em;

						display:block;

						}

					aside .sideitem.tweet .bubble .tweettxt {

						color: #333333;

						font-family: Museo_Black;

						font-size: 17px;

						margin-left: -10px;

						text-align: center;

						width: 225px;

						}

						aside .sideitem.tweet .bubble .tweettxt a {

							color:#186277;

							text-decoration:none;

							} aside .sideitem.tweet .bubble .tweettxt a:hover {color:#fff;}

							

				aside .sideitem.tweet .icon {

					display:block;

					width:235px;

					height:148px;

					background:url(images/phoogoo_speak.png) no-repeat 0 0;

					position:absolute;

					left:-80px;

					bottom:-80px;

					opacity:.9;

					} aside .sideitem.tweet .icon:hover { opacity:1; }

					

			aside ul:last-child .sideitem:last-child {

				border-bottom:none;

				}

				aside .sideitem li {

					list-style:none;

					}

					aside .sideitem li a {	

						display:block;

						text-decoration:none;

						}

			

footer {

	background-color: #E8E1CC;

    position: relative;

	color:#8e8466;

	}

	footer .shrinkwrap {

		min-height:180px;

		width:960px;

		padding:75px 0 0;

		}

	.ie7 footer .shrinkwrap {

		padding-top:25px;

		}

		footer h4 {

			text-transform:uppercase;

			}

		footer h6 {

			color:#186277;

			}

		footer .bloglist {

			display:block;

			margin-left:0;

			}

			footer .bloglist li {

				list-style:none;

				}

			footer .bloglist a {

				font-family:Museo_Black;

				text-decoration:none;

				}

			footer .bloglist .timestamp {	

				font-family: Museo_Bold;

				font-size: 10px;

				}

		footer footer {

			background-color: transparent;

			bottom: -50px;

			margin-bottom: 0;

			min-height: 50px;

			position: absolute;

			width:960px;

			

			}

			footer footer .socials {

				margin:0;    

				padding-top: 0.75em;

				}

				footer footer .socials li {

					float:left;

					position:relative;

					margin-right:.5em;

					list-style:none;

					}

					footer footer .socials a {

						background-image:url(images/socials.png);

						background-repeat: no-repeat;

						display: block;

						height: 32px;

						width: 32px;

						}

					footer footer .socials .fb {

						background-position: -12px -6px;

						}

							footer footer .socials .fb:hover {background-position: -12px -46px;}

					footer footer .socials .twtr {

						background-position: -46px -6px;

						}

							footer footer .socials .twtr:hover {background-position: -46px -46px;}

					footer footer .socials .in {

						background-position: -80px -6px;

						}

							footer footer .socials .in:hover {background-position: -80px -46px;}

					footer footer .socials .fr {

						background-position: -116px -6px;

						}

							footer footer .socials .fr:hover {background-position: -116px -46px;}

					footer footer .socials .yt {

						background-position: -150px -6px;

						}

							footer footer .socials .yt:hover {background-position: -150px -46px;}

					footer footer .socials .rss {

						background-position: -184px -6px;

						}

							footer footer .socials .rss:hover {background-position: -184px -46px;}

						footer footer .socials span {

							display:none;

							}

			footer footer p {

				float: right;

				font-family: Museo_Black;

				padding-top: 0.5em;

				position: relative;

				}

				footer footer p a {

					text-decoration:none;

					}

				footer footer p a:hover {

					

					}

	

/**

 * Non-semantic helper classes

 */

 

 /* Easy columns */

.col1_1 { display:block; float:left; }

.col1_2 { display:block; float:left; width:49%; margin-right:2%; }

.col1_2:last-child { margin-right:0; }

.col1_3 { display: block; float: left; margin-right: 2%; width: 32%; }

.col1_3:last-child { margin-right:0; }



/* For image replacement */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }



/* Hide for both screenreaders and browsers:

   css-discuss.incutio.com/wiki/Screenreader_Visibility */

.hidden { display: none; visibility: hidden; }



/* Hide only visually, but have it available for screenreaders: by Jon Neal.

  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when header navigated to via the keyboard: drupal.org/node/897638 */

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }



/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.

   j.mp/bestclearfix */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix { zoom: 1; }



.clear {clear:both;}



/**

 * Media queries for responsive design.

 *

 * These follow after primary styles so they will successfully override.

 */



@media all and (orientation:portrait) {

  /* Style adjustments for portrait mode goes here */



}



@media all and (orientation:landscape) {

  /* Style adjustments for landscape mode goes here */



}



/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)

   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

@media screen and (max-device-width: 480px) {





  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */

}





/**

 * Print styles.

 *

 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/

 */

@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;

  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */

  tr, img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }

}	



/**

 *

 *	Fix header bar

 *

 */

 body {

	padding-top:48px;

	}

 header {	

	position:fixed;

	width:100%;

	top:0;

	}

.logged-in header {

	top:28px;

	}
	
	
	html {
		overflow-x:hidden;
	}
.page-id-5 #work-bg {
	background:url(images/bg_work.gif) repeat-x 0 120px;
	width:960px;
	position:relative;
	left:-20px;
	height:520px;
}
.work-info {
	position:relative;
	top:390px;
}
#work-landing {
	width:900px;
	
}
.page-id-5 h1 {
	width:100%!important;
}
.page-id-5 section {
	width:100%;
	height:720px;
}
.page-id-5 article {
	padding-left:20px;
	padding-right:20px;
	border-bottom:0px;
	background:url(images/bg_work.gif) repeat-x 0 120px;
	width:920px;
	position:relative;
	left:-20px;
}
.page-id-5 #CSslides {
	margin-top:5px;
	height:400px;
	
}
#slide-wrapper  {
	float:left;
	margin-left:32px;
	margin-top:6px;
}



.page-id-5 #CSslides .panes {
	overflow:visible!important;
	position:absolute;
	box-shadow:0 4px 12px #1a404d;
}
.page-id-5 .tabs {
	margin-top:20px;
}
.thumbnail-tabs {
	float:right;
	width:390px;
	margin-top:22px!important;
position:relative;
left:5px;
	z-index:999;
}
.thumbnail-tabs li {
	width:60px!important;
	height:60px!important;
	overflow:hidden!important;
	border:4px solid #ffffff;
	float:left;
	margin:0 10px 10px 0;
}
.thumbnail-tabs li a {
	width:75px!important;
	height:75px!important;
	overflow:hidden!important;
}
.thumbnail-tabs img {
	width:300px;
	margin-top:-30px;
	margin-left:-50px;
	overflow:hidden;
	display:block;
}
.page-id-5 .services {
	width:700px;
	margin:0px;
	padding:0px;
}
.page-id-5 .services li {
	float:left;
	list-style-type:none;
	width:200px;
	margin-bottom:10px;
}
.page-id-5 .services li a {
	font-weight:normal!important;
	 font-family: Museo_Regular;
}
.page-id-5 .title {
	clear:both;
	display:block;
	float:none;
}
.page-id-5 .btn {
	margin-top:10px;
}
.page-id-5 .icon {
	background:url(images/phoogoo_speak_flip.png) no-repeat bottom left;
	width:236px;
	height:149px;
	position:relative;
	top:-45px;
}
.page-id-5 .tabs {
	margin-top:90px;
}
.slide-wrapper {
	height:900px;
	border:1px solid red;
}

.person {
	float:left;
	width:280px;
	
}
.person .avatar-wrapper {
	float:left;
	background:url(images/bg_person.png) no-repeat;
	height:92px;
	width:92px;
	padding:28px;
}
.person .name-position {
	float:left;
	margin-top:30px;
	
}
.person .name-position p {
	font-size:14px;
}
.person .name-position p strong {
	font-size:16px;
}
#side-nav {
	position:relative;
	top:-30px;
	margin-bottom:30px;
	display:none;
}
#side-nav .menu li {
	display:none;
}
#side-nav .menu li.current-menu-item,
#side-nav .menu li.current-menu-item ul li,
#side-nav .menu li.current-page-ancestor,
#side-nav .menu li.current-page-ancestor ul li {
	display:block!important;
}
.page-parent #side-nav,
.page-child #side-nav {
	display:block;
}
#side-nav ul {
	margin-bottom:10px;
	margin-left:0px!important;
}
#side-nav li {
	list-style-type:none;
	padding-top:10px;
	margin-top:10px;
	padding-left:10px;
}
#side-nav .sub-menu li {
	border-top:1px solid #b2d0da;

}
#side-nav li a {
	text-decoration:none;
	font-family: Museo_Bold;
}
#side-nav .sub-menu li.current_page_item a {
	color:#797979!important;
}
#side-nav .current-menu-item a,
#side-nav .current-menu-ancestor a {
	font-size:22px;
	color:#286276!important;
}
#side-nav .current-menu-item ul li a {
	color:#286276;
}
#side-nav .current-menu-parent,
#side-nav .current-menu-ancestor {
	border-top:0px!important;
}
#sub-nav  #page-parent-title {
	display:none;
}
.page-parent #sub-nav #page-parent-title,
.page-child #sub-nav #page-parent-title {
	display:block;
}
.sub-menu li a {
	font-size:17px!important;
}
#sub-nav .sub-menu {
	border-bottom:1px solid #b2d0da;
	padding-bottom:10px;
}

.home .st_facebook_buttons, 
.home .st_twitter_buttons,
.home .st_email_buttons,
.home .st_sharethis_buttons,
.home .st_fblike_buttons,
.home .st_plusone_buttons {
display:none;
}
.page-id-19 .st_facebook_buttons, 
.page-id-19 .st_twitter_buttons,
.page-id-19 .st_email_buttons,
.page-id-19 .st_sharethis_buttons,
.page-id-19 .st_fblike_buttons,
.page-id-19 .st_plusone_buttons {
display:none;
}
.page-id-212 .st_facebook_buttons, 
.page-id-212 .st_twitter_buttons,
.page-id-212 .st_email_buttons,
.page-id-212 .st_sharethis_buttons,
.page-id-212 .st_fblike_buttons,
.page-id-212 .st_plusone_buttons {
display:none;
}

.gform_wrapper .gfield_description {
	 font-family: Museo_Regular!important;

}
.fb_ltr,
.wb_fb_bottom  {
	display:none;
}


.page-id-5 #CSslides {
	display:none;
}
.page-id-5 .number-1 {
	display:block!important;
}
.slide-title {
	font-size:18px;
	color:#c3e3ee;
}
.slide-buttons a.btn {
	font-size:12px!important;
}
#thumbnail-nav {
	margin-top:95px!important;
}