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

html, body { margin: 0; padding: 0; background-color: #f0f0eb; }


/* Text */

h1 { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-size: 16px; line-height:1.4em; color:#165b87; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom:1px solid #CCCCCC; text-transform: uppercase; font-weight: 700;}

h1 span, h1 span a { color: #d0d0c8; text-decoration: none; }

h1 span a:hover { color: #787670; }

h2 { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-size: 12px; line-height:1.4em; color:#165b87; padding: 0; margin: 0 0 10px 0; font-weight: 700; }

h2.cursive { font-family: "youngblood-1","youngblood-2", "museo-slab-1","museo-slab-2", Arial, sans-serif; font-size: 2.2em; text-align: center; margin: 0; padding: 0; }

h3 { font-family: "museo-slab-1","museo-slab-2", "Sans-Serif"; font-size: 12px; line-height:1.4em; padding: 0; margin: 0; }

h3.process { font-size: 16px; color:#165b87; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom:1px solid #CCCCCC; }

h3.blogTitle { font-size: 14px; color:#165b87; text-decoration: none; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color:#999999; padding: 0; margin: 0 0 10px 0; }

a { color: #787670; }

.quote { border-bottom: none; }

.heading { margin: 0 0 10px 0; }


/* Header and Navigation */

#header { width: 100%; background-color: #165b87; background-image:url(images/headerBG.png); background-repeat: repeat-x; background-position: center; margin: 0 0 20px 0; }

#headerContent {  margin: 0 auto; width: 910px; background: none; }

.headerLogo {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/headerLogo.png); background-repeat: no-repeat; height: 65px; width: 228px; float: left; margin-top: 12px; }
.headerLogo:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }


#header ul { margin: 0; padding: 0; float: right; }
#header ul li {
	list-style-type: none;
	display: block;
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif; font-size:16px; color: #fff; text-transform:uppercase; font-weight: 300;	margin: 0 0 0 40px; padding: 20px 0; float: left;
	}
	
.interiorsNav {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/navigation.png); background-repeat: no-repeat; background-position: 0px 0px; height: 53px; width: 94px; }
.interiorsNav:hover {background-position: 0px -53px; }

.weddingsNav {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/navigation.png); background-repeat: no-repeat; background-position: -143px 0px; height: 53px; width: 97px; }
.weddingsNav:hover {background-position: -143px -53px; }

.portfolioNav {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/navigation.png); background-repeat: no-repeat; background-position: -289px 0px; height: 53px; width: 102px; }
.portfolioNav:hover {background-position: -289px -53px; }

.aboutNav {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/navigation.png); background-repeat: no-repeat; background-position: -441px 0px; height: 53px; width: 61px; }
.aboutNav:hover {background-position: -441px -53px; }

.blogNav {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/navigation.png); background-repeat: no-repeat; background-position: -537px 0px; height: 53px; width: 74px; }
.blogNav:hover {background-position: -537px -53px; }




/* Home Page */

#slides { width: 910px; height: 300px; background-color:#CCC; }

.Column { width: 290px; float: left; margin-right: 20px; padding: 0; }
.ColumnLast { width: 290px; float: right; margin: 0; padding: 0; }



/* Slideshow */

#slides { margin-bottom: 20px; }

#slides a {
border: none;
}

#slides .next {
	width:21px;
	height:150px;
	display:block;
	z-index:1000;
	float: right;
	margin-top: -220px;
	margin-right: -21px;
	background-image: url(images/slideArrows.jpg);
	background-position: -63px 0;
	text-indent: 1000px;
	overflow: hidden;
}

#slides .next:hover { background-image: url(images/slideArrows.jpg); background-position: -42px 0; }

#slides .prev {
	width:21px;
	height:150px;
	display:block;
	z-index:1000;
	float: left;
	margin-top: -220px;
	margin-left: -21px;
	background-image:url(images/slideArrows.jpg);
	background-position: 0 0;
	text-indent: 1000px;
	overflow: hidden;
}

#slides .prev:hover { background-image: url(images/slideArrows.jpg); background-position: -21px 0; }

.slides_container {
	width:910px;
	height:300px;
	overflow:hidden;
}

#slides .next {
	left:885px;
}

.pagination {
	margin:26px auto 0;
	width:100px;
	display: none;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/* RSS feed */

#feed { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; }
#feed ul { list-style-type: none; margin: 0; padding: 0; }
#feed ul li { margin: 0 0 10px 0; line-height: 1.4em; color:#999999; padding: 0; font-weight: normal; }
.headline { margin: 0 0 10px 0;}
#feed .headline a { font-weight: bold; color: #1b72b8; padding: 0; margin: 0 0 10px 0; }
#feed div { font-weight: normal; }

#creditfooter {
display: none;
}



/* Portfolio */

.portfolioInterior {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/portfolio_Interiors.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 350px; width: 455px; float: left; }
.portfolioInterior:hover {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/portfolio_Interiors.jpg); background-repeat: no-repeat; background-position: -455px 0px; height: 350px; width: 455px; }

.portfolioWeddings {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/portfolio_Weddings.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 350px; width: 455px; }
.portfolioWeddings:hover {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/portfolio_Weddings.jpg); background-repeat: no-repeat; background-position: -455px 0px; height: 350px; width: 455px; }

.portfolioPic { margin: 0 0 10px 0; padding: 0; }

.portfolioSection { font-family: "museo-slab-1","museo-slab-2", "Sans-Serif"; font-size: 16px; line-height:1.4em; color:#165b87; padding: 0; margin: 0; text-align: center; font-weight: 300; }
	
#images a { text-decoration: none; }



/* Content Pages */

.pageLabel { margin-bottom: 20px; }

.splashPic { margin: 0; }

#2Col { width: 440px; float: left; margin-right: 30px; }

.interiorsTop { background-image:url(images/interiorsTop.jpg); background-repeat: no-repeat; background-position: center top; padding: 350px 0 0 0; }
.weddingsTop { background-image:url(images/weddingsTop.jpg); background-repeat: no-repeat; background-position: center top; padding: 0; }

.leftCol { width: 555px; float: left; margin-right: 30px; padding-right: 30px; border-right: 1px solid #CCCCCC; }
.rightCol { width: 575px; float: right; }

#rightContent { width: 430px; float: right; }
#leftContent { width: 430px; float: left; }

.section { margin-top: 30px; }

.serviceBox { width: 400px; padding: 15px; margin-right: 20px; background-color: #e2e2d9; border: 1px solid #dbdbd0; margin-bottom: 20px; }
.serviceBox:hover {background-color: #dbdbd0; }

#process1 { float: left; padding-left: 60px; background-image:url(images/1.png); background-repeat: no-repeat; margin-right: 20px; width: 200px; }
#process2 { float: left; padding-left: 60px; background-image:url(images/2.png); background-repeat: no-repeat; margin-right: 20px; width: 200px; }
#process3 { float: left; padding-left: 60px; background-image:url(images/3.png); background-repeat: no-repeat; margin-right: 20px; width: 200px; }

.paintService { background-image:url(images/paintSelectionBG.jpg); background-position: bottom left; background-repeat: no-repeat; padding: 15px 15px 15px 175px; width: 240px; float: left; margin-right: 20px; border-bottom: 1px solid #dbdbd0; margin-bottom: 20px; }

.interiorsContact { background-image:url(images/interiorsFrame.png); background-repeat: no-repeat; height: 213px; width: 283px; float: right; }

#processBoxWeddings { background-image: url(images/processBack_weddings.jpg); height: 430px; width: 300px; padding: 30px 65px; }
#processBoxInteriors { background-image: url(images/processBack_interiors.jpg); height: 430px; width: 300px; padding: 30px 65px; }



.aboutPic { margin-bottom: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }

.aboutText { padding-right: 10px; }





/* Footer */

#footer { background-color:#dbdbd0; padding: 50px 0 50px 0; margin: 20px 0 0 0; background-image:url(images/footerPattern.jpg); background-repeat: repeat-x; background-color:#d0d0c8; bottom: 100%; }

#footer p { padding-top: 2px; }

.footerHeader { font-family: "museo-slab-1","museo-slab-2", "Sans-Serif"; font-size: 13px; line-height:1.4em; color:#165b87; padding: 0; margin: 0 0 10px 0; font-weight: 700; }

#footer a { color: #787670; text-decoration: underline; }
#footer a:hover { text-decoration: underline; }

.footerColLast { float: left; padding: 0 20px 0 0; margin: 0; border: none; width: 270px; }
.footerCol { float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; width: 270px; }

#footer ul { padding: 0 ; margin: 0; float: right}
#footer ul li { display: inline; margin: 0 0 0 10px; padding: 0; list-style-type:none; }
#footer ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color:#787670; margin: 0; padding: 0; }

footerInfo { text-align: right; }




/* Portfolio */

.image { margin-bottom: 20px; }

#rightWork { float: right; width: 600px; margin-left: 20px;}

.workGraphic { float: left; margin-right: 20px; }

#topInfo { margin-bottom: 20px; }

#portfolioLinks { padding: 0; border:1px solid #d0d0c8; margin-bottom: 30px; }

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

#portfolioLinks ul li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color:#999999; padding: 0; margin: 0; text-decoration: none; list-style-type:none; float: left; text-align: center; }

#portfolioLinks ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color:#999999; padding: 10px 0; margin: 0; text-decoration: none; width: 150px; display: block; border-right: 1px solid #d0d0c8;  }

#portfolioLinks ul li a.last { border-right: none; display: block; }

#portfolioLinks ul li.currentSection a { background-color: #d0d0c8; color: #fff; }

#portfolioLinks ul li a:hover { background-color: #d0d0c8; color: #fff; }





.topic { padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }

#portfolioSidebar { position: fixed; }

#portfolioSidebar ul { margin: 10px 0 0 0; padding: 0; list-style-type: none; }

#portfolioSidebar ul li { margin: 5px 0 0 0; padding: 0; display: block; }

#portfolioSidebar ul li a { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; color:#999999; padding: 0; margin: 0 0 10px 0;  }



.projectText {width: 600px; }




/* Misc */

img {
	border: none;
	margin: 0 auto;
}

a { border: none; }

.clear { clear: both; }

.wrapper { margin: 0 auto; width: 910px; }

.image { margin: 0 0 10px 0 ; }

.readMoreBtn {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/readMore.png); background-repeat: no-repeat; background-position: -110px 0px; height: 22px; width: 107px; }
.readMoreBtn:hover {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/readMore.png); background-repeat: no-repeat; background-position: 0px 0px; height: 22px; width: 107px; }

.seeMoreBtn {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/seeMore.png); background-repeat: no-repeat; background-position: -108px 0px; height: 22px; width: 108px; }
.seeMoreBtn:hover {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/seeMore.png); background-repeat: no-repeat; background-position: 0px 0px; height: 22px; width: 108px; }

.contactBtn {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/contactBtn.png); background-repeat: no-repeat; background-position: 0px 0px; height: 71px; width: 261px; float: right; margin: 120px 40px 0 0; }
.contactBtn:hover {background-image:url(images/contactBtn.png); background-position: -261px 0px; }

.likeBtn {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/likeBtn.png); background-repeat: no-repeat; background-position: -107px 0px; height: 22px; width: 107px; }
.likeBtn:hover {display: block; overflow: hidden; text-indent: -9999px; background-image:url(images/likeBtn.png); background-repeat: no-repeat; background-position: 0px 0px; height: 22px; width: 107px; }

.whiteText { color: white; }
.redText {color: #ef5959; }
.blueText { color: #165b87; }

.floatRight { float: right; }

.divider { border-top: 1px solid #999999; margin: 20px 0; color: #CCCCCC; background-color:#CCCCCC; height: 1px; border: 0;  }

.redText { background-color: #c84d35; padding: 5px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; color: white; display: inline; margin-bottom: 10px;  }

.DarkBlueText { color: #124D7D; }

.link { text-decoration: none; }

.labelLeft { margin: 0; padding: 0; float: left;  }

.dividerLine { border: 0; height: 1px; background-color: #CCC; color: #CCC; padding: 0; margin: 10px 0; }

.topQuote { padding-bottom: 50px; margin: 20px 0 0 0; text-align: center; }

.servicesText { margin: 10px 0 30px 0; }

.processText { padding-bottom: 10px; border-bottom: 1px dashed #CCC; margin-bottom: 10px; text-align: center; }

.anchor { padding: 10px 0; }




#target { width: 910px; }

#target ul { display: none; }