body {
	background:  #C7C6C2 url(images/bg.png) repeat top left; /*#c2c6d0;*/
	margin: 0;
	padding: 0;
}
body#fp {
	background:  #C7C6C2 url(images/bg.png) repeat top left; /*#C7C6C2 url(images/blue/home_background.jpg) no-repeat left top !important;*/
}
/* Front page wrap */

#bluewrap {
	width: 960px;
	margin: 0 auto;
	background: url(images/blue_transparent.png) no-repeat;
}

/* Rest of site wrap */
#wrapall {
	width: 960px;
	margin: 0 auto -20px auto;	
}
/* Carry on... */
#contentwrap {
	background: #f8f8f6;
	padding: 0 20px 10px 20px;
}
td {
	font-size: 12px;
	color: #455560;
	line-height: 140%;
}
h1, h2, h3, h4, h5, h6, p, li, blockquote, td {
	font-family: Arial, Verdana;
	line-height: 120%;
}
p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 7px 0;
	color: #455560;
	line-height: 140%;
}
li {
	font-size: 11px;
	color: #455560;
}

h2 {
	font-size: 18px;
	color: #002F65;
	margin: 0;
	padding: 10px 0 15px 0;
}

h3 {
	color: #455560;
	font-size: 17px;
	font-weight: light;
	margin: 0;
	padding: 0 0 10px 0;
}

h4 {
	color: #002F65;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h5 {
	color: #455560;
	font-size: 15px;
	margin: 0 0 5px 0;
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #fff;
	display: block;
	font-weight: lighter;
	width: 90%;
}

a {
	color: #002F65;
	text-decoration: none;
}
a:hover {
	background: #0096d7;
	color: #fff;
}
a img {
        border: none;
}
.underline {
	text-decoration: underline !important;
}

/* Header */

#header {
	background: #fff url(images/blue/blue_logo_bigger.png) no-repeat left center;
	height: 100px;
	width: 960px;
	position: relative;
}
#logo a {
	display: block;
	width: 170px;
	height: 84px;
}
#logo a:hover {
       background: none;
}
#logo a span {
	display: none;
}

/* Header MENU */

#menu ul {
	position: absolute;
	bottom: 0px;
	right: 20px;
	margin: 0px;
	padding: 0px;
	width: 510px;
	height: 65px;
}

#menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 168px;
	height: 65px;
	background: #FFF;
	list-style-type: none;
	border-right: 1px solid #E9E8E4;
        position:relative;
}

#menu ul li a {
	display: block;
	width: 168px;
	height: 65px;
}

#menu ul li a span {
	display: none;
}

a#navdo {
	background-image: url(images/blue/nav_do.png);
}

a#navdo:hover {
	background-position: 0 -65px;
}

a#navare {
	background-image: url(images/blue/nav_who.png);
}

a#navare:hover {
	background-position: 0 -65px;
}

a#navthink {
	background-image: url(images/blue/nav_what.png);
}

a#navthink:hover {
	background-position: 0 -65px;
}

/* a#navwiki {
	background-image: url(images/blue/nav_wiki.png);
}
a#navwiki:hover {
	background-position: 0 -65px;
}
a#navcontact {
	background-image: url(images/blue/nav_contact.png);
}
a#navcontact:hover {
	background-position: 0 -65px;
} */

.currentnav a {
	background-position: 0 -130px !important;
}
#menu ul li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#menu ul li:hover ul {
	left: 0;
	top: 65px;
}
#menu ul li ul li {
	margin: 0;
	padding: 0;
	height: auto !important;
}
#menu ul li ul li a {
	display: block;
	padding: 10px 3px !important;
	background: #fff;
	height: auto !important;
	border-bottom: 1px solid #eee;
	width: 162px !important;
	text-decoration: none;
}
#menu ul li ul li a:hover {
	background: #0096d7;
}





/* Menu Drop Down Box */

#header {
	position: relative;
	z-index: 1;
}

.topsub {
	width: 487px;
	height: 150px;
	padding: 10px;
	position: absolute;
	top: 85px;
	right: 23px;
	background: #fff;
	z-index: 999;
}

.topsub p {
	color: #828D42;
	font-size: 12px;
}

.topsub ul {
	margin: 0;
	padding: 0;
}

.topsub ul li {
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px;
}

#subdo, #subare, #subthink, #subwiki, #subcontact {
	display: none;
}

/* Sidebar Submenu */

#sidenav {
	background: #FDFDFC;
}

#sidenav ul {
	margin: 0;
	padding: 0;
}

#sidenav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #E9E8E4;
}

#sidenav ul li p {
	padding: 3px 7px 7px 7px;
}

#sidenav ul li a {
	display: block;
	padding: 7px;
	font-size: 14px;
	font-family: Georgia, Verdana, Arial;
}

#sidenav ul li a:hover {
	background: #0096d7;
}

.current {
	background: #C2D2D5;
}

#sidenav ul li p a {
	font-family: Arial, Verdana !important;
	font-size: 12px !important;
	display: inline !important;
	padding: 0 !important;
	border-bottom: 1px solid #91A9B9;
}

#sidenav ul li p {
	display: none;
}

#sidenav ul li.current p {
	display: block !important;
}

/* Banner at top of page below top menu */

.banner {
	width: 920px;
	height: 130px;
	margin-top: -15px;
	position: relative;
	padding-left: 40px;
	padding-top: 83px;
}

#expertise {
	background: #fff url(images/header_expertise.png) no-repeat
}
#expertised {
      margin-top: 50px;
}

.banner h1 {
	
}

#icon {
	background: url(images/blue/icon.png) no-repeat;
	height: 27px;
	width: 27px;
	position: absolute;
	top: 172px;
	left: 21px;
	z-index: 1;
}

/* Breadcrumbs - White, not wheat or rye */

#breadcrumb {
	padding-top: 7px;
	background: #f8f8f6;
	padding-left: 20px;
}

#breadcrumb p{
	margin-bottom: 0 !important;
        padding-bottom: 3px;
}
/* Front Page Promo */

#fppromo h1, .banner h1 {
	font-size: 24px;
	color: #fff;
	padding: 0px 60px 24px 20px !important;
	margin-top: 0;
}

.beyond {
	color: #89d4e2 !important;
	font-family: Georgia, Arial !important;
	font-style: italic !important;
	padding-top: 10px;
	font-size: 18px !important;
	font-weight: normal !important;
}

/* Front page specific styles */

#fplefttop {
	float: left;
	width: 431px;
        background-color: #fff;
        padding-bottom: 4px;
}
#fpfeatured {
      width: 216px;
      float: left;
}
#fpfeaturedmiddle {
      width: 216px;
      float: left;
      margin: 0 10px !important;
}
#fprighttop {
	float: right;
	width: 240px;
	margin-left: 0;
	padding-left: 9px;
	border-left: 1px dotted #000;
        height: 250px;
}
#fprighttop img{
margin-left: 0px
}
#fpupdates {
	background: #FDFDFC;
	padding: 10px;
	float: left;
	width: 670px;
}

#fpnews {
	width: 420px;
	float: left;
}

#fppress {
	width: 240px;
	float: right;
}

.fpnewswrap {
	border-bottom: none;
	margin-bottom: 7px;
        padding-bottom: 8px
}
ul.fpnewswrap {
	margin-top: 0;
        margin-bottom: 7px;
        text-indent: 0;
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
}
#fpnewsitem h4{
       margin: 8px 0 0;
}
/* Little MNLB promo on front page */

#mnlbpromo {
	background: url(images/blue/mnlb.png) no-repeat
        width: 198px;
        padding: 15px 20px 40px 11px;
        top: -136px;
        position:relative;
        height: 350px;
        
}
#mnlbpromo p {
	color: #002f65 !important;
        display: block;
        position: relative;
        width: 225px;
        padding-bottom: 9px;
        
}
#mnlbpromo p a {
	font-size: 14px !important;
	font-family: Georgia, Arial, Verdana !important;
	color: #fff !important;
	text-decoration: none;
	font-style: italic;
}
/* Sidebar */

/* Left For the Front Page specifically */
#sidebarfp {
	width: 140px;
	padding: 10px;
	float: left;
	margin-left:20px;
	margin-right: 10px;
	background: #a8A79B;
        margin-left: 20px;
}
/*  Left Side bar For the rest of the site */
#sidebar {
	width: 140px;
	padding: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	background: #a8A79B;
margin-left: 0;
}
/* Carry on... */

#sidebar p, #sidebarfp p {
	color: #002F65;
}

/* Content Blocks */

/* Content Box for front page */

#contentfp {
	background: #E9E8E4;
	width: 690px;
	padding: 25px;
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* Carry on... */

#content {
	background: #F8F8F6;
	width: 500px;
	float: left;
	padding: 0 10px 0 10px;
}

.blog {
	padding: 0 0 0 0 !important;
	width: 680px !important;
}

#rightcolumn {
	width: 200px;
	float: right;
	border: 1px solid #BFBEB3;
	background: #E9E8E4;
	padding: 10px;
}

/* Grid used for Projects, Biography listings AND likely elsewhere on the site */

.projectitem {
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.projectitemtext {
	background: #C2D1D3;
	padding: 8px;
}

.projectitem img {
	border: 1px solid #A8A79B;
}

.nomargin {
	margin-right: 0 !important;
}

/* Project slideshow and likely used elsewhere */

#slideshow {
	width: 500px;
	height: 310px;
	position: relative;
}

#slideshow IMG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow IMG.active {
	z-index: 10;
	opacity: 1.0;
}

/* Project Facts Box */

#projectfacts {
	width: 150px;
}

/* News display bits */

.row2 {
	background: #E9E8E4;
}

/* Office Location grid, 2 to a row */

.officegrid {
	width: 250px;
	float: left;
	padding-bottom: 20px;
}

/* Blog pages */

.blog {
	padding: 0 0 0 0 !important;
	width: 680px !important;
}

#blogleft {
	width: 240px;
	float: left;
}

#blogright {
	width: 250px;
	float: right;
}

.blogcolumn #sidenav {
	margin-bottom: 10px !important;
}

.blogcolumn h3 {
	margin-bottom: 2px !important;
	padding: 0 !important;
	font-size: 14px !important;
}

/* Misc */

.posted {
	font-style: italic;
}

.clear {
	clear: both !important;
}

.whitedotted {
	border-top: 1px dotted #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blackdotted {
	border-top: 1px dotted #000;
	margin-top: 10px;
	margin-bottom: 10px;
}

.intranet a {
	background: #FDBE56;
	display: block;
	padding: 5px;
}

.intranet a:hover {
	background: #0997D7;
}

.borderwrap {
	border: 1px solid #666;
	padding: 10px;
	margin-bottom: 10px;
}

/* The footer Magic begins and ends here */

#footerwrap {
	background: #E1DFD9;
	width: 100%;
	float: left;
	border-top: 1px solid #BDBCB0;
}

#footerwrapinner {
	width: 960px;
	margin: 0 auto;
}

#footerleft {
	float: left;
	width: 360px;
	padding: 10px;
}

#footerleft {
	float: left;
	width: 360px;
	padding: 10px;
}

#footerright {
	width: 510px;
	float: right;
	padding: 10px;
}

#footerright div {
	width: 160px;
	float: left;
}

#footerright div ul {
	margin: 0;
	padding: 0;
}

#footerright div li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 2px 0;
}

#footeroffices {
	border-top: 1px dotted #fff;
	padding: 10px;
}

#footerofficesleft {
	width: 970px;
	float: left;
}

#footerofficesleft ul {
	padding: 0;
	margin: 0;
}

#footerofficesleft ul li {
	float: left;
	list-style-type: none;
	margin-right: 15px;
}

#footerofficesleft ul li#visit {
	font-size: 12px;
	color: #455560;
}

/* #footerofficesright {
	width: 530px;
	float: right;
}
#footerofficesright ul {
	padding: 0;
	margin: 0;
}
#footerofficesright ul li {
	float: left;
	list-style-type: none;
	margin-right: 15px;
} */

#footerbottom {
	width: 100%;
	background: #BDBCB0;
	border-top: 1px solid #fff;
}

#footerbottominner {
	width: 960px;
	margin: 0 auto;
	padding: 5px;
}

#footerbottominner p {
	padding: 5px !important;
}

#rights {
	width: 500px;
	float: left;
}

#skaggs {
	width: 200px;
	float: right;
	text-align: right;
}

/* Playlist Styles */

a.player {
	display: block;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

/* splash image */

a.player img {
	border: 0;
}

#playlist_wrap {
	width: 500px;
	height: 100px;
	background: #f5fbfb url(http://www.mazzetti.com/images/pl_bg.png) repeat-x;
}

#pl {
	height: 100px;
	width: 454px;
	position: relative;
	overflow: hidden;
	float: left;
}

#pl div.entries {
	height: 80px;
	position: absolute;
	width: 10000em;
}

#pl div.entries a {
	background: transparent url(/img/playlist/entry.png) no-repeat scroll 0%;
	color: #023166;
	float: left;
	font-family: "bitstream vera sans","lucida grande","verdana";
	font-size: 11px;
	height: 60px;
	margin: 0px 4px;
	padding: 15px 5px 5px 5px;
	text-decoration: none;
	width: 95px;
	text-align: center;
}

#pl div.entries a img {
	border: 4px solid #002f65;
}

#pl div.entries a:hover {
	color: #000;
}

#pl div.entries a.playing {
	background: url(http://www.mazzetti.com/images/blue/pl_current.png) no-repeat center 5px;
	color: #000;
}

#pl div.entries a.playing img {
	border: 4px solid #0096D7 !important;
}

#pl div.entries a.paused {
	background-position: -420px 0;
	color: #000;
}

#pl div.entries a.progress {
	opacity: 0.8;
}

#pl div.entries em {
	float: right;
	margin-top: 15px;
	color: red;
	font-style: normal;
}

a.nextPage, a.prevPage {
	display: block;
	width: 23px;
	height: 100px;
	background: url(http://www.mazzetti.com/images/pl_prev.png) no-repeat;
	cursor: pointer;
	float: left;
}

a.nextPage:hover, a.prevPage:hover {
	background-position: 0px 0px;
}

a.nextPage {
	background-image: url(http://www.mazzetti.com/images/pl_next.png);
}

a.nextPage.disabled, a.prevPage.disabled {
	visibility: hidden;
}
/* slideshowlite gallery */

.slideshowlite {
	position: relative;
	border: 2px solid #002F65;
	overflow: visible;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 5px;
	right: 5px;
	z-index: 3;
}

.slideshowlite ul li,
.slideshowlite ol li {
		float: left;
		margin: 0 3px;
		width: 16px;
}
.slideshowlite ol li {
                margin: 0 !important;
}
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding-top: 2px;
		text-decoration: none;
		color: #002F65;
		background: #FDBE56;
		border: 1px solid #fff;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #FDBE56;
		font-weight: bold;
		border: 1px solid #fff;
		background: #002F65;
	}
	
	.slideshowlite ul li a:hover {
		color: #002F65;
		background: #fff;
	}
	
/* caption control */

.slideshowlite ol {
	top: 312px;
        left: 0px;
	position: absolute;
	overflow: visible;
	width: 500px;
        height: 20px;
	font-size: 12px;
        font-weight: normal;
	color: #002F65;
	padding: 7px 0;
        border: 0px solid #002F65;
        opacity: 1 !important;
}

	.slideshowlite ol li {
		width: 100%;
	}
#searchbox {
	width: 500px;
	float: right;
	text-align: right;
	padding-right: 30px;
	padding-top: 3px;
}
#mnlblink {
        float: left;
        padding-top: 3px;
}
#mnlblink a {
        font-weight: bold;
        color: #002f65;
}
#partnerlogos {
         background-color: #fff;
         padding: 10px;
         width: 680px;
        overflow: auto;
         float: left;
display: inline;
white-space: nowrap;
}
#partnerlogos img{
        padding-right: 9px;
}
#partnerlogos a:hover {
        background: none;
}
.partners h2 {
margin: 0 0 -10px;
}
.partners { margin-top:10px; clear:both; }

/* Blog comments */
.comment1, .comment2 {
	padding: 10px;
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
}
.commentauthor {
	font-style: italic;
	margin-bottom: 0 !important;
	padding: 0;
}
textarea {
        width: 440px
}
/* Project Facts */
.projectfacts {
	float: right;
	width: 200px;
	border: 1px solid #C2D1D3;
        background: #EDF2F2;
	padding: 5px;
	margin: 0 0 10px 10px;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
}
.projectfacts p { font-size:10px !important;margin-bottom:0 !important;padding:0 !important; }
/*tweet*/
.tweet {
        font-family: Helvetica, Arial, sansserif;
        font-size: 120%;
        color: #455560;
}
.tweet .tweet_list {
        -webkit-border-radius: .5em;
        list-style-type: none;
        margin: 0 !important;
        padding: 0 !important;
        background-color: transparent; 
}
.tweet .tweet_list li {
        overflow: hidden;
        padding: .5em; 
        word-wrap: break-word;
        color: #455560 !important;
}
.tweet .tweet_list li a {
        color: #002f65; 
}
.tweet .tweet_list .tweet_odd {
      background-color: transparent;
}
.tweet .tweet_list .tweet_odd, .tweet_even {
      border-bottom: 1px #fff dotted;
}
span.tweet_text, span.tweet_join {
      font-size: 11px;
}    
.tweet .tweet_list .tweet_avatar {
         padding-right: .5em;
         float: left;
}
.tweet .tweet_list .tweet_avatar img {
        vertical-align: middle;
}
.tweet img {
display: none;
}
.clear {
	clear: both !important;
}
.tweet_login {
	background: #eee !important;
}
.twtr-hd {
display: none !important;
}
.twtr-ft {
display: none !important
}
.twtr-tweet-wrap {
        width: 132px !important
}
.twtr-tweets {
        width: 140px 
}
.twtr-tweet-text p {
  color: #455560 !important;
}
#blue_blog p{
    padding-bottom: 10px;
}
iframe {
height: 18px;
padding-top: 2px;
float:left
}