/*  
Theme Name: TuckHinton
Theme URI: http://www.workbysimon.com
Version: 1
Author: Simon Carr
Author URI: http://www.workbysimon.com


*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

p {
	margin: 0 0 1.25em;
	padding: 0;
}
big {
	font-size: 120%;
	line-height: 160%;
}
a {
	color: #36C;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #F30;
}
small {
	font-size: 87%;
}
ul, ol {
	margin: 1em 0 1.4em 44px;
	padding: 0;
	line-height: 140%;
	font-size:13px;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 1.4em 0 .2em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
input, textarea, select {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #777;
}
textarea {
	line-height: 150%;
}
input[type=text], input[type=password], textarea {
	background: #ffffff;
	border: solid 1px #a7b0b3;
	padding: 5px 7px 6px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border-color: #f26522;
	color: #000;
}
input[type=reset], input[type=submit] {
	background: #5f5f5f;
	color: #fff;
	border: none;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input[type=reset]:hover, input[type=submit]:hover {
	background: #30333a;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap {
	width: 950px;
	margin: 0 auto;
}
.pagewrap-home {
	width: 100%;
	margin: 0 auto;
}
#middlewrap {
	padding: 35px 0 60px;
}
#middlewrap-home {
	padding:0;
}

/************************************************************************************
GRID
*************************************************************************************/
.row:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.row {
	display:inline-block;
}
.row {
	display:block;
}
.row {
	position:relative;
	margin-left:-24px;
}
.gu1 .row {
	width: 245px;
}
.gu2 .row {
	width: 490px;
}
.gu3 .row {
	width: 735px;
}
.gu4 .row {
	width: 980px;
}
.col {
	margin-left: 0;
	float: left;
	position: relative;
}
.gu1 {
	width: 221px;
	min-height:50px;
  height:auto !important;
  height:50px;

}
.gu2 {
	width: 460px;
}
.gu3 {
	width: 705px;
}
.gu4 {
	width: 980px;
}

/************************************************************************************
HEADER
*************************************************************************************/
body.home #header {
	position: relative;
	height: 89px;
	z-index: 100;
}
#header {
	position: relative;
	height: 110px;
	z-index: 100;
}
#site-logo {
	position: absolute;
	top: 60px;
}
#site-logo a {
	font: bold 46px/100% Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	color: #575b5b;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	padding: 5px 0;
}
#site-description {
	font: italic 16px/100% Georgia, "Times New Roman", Times, serif;
	color: #999;
	position: absolute;
	bottom: 25px;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 15px;
	list-style: none;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-transform: uppercase;
	z-index: 100;
}
#main-nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
/* main level link */
#main-nav a {
	color: #898D9A;
	display: block;
	padding: 5px 15px;
	margin: 0 0 0 5px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/* main level link :hover */
#main-nav a:hover {
	color: #000;
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
	background: #585b62;
	color: #fff;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
	color: #fff;
}
/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
	color: #666;
	background: none;
	font-weight: normal;
	padding: 7px 0 7px 15px;
	margin: 0;
	width: 180px;
	text-transform: none;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
	background: #F3F3F3;
	color: #000;
}
/* dropdown ul */
#main-nav ul {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	position: absolute;
	background: #fff;
	border: solid 1px #ccc;
	z-index: 100;
	display: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
#main-nav ul li {
	background: none;
	padding: 0;
	margin: 0;
}
/* sub-levels dropdown */
#main-nav ul ul {
	left: 190px;
	top: 5px;
}
/* show dropdown ul */
#main-nav li:hover > ul {
	display: block;
}

/* rss button */
#main-nav .rss a {
	background: url(images/rss.png) no-repeat left center;
	padding-left: 18px;
	margin-left: 15px;
}

/************************************************************************************
HEADER WIDGET
*************************************************************************************/
#header .header-widget {
	position: absolute;
	top: 20px;
	right: 16px;
	text-align: right;
	float: right;
}
.header-widget .widget {
	float: right;
	margin-right: 14px;
	margin: 4px 14px 0 0;
}
.header-widget .widget div {
	display: inline;
	float: left;
}
.header-widget strong.widgettitle {
	float: left;
	margin-right: 5px;
	text-transform: none;
	letter-spacing: normal;
}

#header .header-widget ul {
	margin: 0;
	padding: 0;
	float: left;
}
#header .header-widget li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	border: none;
	clear: none;
}
#header .header-widget .widget {
	float: left;
	margin-right: 14px;
}
#header .header-widget img {
	vertical-align: middle;
	margin-top: -10px;
}
#header .rss {
	float: right;
}
#header .rss a {
	background: url(images/rss.png) no-repeat left center;
	padding-left: 16px;
}

/************************************************************************************
WELCOME MESSAGE
*************************************************************************************/
#welcome-message {
	text-align: center;
	font: italic 24px/140% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 30px;
}

/************************************************************************************
SLIDER
*************************************************************************************/
#slider {
	position: relative;
	margin-bottom: 30px;
}
#slider .slides {
	margin: 0;
	padding: 0;
}
#slider .slides li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#slider .slides img {
	background: #fff;
	vertical-align: bottom;
	padding: 4px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#slider .slides .details {
	position: absolute;
	bottom: 0;
	background: url(images/slide-description-bg.png);
	color: #ccc;
	width: 910px;
	padding: 10px 20px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#slider .slides h3 {
	color: #fff;
	margin: 0;
	font: normal 16px/120% Arial, Helvetica, sans-serif;
}
#slider .slides p {
	margin: 0;
}
#slider .slide-nav-wrap {
	text-align: center;
	display: block;
	margin: 15px 0 0;
	width: 100%;
}
#slider .slide-nav a {
	display: inline-block;
	background: url(images/slide-nav.png) no-repeat -40px 0;
	width: 10px;
	height: 11px;
	padding: 2px;
	margin: 0 2px 1px;
	text-indent: -25px;
	overflow: hidden;
}
#slider .slide-nav a:hover {
	background-position: -20px 0;
}
#slider .slide-nav a.activeSlide {
	background-position: 0 0;
}
#slider .next-prev-slide-button {
	display: inline-block;
	background: url(images/slide-next-prev.png) no-repeat;
	width: 8px;
	height: 13px;
	padding: 2px;
	text-indent: -25px;
	overflow: hidden;
}
#slider .prev-slide {
	background-position: 0 0;
	margin-right: 5px;
}
#slider .prev-slide:hover {
	background-position: 0 -27px;
}
#slider .next-slide {
	background-position: -30px 0;
	margin-left: 5px;
}
#slider .next-slide:hover {
	background-position: -30px -27px;
}

/************************************************************************************
CONTENT
*************************************************************************************/
.img-style {
	background: #999;
	padding: 1px;
	border: solid 1px #222;
}
.listview {
	margin-bottom: 40px;
}
.gridview {
	margin-bottom: 28px;
}
.gridview .post-date {
	text-align: left;
	font-size: 85%;
	font-weight: normal;
	margin: 0 5px 3px;
}
.gridview .post-title {
	padding: 0 5px;
}
.gridview .excerpt {
	font-size: 90%;
	line-height: 140%;
	padding: 0 5px;
}
.post-title {
	font: 14px/110% Arial, Helvetica, sans-serif;
	margin: 10px 0 4px;
}
.gridview  h5.post-title {
	font-size: .8em;
	margin: 10px 0 4px;
	height:30px;
}
.post-title a {
	color: #30333a;
}
.post-title a:hover {
	color: #F30;
}
h1.post-title {
	font-size: 185%;
	margin: 2px 0 12px;
	color:#fff;
}
h2.post-title {
	font-size: 150%;
}
h3.post-title {
	font-size: 16px;
}
.post-meta {
	font-size: 95%;
	margin: 0 0 10px;
	color: #898989;
}
.post-meta a {
	color: #898989;
}
.post-meta a:hover {
	color: #F63;
}
.post-meta span {
	margin-right: 8px;
}
.post-meta .post-category {
	background: url(images/folder.png) no-repeat 0 center;
	padding: 0 0 0 16px;
}
.post-meta .post-author {
	background: url(images/user.png) no-repeat 0 center;
	padding: 0 0 0 16px;
}
.post-meta .post-tags {
	background: url(images/tag.png) no-repeat 0 center;
	padding: 0 0 0 16px;
}
.post-meta .post-comments {
	background: url(images/comment.png) no-repeat 0 center;
	padding: 0 0 0 16px;
}
.post-date {
	display: block;
	font-weight: bold;
	font-size: 110%;
	text-align: right;
	margin: 12px 0 10px;
	color: #898989;
}

/************************************************************************************
SINGLE
*************************************************************************************/
.page-title {
	font: bold 30px/110% Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
}
.single-post-date {
	text-align: left;
	margin: 0;
}
.single-post-img {
	margin-bottom: 30px;
}
.single-post-img.left {
	margin-right: 30px;
}
.single-post-img.right {
	margin-left: 30px;
}
.showcase {
	margin: 30px 0;
	position: relative;
}
.showcase-nav {
	margin: 0;
	padding: 0 0 5px;
	list-style: none;
}
.showcase-nav li {
	float: left;
	margin: 0 8px 8px 0;
}
.showcase-nav li  a {text-decoration:none; border:none;}
.showcase-nav img {
	background: #fff;
	border: solid 1px #ccc;
}
.showcase-nav .activeSlide img {
	border: solid 1px #333;
}
.next-prev-project {
	position: absolute;
	top: 15px;
	right: 0;
}
.next-prev-project a {
	color: #30333a;
	text-decoration: none;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: bold;
}
.next-prev-project a:hover {

	color: #F30;
}
.next-prev-project .next a {
	background: url(images/next-arrow.png) no-repeat right center;
	padding: 0 12px 0 0;
	margin-left: 10px;
}
.next-prev-project .prev a {
	background: url(images/prev-arrow.png) no-repeat left center;
	padding: 0 0 0 12px;
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
	border-top: solid 1px #ccc;
	margin: 40px 0 20px;
	padding: 10px 0 0;
	position: relative;
	clear: both;
}
.next-prev-comment {
	position: absolute;
	top: 17px;
	right: 0;
}
.next-prev-comment a {
	color: #30333a;
	text-decoration: none;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: bold;
}
.next-prev-comment a:hover {
	color: #F30;
}
.next-prev-comment .next a {
	margin: 0 0 0 20px;
}
#comments, #respond h4 {
	font-size: 140%;
}
/* commentlist */
.commentlist {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
.commentlist li {
	margin: 0;
	padding: 15px 0 0 75px;
	list-style: none;
	border-top: solid 1px #ccc;
	position: relative;
}
.commentlist .comment-author {
	margin: 2px 0 10px;
}
.commentlist .avatar {
	margin: 0 16px 0 0;
	position: absolute;
	top: 15px;
	left: 0;
	background: #fff;
	padding: 3px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.commentlist cite {
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	line-height: 140%;
}
.commentlist .comment-time {
	color: #888;
}
.commentlist ul, .commentlist ol {
	margin: 0;
	padding: 0;
}
.commentlist .comment-reply-link {
	position: absolute;
	top: 15px;
	right: 0;
	padding: 2px 10px;
	background: #5f5f5f;
	font-size: 85%;
	color: #ededed;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.commentlist .comment-reply-link:hover {
	background: #30333a;
	text-decoration: none;
}

/************************************************************************************
COMMENT FORM
*************************************************************************************/
#respond {
	border-top: solid 1px #ccc;
	margin: 40px 0 30px;
	padding: 10px 0 0;
	position: relative;
	clear: both;
}
#respond .cancel-comment-reply a {
	position: absolute;
	top: 18px;
	right: 0;
	font-size: 85%;
	text-decoration: none;
	padding: 2px 10px;
	color: #ededed;
	background: #F30;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#respond .cancel-comment-reply a:hover {
	background: #30333a;
}
#commentform {
	margin: 15px 0 0;
}
#commentform input[type=text] {
	width: 206px;
	margin-right: 5px;
}
#commentform label {
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform textarea {
	width: 97%;
	height: 140px;
}
#commentform input#submit {
	padding: 7px 20px;
	font-weight: bold;
}

/************************************************************************************
NEXT PREVIOUS NAVIGATION
*************************************************************************************/
.next-prev-post {
	clear: both;
	margin: 18px 0 6px;
}
.next-prev-post span {
	width: 45%;
}
.next-prev-post a {
	color: #30333a;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	display: block;
}
.next-prev-post a:hover {
	color: #F30;
	text-decoration: none;
}
.next-prev-post .prev a {
	-moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS3 */
	background:#595959;
	float:left;
	padding:4px 6px;
}
.next-prev-post .next a {
	float: right;
	text-align: right;
	-moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS3 */
	background:#595959;
	padding:4px 6px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar a {
	color: #bbb;
	text-decoration: none;
}
#sidebar a:hover {
	color: #777;
	border:none;
	text-decoration:none;
}
.widget {
	margin: 10px 0 30px;
}
.widget .widgettitle {
	font: bold 13px/120% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: 0 0 6px;
	padding: 0 0 6px;
	color: #787b7b;
}
.widgettitle a {
	color: #30333a;
	text-decoration: none;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget li {
	padding: 0 0 10px;
	margin: 0;
}
.widget ul ul {
	padding: 10px 0 0 18px;
	margin: 0;
	list-style: disc;
}
.widget ul ul li {
	padding: 0 0 8px;
	margin: 0;
}
/* search form */
#searchform #s {
	width: 178px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	padding-left: 28px;
}

/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* flickr widget */
.widget .flickr_badge_image img {
	width: 52px;
	height: 52px;
	margin: 0 11px 11px 0;
	float: left;
	background: #fff;
	padding: 3px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* recent comments widget */
.widget .recent-comments-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget .recent-comments-list li {
	margin: 0 0 10px;
	padding: 0;
	clear: both;
}
.widget .recent-comments-list .avatar {
	margin: 0 11px 11px 0;
	float: left;
	background: #fff;
	padding: 3px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* feature posts widget */
.widget .feature-posts-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget .feature-posts-list li {
	margin: 2px 0 10px;
	padding: 0;
	clear: both;
}
.widget .feature-posts-list .post-img {
	float: left;
	margin: -2px 11px 11px 0;
	background: #fff;
	padding: 3px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 1px rgba(0, 0, 0, .2);
}
.widget .feature-posts-list small {
	font-size: 85%;
}





/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
/* clearfix */
.clearfix:after, .row:after, .feature-posts-list li:after, .next-prev-post:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix, * html .row, * .feature-posts-list li, * .next-prev-post {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix, *:first-child+html .row, *:first-child+html .feature-posts-list li, *:first-child+html .next-prev-post {
	zoom: 1;
} /* IE7 */

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	background: #fff;
	padding: 4px;
	border: solid 1px #ccc;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	background: #fff;
	padding: 4px 2px 2px 0;
	border: solid 1px #ccc;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wp-caption-text {
	font: italic 95%/120% Georgia, "Times New Roman", Times, serif;
	margin: 6px 0;
	color: #777;
}

.home-content {width:950px; margin:0px auto;}
.cowboy {width:100%; height:332px; background:url(images/cowboy.jpg) top center no-repeat; margin-top:20px; margin-left:auto; margin-right:auto;}

/* portfolio main */
ul.port-categories {margin:0 0 22px 0; padding:0;}
ul.port-categories li {display:inline-block; list-style-type:none; padding:0 14px 0 0;}
ul.port-categories li a {text-decoration:none; background:#f7f7f7; border:1px solid #ccc; padding:7px 13px; -moz-border-radius: 12px; /* Firefox */
  -webkit-border-radius: 12px; /* Safari, Chrome */
  border-radius: 12px; /* CSS3 */ color:#888;}
ul.port-categories li.current-subpage-item a {text-decoration:none; background:#f7f7f7; border:1px solid #999; padding:7px 13px; -moz-border-radius: 12px; /* Firefox */
  -webkit-border-radius: 12px; /* Safari, Chrome */
  border-radius: 12px; /* CSS3 */ color:#444;}
.view-all {width:100px; height:17px; font-size:11px; text-align:left;}
.view-all a {text-decoration:none; color:#888; text-shadow:1px #111 font-size:11px;}

body.page-id-59 .view-all {display:none;}
body.home .view-all {display:none;}

/* portfolio individual */
.showcase {float:left; margin:10px 0 0 0;}
.port-holder {width:100%; overflow:auto;}
.port-info {float:left; width:160px; padding:10px 20px 0 0;}
ul.showcase-nav {margin:10px 0 0 0;}

.port-info p {color: #EEEEEE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 140%;}


/* about */
.boxy {width:100%; overflow:auto;}

.left-block {
border-top:3px solid #E1E1E1;
float:left;
margin-right:24px;
padding:28px 0 0;
width:222px;}

.left-block img {margin:0px auto; width:88px; height:88px; display:block;}

.right-block {
border-top:3px solid #E1E1E1;
float:left;
padding:18px 0 24px 0;
width:704px;}

.right-block h2 {margin:0; padding:0; font-size:30px;}
.right-block h3 {color:#2CBEBC; margin:0; padding:0 0 15px 0;}


h1.tag {text-align:center; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; padding:0 0 50px 0; font-weight:normal;}


.article-wrap {
	padding: 0;	
}
.portfolio-list-entry { 
	width: 223px;
	margin: 0;
	overflow: hidden;
	position: relative;
	background:#666;
	
}

.portfolio-list-entry section {
	margin: 0;
	float: none;
	width: auto;
}

.portfolio-list-entry h2 { 
	font-size: 2em;
}


.portfolio-arrow {
	width: 100px;
	height: 30px;
	padding: 15px 0 0;
	position: absolute;
	bottom: -50px;
	color: #fff;
	left: 58px;
	background: url(images/hova1.png) no-repeat;
}

.portfolio-arrow a {
	text-align: center;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-family: "Helvetica","Arial",sans-serif;
	font-size: 10px;
	font-weight:bold;
	letter-spacing:.04em;
	
}

.portfolio-arrow a:hover {
	color: #444;
}

.box-margin {
	margin: 0;	
}

.portfolio-list-entry-img {
	position: relative;
	height: 150px;
	overflow: hidden;
	background: url(images/loader.gif) no-repeat center center;
}

.portfolio-list-entry-img img {
	border:1px solid #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: none;
}

.portfolio-list-article {
	background: url(images/bg-diag-lighter.gif) rgb(255,255,255)!important;
	background: url(images/bg-diag-lighter.gif) rgba(255,255,255,0.9)!important;
	color: #444;
	position: absolute;
	height: 150px;
	width: 185px;
	top: -230px;
	margin:0;
	padding: 0 15px 0 15px;
}

.portfolio-list-cat {
	font-size: 1.5em;
	color: #29abe2;
	text-transform: uppercase;
	font-family: "Helvetica","Arial",sans-serif;
}

.portfolio-list-cat a {
	display: inline;	
}
.portfolio-list-article h5 a {text-decoration:none; text-align:center;}
.portfolio-list-article h5 {text-align:center;}
h3.post-title a {}
.gridview .portfolio-arrow a {color:#fff; text-decoration:none; text-shadow:1px 1px 1px #888;}









































































@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");


/* BODIES */
body {font-size: 1em;font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
body.leadership { background-color: #000; }
body.home #pointer,
body.home .nav-next { display: none !important; }
body.home #header,
body.home #banner { height: 98px; background-image: none; }
body.home .panel { width: 100%; }
body.home .panel .img { width: 875px; margin: 50px auto; }
body.home { background-color: #333; overflow-y: scroll !important;  }


/* HEADLINES */
h1 { font-size: 45px; font-weight: 800; color: #fff; text-transform: uppercase; margin: 0px 0px 25px 0px; padding: 0; letter-spacing: 0px; line-height: 0; }
h2 {letter-spacing:-1px; font-weight: 600 !important; }
h1,h2,h4,#nav,small,.postmetadata, .small{font-family: Gotham, Arial;}
h2 {margin: 0 0 10px 0;padding: 0;color:#000; text-transform: none;  width: 100%; font-size: 1.25em; }
h3 { color: #000; font-size: 1em; font-family: Gotham, Arial; text-transform: uppercase; font-weight: 600; }
h4 { color: #666; font-size: 0.9em; font-family: Gotham, Arial; margin: 0; }
.home h2 { border-bottom: 1px solid #eee; font-size: 1.3em; font-weight: 600; margin-bottom: 20px;}
.blog h1 { margin-left: 55px; }




/* ANCHORS */
a {color:#000;text-decoration: none;}
a:hover {color:#A01313;border-bottom:1px solid #000}
a.more { font-size: 0.8em; }
h2 a { color:#000;text-decoration: none;font-size: 30px; border:none}
h2 a:hover, #header h1 a:hover { color:#c00;border:none}


/* COMMON */
small {font-size:10px;color:#666; padding:10px 8px 5px 0px;float:left;text-transform: uppercase;font-weight: bold;}
#tabs small { float: none; }
p {color: #BBBBBB;
    font-size: 0.85em;
    line-height: 150%; text-shadow:1px 1px 1px #222;}
ul { font-size: 0.9em; color: #706F70; }
hr {margin: 20px 0 15px 0; clear:both; }
.clear { clear: both; }
i { font-style: italic; font-weight: 400; }
b { font-weight:600; }
.blu { color: #559bbe !important; }
.red { color: #b50837 !important; }
.yel { color: #e89419 !important; }
.ora { color: #CC6600 !important; }
.leadIn { font-size: 1.2em; color: #CC6600; }
p span { font-size: 0.7em; text-transform: uppercase; line-height: 2.5; }
sup { font-size: 0.7em; font-weight: 200; line-height: 0; margin: 0; display: block; }
.left { float: left; }
.right { float: right; }

p.boxed { padding: 15px 8px 15px 15px; margin-left: -15px; border: 1px solid #dee0e0; line-height: 1.4; color: #333; }
p.boxed .blu,
p.boxed .red { font-weight: bold; font-size: 1em; line-height: 1.3; }
p.boxed span { font-size: 1.1em; font-weight: 800;}


/* HEADER */
#header { background-color: #333; }



/* NAVIGATION */

#betaNav, #creativity-nav,
#deltaNav { 
background:url("images/white-trans.png") repeat scroll 0 0 transparent;
display: none; 
height: 0; 
float: left; 
width: 100%;
position: absolute; 
top: 108px; 
z-index: 999; 
}

#betaNav ul, #creativity-nav ul,
#deltaNav ul { margin: 0; padding: 0px 0 0 0; }

#creativity-nav li,
#deltaNav li { line-height: 1; float: left; margin: 0px; padding:2px 10px; position:relative; font-size:12px; zoom: 1; display: inline; width: 100px; height: 40px!important; }

#betaNav li { line-height: 1; float: left; margin: 0px; padding:2px 30px 0 10px; position:relative; font-size:12px; zoom: 1; display: inline-block; height: 40px!important; }



#betaNav li:hover, #creativity-nav li:hover,
#deltaNav li:hover { background-color: #fff; }

#betaNav li:hover a, #creativity-nav li:hover a,
#deltaNav li:hover a {color:#111; }

#betaNav  a, #creativity-nav a,
#deltaNav a {  background: none !important; font-weight: normal; border: none; color: #666; }
#betaNav  a:hover, #creativity-nav a:hover,
#deltaNav a:hover { color:#111; }

#gammaNav {/* was #eee */ background:url("images/white-trans.png") repeat scroll 0 0 transparent; float: left; width: 100%; height: 0; position: absolute; top: 98px; z-index: 999; display: none; }

#betaNav .buckets { width: 940px;  margin: 0 auto; }

#creativity-nav .buckets { width: 680px;  margin: 0 auto; }

#deltaNav .buckets { width: 375px; margin: 0 auto; }

#gammaNav .buckets { width: 780px; margin: 0 auto; }

#gammaNav a { color: #000; height: 100px; width: 100px; }
/*#gammaNav a:hover { background-color: #ccc !important; }*/

#gammaNav li a { border: none; padding: 0; line-height:1; color: #666; width: 100px!important; }
#gammaNav li a:hover {color:#111; }


#gammaNav ul { display: inline; float: left; margin: 0; padding: 0; }
#gammaNav ul:hover {background:#fff;}

#gammaNav ul li { list-style: none; font-size: 12px; margin: 0; padding: 0 0 4px 10px; line-height: 1.4; width: 125px; }
#gammaNav ul li:first-child, #betaNav ul li, #creativity-nav ul li { padding-top:8px;}


#gammaNav ul li:last-child { padding-bottom: 8px; }
#alphaNav { background-color: #000; width: 100%;  text-transform: uppercase; height: 68px; padding: 0; margin: 0; position: absolute; top: 29px; }

#gammaNav .buckets ul.first {margin-left:210px;}
#betaNav .buckets ul.first {margin-left:340px;}
#creativity-nav .buckets ul.first {margin-left:280px;}

#nav { list-style: none; padding:0; margin: 0 auto; width: 1000px; color: #fff; background-color: #000; } 

#nav li { float: left; margin: 3px;padding:3px;position:relative;font-size:13px;line-height: 1.8;zoom: 1; display: inline;} 

#nav li.logo { margin: 0; padding: 2px 0 0 17px; width:480px; /* was 461 */ }
#nav li.logo a { padding:6px 0 0 0; margin: 0;width: 270px; height:45px; }
#nav li.logo a:hover { background-color: #000;}

#nav li:last-child {padding:0;}

#nav a { line-height: 1.8; letter-spacing: 0.06em;}
#nav a.blog { background: url('images/bg.rss.html') #000 no-repeat 65px 19px; padding-right: 12px; width: 60px; }
#nav a.blog:hover { background: #fff url('images/bg.rss-hover.html') no-repeat 65px 19px;}

#nav li.services ul { float: left; display: inline; }
#nav li.services ul li { display: block; float: none; padding: 0 10px; }

#nav li a { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff;border:none; text-decoration: none; float: left; background-color: #000; padding: 17px 20px 10px; height:32px;} 
#nav li a:hover { background-color: #eee; color: #000; } 

#nav ul { display:none;list-style:none; margin:0 0 0 0px;padding:0;position: absolute; left:0; top:51px; width: 950px; border-top:none;} 
#nav ul li{ margin:0 0 0 10px;padding: 0 1px; display: inline; float: left; width: 115px; text-align: left; } 

#nav li.current_page_item a {background-color: #eee; color: #000;}
#nav ul li.current_page_item a { font-weight: bold; background: none; color: #000;  }
#nav ul li.current_page_item a,
#nav ul li.current_page_item,
#nav li.current_page_item ul li { background: none; }


/* CONTENT */
.col1 { width: 520px; float: left; display: inline; padding-right: 30px; border-right: 1px dotted #ccc;}
.col2 { width: 280px; float: left; display: inline; padding: 0 0 0 40px;  }
.home .col1 { width: 45%; float: left; display: inline; padding: 0; }
.home .col2 { width: 45%; float: right; display: inline; padding: 0 0 0 20px; }
.home #content { width: 100%; padding: 0; margin: 0 0 0 0; }
.home .entry { width: 100%; padding: 0; margin: 0; }
.leadership #content { margin: 10px auto; }
#content {width: 100%; color:#bbb; padding:0 0 30px 0;}
#blog-entry {width:630px; float:left;}

#blog-entry img {max-width:630px; width:100%; height:auto;}

a.wbs {font-size:1px; color:#333; text-decoration:none;}
a.wbs:hover {text-decoration:none; color:#333; border:none;}

.services ul.offering li { height: 75px; }
ul.office { margin: 0 0 15px 0; padding: 0; float: left; display: inline; width: 400px; font-size: 0.9em; }
ul.office li { list-style: none; margin: 5px 0; padding: 0; }
ul.offering { margin: 0 0 20px 0; padding: 10px 0 0 0; border-top: 1px dotted #ccc; }
ul.offering li { list-style: none; display: inline; float: left; margin: 0; padding: 10px 20px!important; font-weight: bold; color: #000; width: 179px; border-right: 1px dotted #ccc;   }
ul.offering li:last-child { border: none; }
ul.offering li h3 { margin: 0 0 5px 0; padding: 0; line-height: 1.2; }
ul.offering li:hover p a { color: #333; }
ul.offering li:first-child { border-top: none; }
ul.offering li p { font-weight: normal; font-size: 0.8em; margin: 0; line-height: 1.3; }


/* PREV NEXT NAV */
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.navigation, .comment-navigation {display: block;clear:both;}
.navigation {	margin-top: 40px; padding-bottom: 70px;	}
.comment-navigation {margin-top: 15px;	padding-bottom: 5px;}		
.navigation a, .comment-navigation a {background: #eee;padding: 5px 10px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.navigation a:hover, .comment-navigation a:hover {background: #ddd;padding: 5px 10px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.attachment a { border:0}
.navigation a img {border-radius:0; border:none}
.navigation-image a {border:none}	

/* Captions */
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #fafafa;	padding-top: 5px;	margin: 5px 25px 25px 0px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 12px;	line-height: 17px;	padding: 4px 4px 5px 0;	margin: 0;	font-style: italic;	}

/* WIDGETS */
.widget {margin-bottom: 20px;}
.widget ul li ul {margin-left:10px;margin-bottom:0}
.categories ul.children {margin: 0 0 0 10px}
#sidebar ul li {color: #666}

/* FOOTER */
.home #footer { display: none; }
#footer { border-top: 1px dotted #ccc; width: 975px; margin: 25px auto 0 auto; clear: both; }
#footer p {text-align: right; font-size: 0.7em; margin: 10px 0 30px 0; color: #ccc; }
.leadership #footer { border: none; }



/* OUR EXPERIENCE */
.container {
	overflow: hidden;
	width: 850px;
	margin: 0 auto;
}
#main h2 { font-size: 0.8em; padding: 5px 0 0 8px; margin: 0; width: 260px; color: #e89419; font-weight: 600!important; letter-spacing: 0.5px; }
#main small { font-size: 0.5em; display: block; padding: 0; margin: 0;}
.main_image {
	width: 528px; height: 385px;
	float: right;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
	margin:35px 0px 0 20px;
}
.main_image h2 {
	font-weight: normal;
	margin: 0;	padding: 10px 0 0 10px;
}
.main_image p {
	font-size: 0.8em;
	padding: 10px;	
	margin: 5px 0 0 0;
	line-height: 1.4em;
	color: #fff;
}
.main_image .block small {margin: 0 0 0 10px; padding: 0; }
.main_image .block h2 { margin: 0; padding: 0; }
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .desc a { display: none; }
.main_image .block { width: 100%; background: #111; }
.main_image a.collapse {
	background: url(images/exp/btn_collapse.html) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 
.image_thumb {
	float: left;
	width: 299px;
	background: #fff;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 35px 0 0 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 0px 10px 3px 10px;
	width: 279px;
	float: left;
	border-top: 1px solid #ccc;
}
.image_thumb ul li:first-child { border-top: none; }
.image_thumb ul li.hover {
	background: #f0f0f0;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #f0f0f0;
	cursor: default;
}
.image_thumb ul li.active h2 { font-weight: 600; }
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
}	
.image_thumb ul li p{display: none;}


/* OUR WORK */
#photos .panel ul { width: 900px; margin: 0; padding: 0; }
#photos .panel li { display: inline; float: left; font-size: 0.95em; text-align: center; }
#photos .panel li li { display: inline; float: left; }
#photos .panel li h3 { font-size: 1em; margin-bottom: 0; }
#photos .panel li.detail { width: 150px; padding-top: 20px; text-align: left; }
#photos .panel li.desc { width: 270px; padding-top: 20px; text-align: left; }
a.toggle_image img {position:absolute; left:-9999px;}
a.toggle_image:hover img {display:block; position:absolute; border:0; left:20px; top:0px; z-index:500;}
a.toggle_image {
background: transparent url('images/gallery/ourwork-toggle-images2.html') no-repeat;
border: none;
float:left;
display: inline!important;
height:12px;
margin:0;
padding:0;
width:15px;
}
a.toggle_image:hover,
a.toggle_image.current	{ background: url('') bottom left no-repeat; padding: 0; margin: 0; }
div.toggles { padding-left: 180px; }
ul.filmstrip { margin: 0; padding: 0; }
ul.filmstrip li { margin: 0; padding: 0; }


p.title { font-size: 2em; color: #fff; line-height: 0.4; padding-top: 10px; }
p.title span { font-size: 0.5em; text-transform: uppercase; color: #666; display: block; font-weight: bold; }
div.strip_wrapper { padding: 0; margin: 0; }
div#banner { background-color: #ccc; width: 880px; margin: 0 auto 0; height: 100px; background: url('images/header-title.html') no-repeat left bottom;  }


/* HOME */
#home-featured .panel img { margin: 0; auto; }
.panel { margin-top: 0px; }
.slide-frist { background: url('images/slider1.jpg') no-repeat top center #222!important; display: none; }
.slide-cmhf { background: url('images/slider2.jpg') no-repeat top center #333333!important; display: none; }
.slide-theatre { background: url('images/slider3.jpg') no-repeat top center #222!important; display: none; }
.slide-science { background: url('images/slider4.jpg') no-repeat top center #333!important; display: none; }
.slide-icon { background: url('images/slider5.jpg') no-repeat top center #222!important; display: none; }
.slide-night { background: url('images/slider6.jpg') no-repeat top center #333!important; display: none; }
.slide-square { background: url('images/slider7.jpg') no-repeat top center #333!important; display: none; }


#home-callouts { position: absolute; top: 400px; width: 100%;}
#home-callouts .left { margin-right: 10px; margin-bottom: 50px; }
#home-callouts h3 { color: #000; font-weight: bold; font-size: 1.1em; }
#home-callouts ul { width: 900px; margin: 0 auto; position: relative; }
#home-callouts ul li { width: 380px; background-color: #FFF; height: 135px; display: inline; float: left; margin: 0px 10px 0 0; padding: 15px 20px 30px 20px; overflow: hidden; font-size: 0.9em; }
#home-callouts ul li.case-studies h4 { margin-left: 140px;  margin-top: -5px; padding: 0; font-size: 1.1em; }
#home-callouts ul li.case-studies h4 a { line-height: 1.2!important; padding-right: 20px; }
#home-callouts ul li.case-studies img { float: left; margin: 0px 10px 0 0; width: 130px;  height: auto;}
#home-callouts ul li.case-studies p { clear: both; padding: 0!important; margin: 0; line-height: 1.2; }
#home-callouts ul li.news-updates ul li { margin: 10px 0; }
#home-callouts ul li.case-studies p .read-more { padding-top: 10px; }
#home-callouts ul li ul { margin: 0; padding: 0; background: none; }
#home-callouts ul li ul li { margin: 0; padding: 0; background: none; width: 290px; height: auto; display: block; float: none; font-size: 1em; line-height: 1.3; }
#home-callouts ul li ul li a { line-height: 1.5; }
#home-callouts ul li ul li h4 { margin-top: -3px; }
#home-callouts .read-more { font-weight: bold; color: #b50837; float: right; line-height: 1;}
#quickLinks { position: absolute; top: 630px; width: 100%; font-size: 0.9em; }
#quickLinks ul { margin: 0 auto; padding: 0; width: 700px; }
#quickLinks ul li { display: inline; float: left; list-style: none; }
#quickLinks ul li h3 { line-height: 0; margin: 0; padding: 2px 0 0 0; }
#quickLinks ul li a { line-height: 0; margin: 0; padding: 0; color: #ccc; border: none; }
#quickLinks ul li a:hover { color: #fff; }

/* CLIENTS */
.clients ul,
.partners ul { margin: 0; padding: 0; }
.clients #content ul li { display: inline; float: left; height: 100px; width: 175px; text-align: center; padding-right: 15px; }
.clients #content ul li.last { border-right: none; }

/* PARTNERS */
.partners #content ul li { display: inline; float: left; height: 150px; width: 240px; text-align: left; margin: 0 25px; color: #b50837; font-size: 0.90em;  }
.partners #content ul li span { text-transform: uppercase; font-weight: bold; padding: 0; }
.partners #content ul a { border: none; color: #b50837; }
.partners #content ul p { display: none;  }

/* BLOG */
.blog a.more-link span { text-transform: none; font-size: 0.9em; }
#content .post { padding: 0 0 3px 24px; }
.blog .post { padding: 20px 0 !important; width: 650px; float: left; display: inline; margin: 0; border-bottom: 1px dotted #ccc; overflow: hidden; }
.blog .entry p { padding-left: 55px; clear: both;}
.blog .post h2 { width: 565px; float: right; line-height: 0; padding: 0; margin: 0 0 10px 0; }
.blog .post h2 a { line-height: 1.2; }
.entry { margin: 0 30px; }
.blog .entry h1 { margin-left: 60px; }
.blog .post h2.single { margin: 0; }
.blog .post h3 { margin-left: 55px; }
.blog .post ul { margin-left: 45px; }
.blog .post-container { border-right: 1px dotted #ccc; width: 700px; padding-left: 55px; }
.blog #sidebar { width: 200px; }
#sidebar { font-size: 0.9em; float: right; display: inline; width: 260px; height: 100%; }
#sidebar ul {list-style: none;}
.col2 p { font-size: 0.8em !important; }
#sidebar ul li ul li {margin:0}
#sidebar ul li.sharethis a { border: none; }
h2.pagetitle {color:#333;margin: 0 0 0 60px;padding-bottom:0;}
h2 span { font-weight: 400; }
.date {font-size: 35px;font-weight: bold;line-height: 0.5;color:#fff;  padding: 15px 10px; background-color: #ccc; width: 40px; height: 30px; float: left; text-align: center; }
.day { color: #333; font-size: 0.3em; margin: 0; padding: 0; }
.postmetadata {font-size:0.7em;color:#ccc; padding-left: 60px; }
.postmetadata a { color: #ccc; border: none; }
.postmetadata a:hover { color: #666; }
.small  {font-size:12px;color:#aaa;margin-top:10px; }
.postmetadata small  {font-size:12px;color:#aaa;text-transform: inherit;font-weight: normal;padding: 10px 5px; margin:20px 0; border-top: 1px solid #eee;text-transform: none; }
.alignnone {display: block}
img.size-medium {margin:0 0 10px 0}
dl.gallery-item  {margin:0}
dl.gallery-icon img {border: 1px solid #ddd}
dl.gallery-item a {border: none}
img.wp-smiley {border:none;margin:0;padding:0}

/* SERVICES */
.services ul.offering a { border: none; }
.services ul.offering a:hover { border-bottom: 1px solid #ccc; }
.services ul.offering li { width: 130px; }
.services ul.offering a { line-height: 1.2; }

img { behavior: url(iepngfix.html); }



.home-updates {
/*background: rgba(254, 254, 254, 0.7);*/
background:url(images/white-trans.png) repeat;
 position:absolute; top:716px; width:100%; height:131px;
}

.home-updates2 {
height: 44px; overflow: hidden; position: relative;
background:url(images/white-trans.png) repeat;
}


.home-empty {width:100%; height:703px;}


.home-updates .holder, .home-updates2 .holder {width:956px; margin:0px auto; overflow:auto; padding:0; position:relative; z-index:1000;}
.news-stream {float:left; width:424px; height:131px;}
.blog-stream {float:left; width:315px; height:131px;}
.tha-blog {background:url(images/blog-button.png) no-repeat; width:101px; height:46px; top:50px; left:840px; position:absolute; z-index:1001;}
.tha-tw {background:url(images/tw-connect.png) no-repeat; width:101px; height:46px; top:50px; left:840px; position:absolute; z-index:1001;}
a.no-text {display:block; width:101px; height:46px; text-indent:-9999px; font-size:1px; text-decoration:none; border:none; cursor:pointer;}
.news-icon {width:68px; height:68px; float:left; margin:0 15px 0 0;}
.home-updates h3 {margin-top:8px; margin-bottom:12px;}
.home-updates h4 a, .home-updates h5 a {line-height:110%;}
.home-updates h5 {font-size:12px;}

.home-updates2 h3 {margin-top:8px; margin-bottom:12px;}
.home-updates2 h4 a, .home-updates2 h5 a {line-height:110%;}
.home-updates2 h5 {font-size:12px;}

.news-stream h4 {width:320px;}
.blog-stream h5, .news-stream h5 {margin:0; padding:0;}
.blog-stream ul, .news-stream ul {padding:0; margin:0; line-height:100%;}
.blog-stream ul li, .news-stream ul li {padding:0 0 8px 0; margin:0; list-style-type:none; line-height:110%; font-size:12px; color:#000;}
.news-stream ul li {padding-right:80px;}

.blog-stream ul#twitter_update_list li {line-height:140%;}

#home-featured .panel img#text-is {margin-left:520px;}
#home-featured .panel img#text-sd {margin-left:538px; margin-top:41px;}

/*interior pages */
.interior {width:960px; margin:0px auto; padding:30px 20px 0; overflow:auto;}
.cmhf-text {background:url(images/cmhf-text.png) no-repeat; width:516px; height:46px; margin:20px 0 0 0; padding:0 0 20px 0;}
.line-divider {width:952px; height:1px; background:#999; padding:0; margin:0 0 10px 0;}
h2.about {background:url(images/h2-about.png) no-repeat; width:145px; height:15px; margin:0 0 12px 0; display:block; text-indent:-9999px; font-size:1px;}
h2.recognition {background:url(images/h2-recognition.png) no-repeat; width:145px; height:15px; margin:0 0 12px 0; display:block; text-indent:-9999px; font-size:1px;}

.detail-background {width:100%; background:#333 url(images/detail-bg1.jpg) top center no-repeat; min-height:610px;
  height:auto !important;
  height:610px;
}

/* temporary hacks!!!! */
.view-all {display:none;}
.page-title {}


.portfolio-header {width:958px; height:41px; background:url(images/portfolio-temp.png) no-repeat; margin:38px 0 8px; padding:0;}
.portfolio-header a {display:block; width:190px; height:32px; text-indent:-9999px; font-size:1px; text-decoration:none; border:none;}
ul.portfolio {padding:0; margin:0 0 15px 2px;}
ul.portfolio li.first {padding:0 25px 0 0;}
ul.portfolio li {text-transform:uppercase; font-size:.84em; letter-spacing:0em; list-style-type:none; display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
padding:0 2px 0 2px; margin:0 0 0 -2px; color:#ccc;}
ul.portfolio li:last {padding:0;}
ul.portfolio li a {font-size:.84em; text-transform:uppercase; text-decoration:none; color:#ccc; font-weight:bold;}
ul.portfolio li a:hover {text-decoration:none; border:none;}
ul.portfolio li.current-subpage-item {background:#222; color:#fff;  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */
}
ul.portfolio li.current-subpage-item a {color:#fff;}
ul.portfolio li.no-1312 {padding:0 0 0 0;}

h2.portfolio {padding:0; margin:0;}
h2.portfolio a {font-size:22px; color:#666; margin:0; padding:0; font-weight:normal; text-decoration:none; text-transform:uppercase;}


.footer {border-top:1px solid #4d4d4d; padding:14px 0 20px 0; width:960px; margin:0px auto; overflow:auto; position:relative;}
.footer p {font-size:11px; color:#eee; width:400px; float:left;}
ul.footer-links {width:300px; float:right; margin:0; padding:0; text-align:right; line-height:100%;}
ul.footer-links li {display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline; padding:0 8px; border-right:1px solid #eee; font-size:11px;}
ul.footer-links li a {color:#eee; text-decoration:none; line-height:1; border:none;}
ul.footer-links li.last {border-right:none; padding:0 0 0 8px;}



ul.footer-links2 {width:167px; float:right; margin:0; padding:0; text-align:right; line-height:100%; background:url(images/social-btm.jpg) top right no-repeat;}
ul.footer-links2 a {padding:5px 0 0 0; display:block;}
ul.footer-links2 li {float:left; display:block; text-align:left; font-size:11px;}
ul.footer-links2 li.frst {width:50px;}
ul.footer-links2 li.sec {width:40px;}
ul.footer-links2 li a {color:#eee; text-decoration:none; line-height:1; border:none;}
ul.footer-links2 li.tw, ul.footer-links2 li.lin, ul.footer-links2 li.insta {text-indent:-9999px; font-size:.02em; width:22px; height:22px;}
ul.footer-links2 li.tw a, ul.footer-links2 li.lin a, ul.footer-links2 li.insta a {width:23px; height:22px; display:block;}
ul.footer-links2 li.tw, ul.footer-links2 li.lin {border-right:none; padding:0; width:23px; height:22px; margin-right:4px;}


#twitter_update_list {font-size:12px;}

.home-updates2 h5 #twitter_update_list a {color:#333;}


table.proj-info {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#eee;  line-height:140%;}
table.proj-info tr, table.proj-info td {vertical-align:top;}
table.proj-info td {padding:0 5px 8px 0;}
table.proj-info ul {padding:0 0 0 10px; margin:0 0 10px 0;}
table.proj-info ul li {color: #EEEEEE;
    font-size: 12px;
    line-height: 150%;
    list-style-type: disc;
    margin: 0;}

table.proj-info strong {color:#bbb;}








.studio-top1 {width:100%; height:44px; border-bottom:1px solid #eee;}

.studio-top {width:100%; height:70px; border-bottom:1px solid #eee;}

ul.studio-nav {padding:0 10px 0 0; margin:8px 0 15px 2px; width:450px; float:right; text-align:right;}
ul.studio-nav li.first {padding:0 25px 0 0;}
ul.studio-nav li {text-transform:uppercase; font-size:.84em; letter-spacing:0em; list-style-type:none; display:inline-block; zoom:1; padding:0 6px 0 6px; margin:0 0 0 -2px; color:#ccc;}
ul.studio-nav li:last {padding:0;}
ul.studio-nav li a {font-size:.84em; text-transform:uppercase; text-decoration:none; color:#ccc; font-weight:bold;}
ul.studio-nav li a:hover {text-decoration:none; border:none;}
ul.studio-nav li.current-subpage-item {background:#222; color:#fff;  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */
}
ul.studio-nav li.current-subpage-item a {color:#fff;}


/* hacks to make the PAGE TITLE play nice for Studio pages */
h1.page-title {display:inline-block; font-weight:normal;}

h5.post-title a {
	color: #eee;
	text-decoration: none;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
	line-height:100%;
}
h5.post-title a:hover {
	color: #ccc;
	text-decoration:underline;
	border:none;
}

h5.post-title a {color:#bbb;}
h5.post-title a:hover {text-decoration:none; color:#fff;}



/* hacks for active pages in portfolio section */

body.single-featured-projects ul.portfolio li.no-1314, 
body.single-museum-architecture ul.portfolio li.no-467, 
body.single-civic-architecture ul.portfolio li.no-306,
body.single-university-architecture ul.portfolio li.no-312, 
body.single-library-architecture ul.portfolio li.no-416,
body.single-performance-architecture ul.portfolio li.no-1043,
body.single-commercial-architecture ul.portfolio li.no-303,
body.single-adaptive-reuse-architecture ul.portfolio li.no-1310,
body.single-residential-architecture ul.portfolio li.no-1303,
body.single-religious-architecture ul.portfolio li.no-1307,
body.single-master-planning-architecture ul.portfolio li.no-1312

{-moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */ background: none repeat scroll 0 0 #222222; color: #FFFFFF;}


	
	
	
	
	
	
	
	
.left-thumb {padding:12px 0 0 0;}
.widepad {padding:0 10px 0 0;}

a.more-link {color:#fff; font-weight:bold; padding:0 0 0 5px; text-decoration:none;}
a:hover.more-link {color:#ccc; text-decoration:none; border:none;}
.ctcinfo {float:left; width:471px; line-height:150%;}
.ctcform {float:left; width:489px;}


.ctcform input[type="reset"], .ctcform input[type="submit"] {padding:8px 15px; -webkit-border-radius: 5px;
	-moz-border-radius: 5px; border-radius:5px;}



ul.listing {border-top: 1px solid #CCCCCC; display:block; padding:0; margin:0;}
.listing li {
    border-bottom: 1px solid #CCCCCC;
    color: #888;
    float: left;
    font-size: 14px;
    margin: 0 20px 0 0;
    padding: 7px 0 10px 0;
    width: 225px;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow:1px 1px 1px #000;
}
.listing li.last {
    margin-right: 0;
}
.listing li.b {height:40px;}
.fifty-holder {overflow:auto; width:100%;}
h3 {font-size:19px; margin-bottom:12px;}
.fifty {width:430px; float:left; padding:0 59px 0 0;}
.fifty1 {width:455px; float:left;}

a.arr {display:inline-block; background:url(images/arr.png) no-repeat top right;  padding:0 15px 0 0;}

body.page-id-59 ul.portfolio li.no-1314 {background:#222; color:#fff;  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */}
  body.page-id-59 ul.portfolio li.no-1314 a {color:#fff;}
  

table.recog tr td, table.recog1 tr td {color: #888;
    font-size: 14px;
    padding: 7px 20px 20px 0;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:310px;
	text-shadow:1px 1px 1px #000; vertical-align:top;}
	
table.recog1 {margin-bottom:20px;}

	
/* recognition page h4 tags */
body.page-id-1028 h4 {margin-bottom:8px;}
body.page-id-1028 h3 {border-bottom:1px solid #ccc; padding-bottom:3px;}

/* sitemap styles */
ul.sitemap-ul {margin-top:50px;}
ul.sitemap-ul li {width:155px; display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline; background:#555; padding:8px 0 10px 10px; margin:0 5px 0 0; list-style-type:none;}
ul.sitemap-ul li ul {padding:0; margin:6px 0 0 0; background:none;}
ul.sitemap-ul li ul li {float:none; list-style-type:disc; padding-bottom:0; background:none;}
ul.sitemap-ul li ul li a {color:#ccc;}
ul.sitemap-ul li ul li a:hover {color:#777;}
/* staff page */
.listing.team li {height:24px;}


.bio-content h3 {color:#fff; margin-top:-10px; margin-bottom:2px; font-weight:normal;}
.bio-content p {line-height:140%; font-size:12px;}
.bio-content {padding:15px 15px 10px 15px; background:#333; height:413px; overflow:auto;}
.bio-holder {padding:1px; background:#555;}

#slideshow {overflow:hidden; height:530px; width:770px;}


.caption ul {margin:0; font-size:12px; color:#999;}
.caption ul li {padding-bottom:3px; line-height:135%;}
.caption h5 {padding:0; margin:0 0 4px 0; font-size:13px; font-weight:normal;}

.associations {background:url(images/footer-logos.png) no-repeat; width:205px; height:34px; display:block; position:absolute; top:5px; left:385px;}
.associations a {display:block; text-indent:-9999px; font-size:1px; text-decoration:none;}
.associations a:hover {text-decoration:none; border-bottom:none;}
.associations a.leed {width:33px; height:34px; float:left; margin-right:6px;}
.associations a.aia {width:123px; height:34px; float:left; margin-right:4px;}
.associations a.civ {width:39px; height:34px; float:left; margin:0;}