/* ------------------------------------------ */
/* -- By Michael McKennedy ----------------- */
/* -- McKennedy.org ----------------------- */
/* -- For The Cushman Design Group ------- */
/* -- May 2009 -------------------------- */
/* ------------------------------------- */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#4b3b24;
	/*background-color:#ffffff;*/
	/*background-image:url(../images/background/header-footer.jpg);*/
	background-image:url(../images/background/full-height.jpg);
	background-repeat:repeat-x;
	margin-right:0;
	border:0;
	padding:0;
	font-size:100%;
}

#wrapper {
	position:absolute;
	/*background-image:url(../images/background/full-height.jpg);*/
	/*background-repeat:repeat-x;*/
	left:0px;
	top:0px;
	width:100%;
	/*height:768px;*/
	margin-right:0;
	padding-right:0;
	border-right:0;
}

#nav-top {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:29px;
	background-image:url(../images/background/header-footer.jpg);
	background-repeat:repeat;
}

#header {
	position:absolute;
	left:0px;
	top:29px;
	width:100%;
	height:101px;
	background-image:url(../images/background/header-footer.jpg);
	background-repeat:repeat;
}

#nav-main {
	position:absolute;
	left:0px;
	top:130px;
	width:100%;
	/*width:103%;*/
	height:60px;
	background-image:url(../images/background/nav-main-bg.jpg);
	background-repeat:x;
}

#content-left {
	position:absolute;
	left:0px;
	top:190px;
	width:266px;
	height:358px;
	background-image:url(../images/background/sides-bg.jpg);
	background-repeat:repeat;
}

#content-center {
	position:absolute;
	left:266px;
	/*right:0;*/
	top:190px;
	/*width:79.1%;*/
	width:80%;
	height:358px;
	background-image:url(../images/background/sides-bg.jpg);
	background-repeat:repeat;
}

#content-right {
	position:absolute;
	left:896px;
	top:190px;
	/*width:21%;*/
	height:358px;
	background-image:url(../images/background/sides-bg.jpg);
	background-repeat:repeat;
}

#content-location {
	position:absolute;
	left:0px;
	top:548px;
	width:100%;
	height:13px;
	background-image:url(../images/background/location.jpg);
	background-repeat:repeat;
}

#portfolio-view {
	position:absolute;
	left:0px;
	top:561px;
	width:100%;
	height:74px;
	background-image:url(../images/background/header-footer.jpg);
	background-repeat:repeat;
}

#footer {
	position:absolute;
	left:0px;
	top:635px;
	width:100%;
	height:100%;
	background-image:url(../images/background/header-footer.jpg);
	background-repeat:repeat;
}

.nav-small,h3 {
	font-size:12px;
	color:#CCCC99;
	/*,.blurb - removed this */
	/* ,.blurbWithTitle - removed this */
}

#home {
	text-align:right;
	margin-right:10px;
	margin-top:6px;
}

#logo {
	width:392px;
	height:108px;
	text-decoration:none;
	border:none;
	margin-left:50px;
}

a {
	 color:#999966;
	 text-decoration:none;
	 font-weight:bold;
}

a:hover {
 color:#ffffff;
}

.address, .contactUs {
	 color:#cccc99;
	 font-size:10px;
	 margin-left:45px;
	 margin-top:-2px;
	 vertical-align:middle;
	 letter-spacing:1px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.contactUs {
	float:left; 
	top:48px; 
	left:-4px;
	position:absolute;
	font-weight:normal;
}

a.noBold:hover, a.noBold:link  {
	font-weight:normal;
	color:#cccc99;
}

a.noBold:hover {
 	color:#ffffff;
}

.bar {
	 color:#993300;
	 font-size:12px;
	 font-weight:bold;
}

.blurb {
	/*color:#cc9966;*/
	font-size:12px; /*this was 9pt*/
	margin:250px 20px 50px 20px;
	color:#CCCC99; /*added this*/
}

.blurbWithTitle,.blurbText {
	color:#cccc99; /*added this */
	font-size:12px; /*this was 9pt*/
	/*margin:50px 20px 10px 20px;*/
	margin:25px 20px 10px 20px;
}

.blurbText {
	color:#CCCC99;
	/*margin:50px 20px 10px 20px;*/
}

.toggleButton{
	text-align:right;
	font-size:9px;
	letter-spacing:2px;
	position:absolute;
	right:6px;
	top:300px;
}

.designedBy {
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	margin-right:20px;
}

h2, .smallH2 {
	/*margin:80px 20px 50px 80px;*/
	margin:80px 20px 50px 20px;
	font-size: 20px;
	color:#392d1b;
	font-weight:normal;
	text-align:center;
}

.smallH2 {
	font-size:15px;
	/*font-size:10pt*/
	margin:0;
}

h3 {
	margin:-54px -2px 0px 75px;
	/*margin:-54px -2px 0px 140px;*/
	font-size: 20pt;
	/*color:#999966;*/
	font-weight:normal;
}

.portfolioList, .portfolioListLong {
	list-style-type:square;
	font-size:12px; /* added this */
}

.portfolioListLong { 
	margin-top:-40px;
}

.peopleList {
	margin-left:12px; 
	margin-bottom:3px;
	margin-top:5px;
}

.emailButton {
	border:none; 
	float:left;
}

#contactList {
margin-left: 10px;
padding-left: 0;
list-style: none;
}

#contactList li {
padding-left: 24px;
background-image: url(../images/buttons/email.jpg);
background-repeat: no-repeat;
vertical-align:bottom;
margin-bottom:6px;
background-position: 0 8px;
}

a.list, a.listContact {
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

a.list:hover, a.listContact:hover {
 	color:#999966;
}

.contactList {
/*margin-bottom:8px;*/
}

a.listContact, a.listContact:hover {
font-size:11px;
}

.portfolioWrap {
	margin-top: 8px;
	margin-left:267px;
}

.portfolio1 {
	/*margin-left:267px; -- commented this out because it's now set with portfolioWrap*/ 
	width:60px;
	height:60px;
	border: 2px solid #999966;
}

.portfolioImg {
	margin-left:6px;
	width:60px;
	height:60px;
	border:2px solid #4b3b24;
}

.portfolio1 {
	border:2px solid #4b3b24;
}

.portfolio1:hover {
	border: 2px solid #999966;
}

.portfolio1:active {
	border: 2px solid #4b3b24;
}

.portfolio1:visited {
	border: 2px solid #999966;
}

.portfolioImg:hover {
	border: 2px solid #999966;
}

.portfolioImg:active {
	border: 2px solid #4b3b24;
}

.portfolioImg:visited {
	border: 2px solid #999966;
}

.shadow {
	border:none;
	margin:0px;
	padding:0px;
	width:10px;
	height:358px;
}

#arrowLeft {
	position:absolute;
 	left:284px;
	/*left:274px;*/
	top:1px;
}

#arrowRight {
	position:absolute;
 	left:296px;
	/*left:286px;*/
	top:1px;
}
 
.buttonArrow {
	text-decoration:none;
	border:0;
	margin:0;
	width:9px;
	height:9px;
	background-color:transparent;
}

#photoCredit,
#photoCreditSingle {
	position:absolute;
	bottom:6px;
	left:20px;
	color:#999966;
	font-size:9px;
}

#photoCreditSingle {
	/* if contractorNameSingle is used you must set #photoCredit to #photoCreditSingle to reduce the bottom margin*/
	bottom:12px;
}

#photoCreditOff, #contractorOff, .blurbWithTitleOff, .blurbTextOff, .portfolioImgOff, .linkText-01Off, .portfolioWrapOff, .portfolioListOff {
	display:none;
}

#contractor {
	position:absolute;
	bottom:16px;
	left:20px;
	color:#999966;
	font-size:9px;
	bottom: 40px; /*added with blurb resizing - a few pages have this set inline */
}


#contractorName,
#contractorNameSingle {
	/*margin-left:12px;*/
	position:absolute;
	left:114px;
	width:110px;
	bottom: -12px; /* added with blurb resizing - a few pages have this set inline */
}

#contractorNameSingle {
	/* if a contractor name spans 1 line we need to reduce the bottom margin and set #photoCredit to #photoCreditSingle */
	bottom:0;
}

#photographer {
	/*margin-left:40px;*/
	position:absolute;
	left:114px;
	bottom:0;
	width:110px;
}

.clear {
	clear:both;
}

.poetryShort {
margin-left: 140px;
}

.poetryMed {
margin-left: 100px;
}

.poetryLong {
margin-left: 75px;
}

.poetryLonger {
margin-left: 45px;
}

.imageBefore {
margin-left: 28px;
margin-top: 10px;
float:left;
}

.ad {
width:120px;
height:120px;
margin-left:8px;
}

#before  {
left:20px;
}

.beforeImage {
margin-right:20px;
}

#ad1, #ad2, #ad3, #ad4, #ad5{
z-index:100;
position:relative; 
top:-400px;
}

#ad1 {
left:-50px;
}

#ad2 {
left:-180px;
}

#ad3 {
left:-300px;
}

#ad4 {
left:-410px;
}

#ad5 {
left:-530px;
}

#adContainer {
text-align:right;
margin-right:24px;
}

.noBorder {
border:none;
}

#logos, #logosInterior {
margin-top:-14px; 
margin-left:20px; 
position:relative;
}

#logosInterior {
margin-top:-60px;
}

.logoImage, .logoImage1, .logoImage1R2, .logoImageR2  {
margin-left:10px;
border:none; 
}

.logoImage1, .logoImage1R2 {
margin-left:0px; 
}

.logoImage1R2, .logoImageR2 {
margin-top:8px;
}

.small {
font-size:9px;
}

.smallTitle {
color:#392d1b;
font-size:10px;
}