@charset "utf-8";
/* CSS Document */

/* Meyer CSS Reset Modified */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
strong {
	font-weight:bold;	
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
body {
	background:#b1b4a1;
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1;
	margin:0 10px 10px 10px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/* Begin page defaults */

a {
	color:#4f4f4f;
	text-decoration:underline;
}
a:hover {
	color:#4f4f4f;
	text-decoration:none;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}
.center {
	text-align:center;
}
img.left {
	float:left;
	margin:0 10px 10px 0;	
}
img.right {
	float:right;
	margin:0 0 10px 10px;	
}
sub {
	font-size:0.85em;
	vertical-align:sub;	
}
sup {
	font-size:0.85em;
	vertical-align:super;
}

/* Page layout */

#centerPage {
	text-align:center;
}
#pageWrapper {
	margin:0 auto;
	text-align:left;
	padding:0;
	position:relative;
	width:751px;
}

/* Header */
#mainNav {
	background:url(../images/mainNav-bg.gif) top left no-repeat;
	height:111px;
	position:relative;
}
#mainNav ul {
	bottom:13px;
	left:0;
	position:absolute;
}
#mainNav ul li {
	display:inline;
	font-size:0.7em;
	line-height:22px;
	list-style-type:none;
	text-transform:lowercase;
}
#mainNav ul li a {
	color:#4f4f4f;
	height:22px;
	line-height:22px;
	padding:3px 0 3px 27px;
	text-decoration:none;
}
#mainNav ul li#nav1 a {
	background:url(../images/mainNav-home.gif) top left no-repeat;
}
#mainNav ul li#nav1 a:hover, #mainNav ul li#nav1 a.active {
	color:#8a7709;
}
#mainNav ul li#nav4 a {
	background:url(../images/mainNav-services.gif) top left no-repeat;
}
#mainNav ul li#nav4 a:hover, #mainNav ul li#nav4 a.active {
	color:#0642b8;
}
#mainNav ul li#nav5 a {
	background:url(../images/mainNav-portfolio.gif) top left no-repeat;
}
#mainNav ul li#nav5 a:hover, #mainNav ul li#nav5 a.active {
	color:#8c2d17;
}
#mainNav ul li#nav6 a {
	background:url(../images/mainNav-murals.gif) top left no-repeat;
}
#mainNav ul li#nav6 a:hover, #mainNav ul li#nav6 a.active {
	color:#366e0e;
}
#mainNav ul li#nav7 a {
	background:url(../images/mainNav-press.gif) top left no-repeat;
}
#mainNav ul li#nav7 a:hover, #mainNav ul li#nav7 a.active {
	color:#6b3970;
}

#mainNav ul li#nav34 a:hover, #mainNav ul li#nav34 a.active {
	color:#0098a4;
}
#mainNav ul li#nav34 a {
	background:url(../images/mainNav-artwork.gif) top left no-repeat;
}
#header {
	position:relative;
	height:172px;
	width:751px;
}
#header h1 {
	height:172px;
	position:relative;
	width:751px;
}
#header h1 span, #pageHome #header h1 span {
	background:url(../images/header-home.jpg) top left no-repeat;
	display:block;
	height:172px;
	left:0;
	position:absolute;
	top:0;
	width:751px;
}
#pageServices #header h1 span {
	background:url(../images/header-services.jpg) top left no-repeat;
}
#pagePortfolio #header h1 span {
	background:url(../images/header-portfolio.jpg) top left no-repeat;
}
#pageMurals #header h1 span {
	background:url(../images/header-murals.jpg) top left no-repeat;
}
#pagePress #header h1 span {
	background:url(../images/header-press.jpg) top left no-repeat;
}
#pageContact #header h1 span {
	background:url(../images/header-contact.jpg) top left no-repeat;
}
#pageArtwork #header h1 span {
	background:url(../images/header-artwork.jpg) top left no-repeat;
}

#header a#topContact {
	bottom:22px;
	color:#000;
	display:block;
	font-size:0.7em;
	font-weight:bold;
	height:18px;
	letter-spacing:-1px;
	line-height:18px;
	position:absolute;
	right:10px;
	text-align:center;
	text-decoration:none;
	width:80px;
}

/* Content */

#contentWrapper {
	background:url(../images/content-bg.gif) #fff bottom right no-repeat;
	padding:0 0 20px 0;
}
#content {
	float:left;
	margin:20px;
	width:510px;
}
#content h2 {
	font-size:0.75em;
	font-weight:bold;
}
#pageHome #content h2 {
	margin:0 0 10px 0;
}
#pagePress #content h2 {
	color:#990066;
}
#content h2 a {
	text-decoration:none;
}
#content h3 {
	font-size:0.7em;
	font-weight:bold;
}
#content p, #content div.errors, #contentCol p {
	font-size:0.7em;
	line-height:1.25em;
	margin:0 0 10px 0;
}
#content div.errors {
	color:red;
}
#pageServices #content a, #pageServices #contentCol a {
	color:#1c4d96;
}
#pagePortfolio #content a, #pagePortfolio #contentCol a {
	color:#cc3333;
}
#pagePress #content a, #pagePress #contentCol a {
	color:#990066;
}
#pageContact #content a, #pageContact #contentCol a {
	color:#8a7709;
}

#pageArtwork #content a, #pageArtwork #contentCol a {
	color:#0098a4;
}
#portfolioListings, #muralListings {
	background:#959786;
	width:500px;
}
#portfolioListings h2, #muralListings h2 {
	height:52px;
	position:relative;
	width:500px;
}
#portfolioListings h2 span, #muralListings h2 span {
	background:url(../images/portfolio-top.gif) top left no-repeat;
	display:block;
	height:52px;
	left:0;
	position:absolute;
	top:0;
	width:500px;
}
#muralListings h2 span {
	background:url(../images/murals-top.gif) top left no-repeat;
}
#portfolioListings ul li, #muralListings ul li {
	float:left;
	font-size:0.7em;
	height:140px;
	list-style-type:none;
	margin:10px 5px;
	width:110px;
}
#muralListings ul li {
	height:150px;
}
#portfolioListings ul li a img, #muralListings ul li a img {
	border:1px solid #666;
	margin:0 0 10px 0;
}
#pagePortfolio #content #portfolioListings ul li a, #pageMurals #content #muralListings ul li a {
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
	width:110px;
}
#portfolioListings #portfolioListingsBot, #muralListings #muralListingsBot {
	background:url(../images/portfolio-bot.gif) top left no-repeat;
	height:24px;
}
#pageContact #content form p label {
	float:left;
	font-weight:bold;
	margin:0 5px 0 0;
	text-align:right;
	width:12em;
}
#pageContact #content form p input {
	width:15em;
}
#pageContact #content form p input#zipcode {
	width:7em;
}
#pageContact #content form p input#phone_areacode {
	width:3em;
}
#pageContact #content form p input#phone_number {
	width:5em;
}
#pageContact #content form p input#submit_contact {
	margin:0 0 0 10.5em;
	width:6em;
}
#contentCol, #pageHome #contentCol, #pageContact #contentCol {
	background:#f5f189;
	float:left;
	margin:55px 0 20px 0;
	width:180px;
}
#pageServices #contentCol {
	background:#c2cfe3;
}
#pagePortfolio #contentCol {
	background:#f7c4c4;
}
#pageMurals #contentCol {
	background:#c7e49a;
}
#pagePress #contentCol {
	background:#d9bfd3;
}
#pageArtwork #contentCol {
	background:#99ffff;
}
#contentColTop, #pageHome #contentColTop, #pageContact #contentColTop {
	background:url(../images/contentColTop.gif) top left no-repeat;
	height:10px;
}
#pageServices #contentColTop {
	background:url(../images/contentColTop-services.gif) top left no-repeat;
}
#pagePortfolio #contentColTop {
	background:url(../images/contentColTop-portfolio.gif) top left no-repeat;
}
#pageMurals #contentColTop {
	background:url(../images/contentColTop-murals.gif) top left no-repeat;
}
#pagePress #contentColTop {
	background:url(../images/contentColTop-press.gif) top left no-repeat;
}
#contentColBot, #pageHome #contentColBot, #pageContact #contentColBot {
	background:url(../images/contentColBot.gif) top left no-repeat;
	height:10px;
}
#pageServices #contentColBot {
	background:url(../images/contentColBot-services.gif) top left no-repeat;
}
#pagePortfolio #contentColBot {
	background:url(../images/contentColBot-portfolio.gif) top left no-repeat;
}
#pageMurals #contentColBot {
	background:url(../images/contentColBot-murals.gif) top left no-repeat;
}
#pagePress #contentColBot {
	background:url(../images/contentColBot-press.gif) top left no-repeat;
}
#contentCol h2 {
	font-size:0.7em;
	font-weight:bold;
	margin:3px 10px 0 10px;
}
#contentCol p {
	margin:0 10px 20px 10px;
}

/* Footer */

ul#footerNav {
	float:left;
}
ul#footerNav li {
	background:url(../images/footerNav-bg.gif) center right no-repeat;
	display:inline;
	font-size:0.7em;
	list-style-type:none;
	padding:0 8px 0 0;
	text-transform:lowercase;
}
ul#footerNav li.lastItem {
	background:none;
}
ul#footerNav li a {
	color:#686868;
}
p#copyright {
	color:#686868;
	font-size:0.7em;
	padding:3px 0 0 0;
	text-align:right;
}

/* Gallerific */
#portfolioGalleryListingsWrap, #muralsGalleryListingsWrap {
	background:#959786;
	float:left;
	margin:40px 20px 20px 20px;
	width:250px;
}
#portfolioGalleryListingsTop h2, #muralsGalleryListingsTop h2 {
	background:url(../images/portfolio-top-bg.gif) #959786 top left no-repeat;
	color:#fff;
	font-size:0.75em;
	height:43px;
	padding:5px 5px 0 5px;
	text-align:center;
}
#portfolioGalleryListingsBot {
	background:url(../images/portfolio-bot-bg.gif) #959786 top left no-repeat;
	height:24px;
	width:250px;
}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display:block;
	float:left;
	margin:20px 0 0 0;
	width:402px; 
}
div.controls {
	font-size:0.7em;
	margin-top: 5px;
	height: 23px;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div.nav-controls a.prev {
	background:url(../images/portfolio-back.gif) top left no-repeat;
	display:block;
	float:left;
	height:30px;
	text-indent:-9999em;
	width:31px;
}
#muralsGallery div.nav-controls a.prev {
	background:url(../images/murals-back.gif) top left no-repeat;
}
div.nav-controls a.next {
	background:url(../images/portfolio-next.gif) top left no-repeat;
	display:block;
	float:left;
	height:30px;
	text-indent:-9999em;
	width:31px;
}
#muralsGallery div.nav-controls a.next {
	background:url(../images/murals-next.gif) top left no-repeat;
}
div.slideshow {
	clear: both;
	text-align:center;
}
/*div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}*/
div.slideshow a.advance-link {
	/*padding: 2px;
	display: block;
	border: 1px solid #ccc;*/
}
div.slideshow img {
	border: 1px solid #ccc;
	cursor:pointer;
	/*display: block;*/
}
div.embox {
	clear: both;
	/*border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;*/
	margin:0 0 10px 0;
}
div.image-title {
/*	font-weight: bold;
	font-size: 1.4em;*/
	font-size:0.7em;
	text-align:center;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	padding:0 0 0 10px;
	width:250px;
}
#portfolioGalleryListingsWrap ul.thumbs, #muralsGalleryListingsWrap ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
#portfolioGalleryListingsWrap ul.thumbs li, #muralsGalleryListingsWrap ul.thumbs li {
	display:block;
	float: left;
	height:100px;
	list-style: none;
	margin: 5px 10px 5px 0;
	padding:10px 0;
	text-align:center;
	width:100px;
}
#portfolioGalleryListingsWrap ul.thumbs li.selected a, #muralsGalleryListingsWrap ul.thumbs li.selected a {
	background: #7d7f70;
}
#portfolioGalleryListingsWrap ul.thumbs li.selected a img, #muralsGalleryListingsWrap ul.thumbs li.selected a img {
	border:1px solid #7d7f70;
}
#portfolioGalleryListingsWrap ul.thumbs a:focus, #muralsGalleryListingsWrap ul.thumbs a:focus {
	outline: none;
}
#portfolioGalleryListingsWrap ul.thumbs li a img, #muralsGalleryListingsWrap ul.thumbs li a img {
	border: 1px solid #ccc;
	/*display: block;
	text-align:center;*/
}
#portfolioGalleryListingsWrap div.pagination, #muralsGalleryListingsWrap div.pagination {
	clear: both;
	margin:0 0 0 5px;
}
/*#portfolioGalleryListingsWrap div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
#portfolioGalleryListingsWrap div.navigation div.bottom {
	margin-top: 12px;
}*/
#portfolioGalleryListingsWrap div.pagination a, #portfolioGalleryListingsWrap div.pagination strong, #muralsGalleryListingsWrap div.pagination a, #muralsGalleryListingsWrap div.pagination strong {
	border: 1px solid #ccc;
	color:#fff;
	display: block;
	float: left;
	font-size:0.7em;
	margin:5px 2px 5px 0;
	padding: 4px 7px 2px 7px;
	text-decoration:none;
}
#portfolioGalleryListingsWrap div.pagination a:hover, #muralsGalleryListingsWrap div.pagination a:hover {
	background: #7d7f70;
	text-decoration: none;
}
#portfolioGalleryListingsWrap div.pagination strong, #muralsGalleryListingsWrap div.pagination strong {
	background: #7d7f70;
}
#portfolioGalleryListingsWrap div.top, #muralsGalleryListingsWrap div.top {
	display:none;
}

 /* jQuery specific overlay styles */
 
 #jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}