/* The Yard Creative **********************************
	Author: Matt Hobbs
******************************************************/

/* Page Reset ****************************************/
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.01%;
	font-family: inherit;
	vertical-align: baseline;
	}
body {
	line-height: 1;
	color: #000;
	background: #fff;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: 400;
	}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Basic Page Styling ********************************/
#pageWrapper {
	width: 768px;
	background: #d2dae2 url(/assets/files/cssBackgroundImages/wrapperBG.gif) repeat-x;
	padding: 1px 0 14px;
	}
#content {
	width: 755px;
	background: #fff;
	margin: -1px 0 0 13px;
	padding: 1px 0 0;
	}
#header {
	margin: 19px 0 12px 13px;
	overflow: hidden;
	width: 755px;
	}
#header li {
	float: left;
	margin: 0 1px 0 0;
	background: #fff url(/assets/files/cssBackgroundImages/navArrow.gif) 7px 10px no-repeat;
	}
#header li a {
	display: block;
	padding: 4px 10px 5px 19px;
	text-decoration: none;
	font-size: 1.19em;
	color: #000;
	font-family: Georgia;
	}
#header li.active a, #header li a:hover {color: #268dea;}
#header li.last {
	background: #d2dae2 url(/assets/files/cssBackgroundImages/greyArrow.gif) 7px 11px no-repeat;
	margin-top: -1px;
	}
#header li.last a {
	background: url(/assets/files/cssBackgroundImages/loveSprites.gif) no-repeat;
	background-position: 4px -78px;
	width: 177px;
	height: 31px;
	padding: 0 10px 0 19px;
	}
#header li.last a:hover, #header li.active.last a {
	background: url(/assets/files/cssBackgroundImages/loveSprites.gif) no-repeat;
	background-position: 4px -16px;
	}
#header li.last a {
	display: block;
	text-indent: -999em;
	}
b.clear {
	clear: both;
	display: block;
	line-height: 1;
	height: 1px;
	font-size: 1px;
	}
/* Page Copy *****************************************/
#pageCopy {
	position: relative;
	margin: 19px 0 0;
	padding: 1px 0 20px;
	}
#pageCopy h1 {display: none;}
#pageCopy p,
div.column p {
	color: #333;
	font-size: 0.75em;
	line-height: 1.2;
	margin: 12px 40px 0;
	}
#pageCopy a {
	color: #268DEA;
	text-decoration: none;
	}
#pageCopy a:hover {text-decoration: underline;}
#pageCopy h2 {
	color: #333;
	font-size: 0.75em;
	line-height: 1.2;
	font-weight: 700;
	margin: 12px 40px 3px;
	}
#pageCopy li {
	color: #333;
	font-size: 0.69em;
	line-height: 1.5;
	list-style: disc;
	margin: 0 0 0 15px;
	}
#headerBox {
	height: 71px;
	width: 106px;
	margin-left: -13px;
	position: absolute;
	width: 106px;
	}
#headerBox h1 {
	text-indent: -999em;
	height: 22px;
	}

#pageCopy p {margin-left: 106px;}
#pageCopy p strong {font-weight: 700;}
a.arrowedLink {
	background: url(/assets/files/cssBackgroundImages/otherStuffBackLi.gif) center left  no-repeat;
	padding: 0 0 0 8px;
	margin: 3px 0 0;
	}
/* Home */
#home #headerBox {
	width: 82px;/*width+padding equals 108*/
	padding: 12px 8px 0 18px;
	}
#home #headerBox h1 {
	width: 82px;
	background: url(/assets/files/cssBackgroundImages/textSprites.gif) no-repeat;
	background-position: -11px -85px;
	}
#yardFlash {
	background: url(/assets/files/cssBackgroundImages/backFlash.jpg) no-repeat;
	width: 710px;
	height: 444px
	}
.hasJS #yardFlash {background: none;}
#home #fContainer {height: 466px;}
/* Portfolio Home & Template page */

/* About */
#aboutCopy {
	width: 500px;
	height: 402px;
	background: url(/assets/files/cssBackgroundImages/aboutImage.gif) no-repeat;
	margin: 10px 0 0 106px;
	}
#aboutCopy h2, #aboutCopy ul {
	display: none;
	visibility: hidden;
	}
/* Legal */

/* Contact */

img#map {
	margin: 0 0 0 106px;
	display: block;
	}
#findUs {
	float: right;
	font-size: 0.69em;
	margin: 0 105px 0 0;
	}
/* Jobs */
#jobs #pageCopy h2 {margin: 12px 40px 0 106px;}

/* Process */

img#ourProcess {
	margin: 0 0 0 106px;
	display: block;
	}

/* Standard Page Template ****************************/
#yardLogoBox {
	width: 714px;
	height: 205px;
	margin: 20px 0 0 19px;
	}
#portfolioHome #yardLogoBox,
body.portfolioPage #yardLogoBox {background: url(/assets/files/cssBackgroundImages/portfolioPageHeader.jpg) no-repeat;}
#process #yardLogoBox {background: url(/assets/files/cssBackgroundImages/processPageHeader.jpg) no-repeat;}
#jobs #yardLogoBox {background: url(/assets/files/cssBackgroundImages/jobsPageHeader.jpg) no-repeat;}
#about #yardLogoBox {background: url(/assets/files/cssBackgroundImages/aboutPageHeader.jpg) no-repeat;}
#contact #yardLogoBox {background: url(/assets/files/cssBackgroundImages/contactPageHeader.jpg) no-repeat;}
#legal #yardLogoBox {background: url(/assets/files/cssBackgroundImages/contactPageHeader.jpg) no-repeat;}
#newsHomepage #yardLogoBox, 
#newsStory #yardLogoBox {background: url(/assets/files/cssBackgroundImages/contactPageHeader.jpg) no-repeat;}
#stuffOfInterest {margin: 20px 21px 0;}
#stuffOfInterest h3 {
	color: #6785a0;
	font-weight: 400;
	font-size: 1.13em;
	margin: 0 0 7px;
	font-family: Georgia;
	}
#stuffOfInterest ul {
	overflow: hidden;
	width: 100%;
	}
#stuffOfInterest ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #268dea;
	padding: 0 13px;
	margin: 0 5px 0 0;
	background: url(/assets/files/cssBackgroundImages/otherStuffBackLi.gif) 6px 5px no-repeat;
	}
#stuffOfInterest ul li.last {border: none;}
#stuffOfInterest ul li a {
	display: block;
	text-decoration: none;
	color: #268dea;
	}
#stuffOfInterest ul li a:hover {text-decoration: underline;}
.hRule {
	border-top: 1px dashed #6785a0;
	line-height: 1;
	font-size: 1px;
	height: 1px;
	margin: 0 0 14px;
	}
.hRule hr {display: none;}
#error #pageCopy {
	height: 72px;
	}
/* New Homepage Layout *******************************/
#movieContainer {margin: 20px 0 2px 20px;}
#movLinkCont {
	overflow: hidden;
	width: 440px;
	clear: both;
	}
#movieLink {
	background:transparent url(/assets/files/cssBackgroundImages/otherStuffBackLi.gif) no-repeat left 3px;
	display: block;
	font-size: 0.63em;
	line-height: 1.2;
	padding: 0 0 0 9px;
	color: #268DEA;
	text-decoration:none;
	margin: 4px 0 12px 160px;
	float: right;
	}
a#movieLink:hover {text-decoration: underline;}
#newHomepage h2 {
	color: #658095;
	font-size: 1em;
	padding: 0 0 5px;
	line-height: 1.2;
	border-bottom: 1px dashed #658095;
	margin: 0 0 15px;
	font-family: Georgia;
	}
#newHomepage #mainCol {
	width: 444px;
	margin: 0 25px 0 0;
	}
#newHomepage #sideCol {
	width: 264px;
	margin: 20px 0 0;
	}
#newHomepage .column {
	float: left;
	display: inline;
	}
#homeContent {
	width: 335px;
	display: inline;
	margin-left: 106px;
	float: left;
	}
#homeContent img {
	display: block;
	width: 335px;
	}
.hasJS #homeContent img {margin-top: 30px;}
#homeContent p {
	margin: 0 0 12px; 
	}
#featuredProject {overflow: hidden;}
#newHomepage #sideCol p {margin: 10px 10px 8px 0;}
#newHomepage .box a {
	color: #268DEA;
	text-decoration: none;
	}
#newHomepage .box a:hover {text-decoration: underline;}
#featuredProject a.projImage {
	display: block;
	width: 207px;
	height: 136px;
	margin: 0 auto 16px;
	}
#featuredProject a.projImage img {border: 1px solid #268DEA;}
#companyBlog p strong {
	color: #268DEA;
	font-size: 1.35em;
	}
#newHomepage .box {padding: 0 0 20px;}
#sideCol #companyBlog {padding: 0 0 10px;}
#newHomepage #latestNews {padding: 0;}
#newHomepage #latestNews h4 a {
	background: 0;
	padding: 0;
	font-weight: 700;
	font-size: 0.75em;
	font-family: Georgia;
	}
#newHomepage #latestNews p {margin-top: 6px;}
#latestNews ul li {margin-bottom: 12px;}
/* Love Design Page **********************************/
#loveDesign #content, .loveDesignDetails #content {
	background: #000;
	padding: 1px 0 30px;
	}
#loveDesign h2#lD, .loveDesignDetails h2#lD {
	width: 266px;
	height: 173px;
	text-indent: -999em;
	background: url(/assets/files/cssBackgroundImages/loveDesignHeading.gif) no-repeat;
	margin: 26px 0 40px 211px;
	}
#loveDesign p, .loveDesignDetails #pageCopy p {
	color: #fff;
	margin: 0 65px 18px 106px;
	}
#LDIntro {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0 23px;
	padding: 15px 0 0;
	overflow: hidden;
	}
#LDIntro div.ldProject {
	height: 195px;
	position: relative;
	width: 100%;
	margin: 0 0 23px;
	}
#LDIntro div.ldProject p {
	width: 170px;
	margin: 0 0 0 20px;
	}
#LDIntro div.ldProject a {
	color: #FBA703;
	font-size: 0.69em;
	background: url(/assets/files/cssBackgroundImages/ldBullet.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	line-height: 1.2;
	}
div.ldProject img {
	position: absolute;
	border: 1px solid #fff;
	top: 0;
	left: 207px;
	}
.loveDesignDetails #LDIntro {
	overflow: hidden;
	padding: 15px 40px 0 204px;
	}
.loveDesignDetails #LDIntro a {
	background: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	float: left;
	display: block;
	margin: 0 10px 12px 0;
	}
.loveDesignDetails #LDIntro a img {
	position: static;
	border: 1px solid #fff;
	height: 42px;
	}
.loveDesignDetails #pageCopy p {
	min-height: 90px;
	height: auto !important;
	height: 90px;
	}
/* Love Design Page Tabs */
/* Portfolio Homepage ********************************/
#portfolioHome .pHomeContainer {
	overflow: hidden;
	clear: both;
	}
#portfolioHome .pHomeContainer h2 {
	color: #6785a0;
	font-size: 1.25em;
	font-weight: 400;
	padding: 0 0 4px;
	border-bottom: 1px dashed #6785a0;
	margin: 12px 40px 15px 25px;
	font-family: Georgia;
	}
#portfolioHome .pHomeContainer p {margin: 0 0 12px;}
#portfolioHome .pHomeContainer h3 {
	font-weight: 700;
	font-size: 0.69em;
	color: #343333;
	margin: 0 0 3px;
	line-height: 1.3;
	}
#portfolioHome .pHomeContainer h3 a {
	font-weight: 700;
	font-size: 0.69em;
	color: #343333;
	margin: 0 0 3px;
	line-height: 1.3;
	padding: 0;
	background: 0;
	font-size: 1em;
	}
#portfolioHome .pHomeContainer a,
#featuredProject .container a,
#newHomepage .box a {
	font-size: 0.63em;
	padding: 0 0 0 9px;
	background: url(/assets/files/cssBackgroundImages/otherStuffBackLi.gif) left 3px no-repeat;
	display: block;
	line-height: 1.2;
	}
#sideCol #companyBlog p a {
	font-weight: 700;
	background: none;
	padding: 0;
	font-size: 0.75em;
	font-family: Georgia;
	}
#portfolioHome .pHomeContainer a.projImage {
	padding: 0;
	background: 0;
	position: absolute;
	top: 0;
	right: 0;
	}
#portfolioHome .pHomeContainer a.projImage img {border: 1px solid #268dea;}
#portfolioHome #creativeProjects {
	margin: 30px 0 0;
	padding: 0 0 0 15px;
	}
#portfolioHome #clients {padding: 0 0 0 15px;}
#creativeProjects div {
	width: 139px;
	float: left;
	position: relative;
	display: inline;
	padding: 0 186px 0 0;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	margin: 0 0 0 25px;
	}
#portfolioHome #clients h3 {
	color: #343333;
	font-size: 0.69em;
	font-weight: 700;
	margin: 0 0 6px 25px;
	clear: both;
	}
#portfolioHome #clients ul {
	overflow: hidden;
	margin: 0 40px 13px 14px;
	}
#portfolioHome #clients ul li {
	float: left;
	font-size: 0.69em;
	font-weight: 400;
	color: #000101;
	list-style: none;
	background: url(/assets/files/cssBackgroundImages/otherStuffBackLi.gif) center left no-repeat;
	padding: 0 13px 0 9px;
	line-height: 1.2;
	margin: 0 0 5px 13px;
	border-right: 1px solid #268DEA;
	}
#portfolioHome #clients ul li.last {border: 0;}
#portfolioHome #clients ul li a {
	font-size: 1em;
	background: 0;
	padding: 0;
	line-height: 1.2;
	}
/* Portfolio Template ********************************/
.portfolioPage p#quote, #newsStory h2#quote {
	color: #343333;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 0;
	font-family: Georgia;
	}
.portfolioPage p#quote span, #newsStory h2#quote span {
	color: #6785a0;
	font-size: 0.8em;
	display: block;
	}
#quoteContainer {
	min-height: 72px;
	height: auto !important;
	height: 72px;
	}
.portfolioPage h2#projectHeader {
	color: #6785a0;
	font-weight: 400;
	font-size: 1.13em;
	border-bottom: 1px dashed #6785a0;
	margin: 30px 22px 15px;
	padding: 0 0 4px;
	font-family: Georgia;
	}
.portfolioPage #projectContent {
	padding: 0 383px 0 0;
	position: relative;
	min-height: 260px;
	height: auto !important;
	height: 260px;
	}
.portfolioPage #projectContent p {margin: 2px 40px 0 22px;}
.portfolioPage #projectContent h3 {
	font-weight: 700;
	font-size: 0.81em;
	color: #343333;
	margin: 13px 0 0 22px;
	}
.portfolioPage #projectContent ul {
	margin: 0 0 0 22px;
	}
.portfolioPage #projectContent ul li {
	list-style: none;
	font-size: 0.69em;
	margin: 0;
	}
.portfolioPage #projectContent ul li span {font-weight: 700;}
.portfolioPage #projectContent #projectImages {
	width: 360px;
	position: absolute;
	top: 0;
	right: 14px;
	}
.portfolioPage #projectContent #projectImages a {
	display: block;
	float: left;
	width: 174px;
	height: 114px;
	margin: 0 5px 5px 0;
	}
.portfolioPage #projectContent #projectImages a img {border: 1px solid #268dea;}
.portfolioPage #projectContent #projectImages ul {
	float: left;
	margin: 0;
	padding: 72px 0 0;
	background: url(/assets/files/cssBackgroundImages/allNumbers.gif);
	background-position: -42px -42px;
	background-repeat: no-repeat;
	}
.portfolioPage #projectContent #projectImages ul li {
	line-height: 1.2;
	width: 172px;
	}
.portfolioPage #projectContent #projectImages ul li strong {font-weight: 700;}
/* News and Stories **********************************/
#newsStory h2#quote {margin-left: 106px;}
#newsStoryContent {
	padding: 0 190px 0 0;
	overflow: hidden;
	}
#stories {margin-left: 106px;}
#stories h3 {
	color: #268DEA;
	font-size: 0.81em;
	font-weight: 700;
	margin: 18px 0 3px;
	font-family: Georgia;
	}
#stories .ditto_introText {
	color: #333;
	font-size: 0.69em;
	line-height: 1.2;
	overflow: hidden;
	width: 626px;
	}
#stories .ditto_introText p {
	margin: 6px 0 0;
	font-size: 1em;
	}
#stories .ditto_introText p a {
	font-size: 1em;
	}
#stories .ditto_introText img,
#newsStoryContent img {
	float: right;
	border: 1px solid #268dea;
	margin: 0 0 10px 20px;
	}
/* Flash Replacement *********************************/
#yardFlash {margin: 17px 0 0 12px;}
/* Footer ********************************************/
#footer {
	width: 755px;
	margin: 13px auto 0;
	padding: 0 0 20px 8px;
	overflow: hidden;
	position: relative;
	}
#footer li {
	float: left;
	color: #6785a0;
	font-weight: 900;
	font-size: 0.63em;
	border-right: 1px solid #6785a0;
	padding: 0 5px;
	line-height: 1.2;
	}
#footer li a {
	color: #268dea;
	text-decoration: none;
	display: block;
	}
#footer li a:hover {text-decoration: underline;}
#footer li.last {border: none;}
#footer #social {
	border: 0;
	float: right;
	}
#footer #social li {
	font-size: 1em;
	}
/* Drop Shadow ***************************************/
.ds {
	background: url(/assets/files/cssBackgroundImages/shadow.gif) no-repeat bottom right;
	width: 773px;
	margin: 25px auto 0;
	}
.ds .sh {
	background: url(/assets/files/cssBackgroundImages/shadow2.png) no-repeat left top !important;
	background: url(/assets/files/cssBackgroundImages/shadow2.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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;
}
#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: 700; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* Maxi Gallery CSS **********************************/
#loveDesignDetails #pageCopy div.managepicturecontainer {color: #fff;}
#loveDesignDetails #pageCopy div.managecontainer p {
	margin: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	}
ul.thumbs li {
	list-style: none;
	float: left;
	display: block;
	list-style-image: none !important;
	margin: 5px 5px 0 !important;
	}
ul.thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	}
ul.thumbs li img {
	border:	none;
	margin:	0 !important;
	}
ul.thumbs li a {
	background:	none !important;
	text-decoration: none;
	border: 0;
	}
ul.thumbs li p {overflow: hidden;}
.thumbs .clearboth {clear: both;}
.childscontainer {
	margin-bottom: 20px;
	float: left;
	}
.thumbscontainer {
	margin-bottom: 20px;
	float: left;
}
.pagenumbers {margin-bottom: 20px;}
.picturecontainer {text-align:	center;}
.picturecontainer .title {
	font-weight: 700;
	margin-top: 20px;
	}
.picturecontainer .picture img {
	border:	none;
	margin:	0 !important;
	}
.picturecontainer .picture a {
	background:	none !important;
	text-decoration: none;
	border: 0;
	}
.managecontainer {float: left;}
.managecontainer textarea {width: 395px;}
.managecontainer hr {
	width: 400px;
	text-align: left;
	margin: 20px auto 20px 0;
	}
.pictureform .managepicture {
	float: left;
	clear: left;
	}
.pictureform .shortfields {
	margin-left: 20px;
	float: left;
	color: #fff !important;
	}
.pictureform .clearboth {clear: both;}
.uploadcounter {
	width: 20px;
	margin-bottom: 10px;
	float: left;
	clear: left;
	}
.uploadfile {
	margin-bottom: 10px;
	float: none;
	}
.uploadfile input {width: 385px;}
.uploadform {
	margin-top: 20px;
	margin-bottom: -10px;
   	clear: both;
	}
.uploadform .clearboth {clear: both;}
.slideshowwrapper {text-align: center;}
.deleteform {float: left;}
.synchform {float: left;}