/*   
Theme Name: Brown Sugar Design
Theme URI: http://bsdstudio.com/
Description: BSD site design, created late 2009.
Author: Revin Guillen
Author URI: http://sevenite.com/
Version: 1.0

Unless otherwise noted, theme files are all copyright (c) 2009-2010 Brown Sugar Design. All rights reserved.

*/


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
html, body, #outer {height:100%;}
body > #outer {height:auto; min-height:100%;}
#inner {padding-bottom:232px;}  /* must be same height as the footer */
#colophon {
	position:relative;
	margin-top:-232px; /* negative value of footer height */
	height:232px;
	clear:both;
	} 
.cf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.cf {display:inline-block;}
* html .cf {height:1%;}
.cf {display:block;}


/* Copyright (c) 2009-2010, Brown Sugar Design. All rights reserved.  */

html {background-color:#f0e8db;}

body {
	background:#f0e8db url("images/bg.jpg") repeat-x left top;
	color:#6a6a6a;
	font:11px/15px "Trebuchet MS";
	}
a {
	color:#b2cdcb;
	}
a:hover {
	color:#6a6a6a;
	}

#wrap {
	width:920px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
	overflow:auto;
	}
#logo {
	position:absolute;
	width:385px;
	height:37px;
	left:20px;
	top:36px;
	}
#logo a {
	display:block;
	height:0;
	width:385px;
	padding-top:37px;
	background:url("images/logo.png") no-repeat left top;
	text-indent:-9999em;
	outline:none;
	}
#nav {
	position:absolute;
	right:13px;
	top:66px;
	width:418px;
	height:34px;
	padding-right:6px;
	background:url("images/nav-shadow.gif") no-repeat right top;
	}
#nav li, #nav a {
	display:block;
	float:left;
	width:84px;
	height:34px;
	text-indent:-9999em;
	outline:none;
	}
#nav-press, #nav-press a, #nav-blog, #nav-blog a {
	width:83px !important;
	}
#nav a {
	background:url("images/nav.png") no-repeat;
	}
#nav-portfolio a {
	background-position:left top !important;
	}
#nav-portfolio a:hover,
#nav-portfolio.on .hl {
	background-position:left -34px !important;
	}
#nav-portfolio.current .hl {
	background-position:left -68px !important;
	}
#nav-about a {
	background-position:-84px top !important;
	}
#nav-about a:hover {
	background-position:-84px -34px !important;
	}
#nav-about.current a {
	background-position:-84px -68px !important;
	}
#nav-press a {
	background-position:-168px top !important;
	}
#nav-press a:hover {
	background-position:-168px -34px !important;
	}
#nav-press.current a {
	background-position:-168px -68px !important;
	}
#nav-blog a {
	background-position:-252px top !important;
	}
#nav-blog a:hover {
	background-position:-252px -34px !important;
	}
#nav-blog.current a {
	background-position:-252px -68px !important;
	}
#nav-contact a {
	background-position:-336px top !important;
	}
#nav-contact a:hover {
	background-position:-336px -34px !important;
	}
#nav-contact.current a {
	background-position:-336px -68px !important;
	}

#nav ul {
	position:absolute;
	display:none;
	}
#nav li:hover ul {
	display:block;
	width:162px;
	height:130px;
	left:0;
	top:30px;
	z-index:2;
	padding-top:5px;
	background:url("images/nav-portfolio.png") no-repeat left top;
	}
#nav-portfolio-sub li, #nav-portfolio-sub li a {
	width:162px;
	height:29px;
	}
#nav-portfolio-sub li a {
	background-image:url("images/nav-portfolio.png");
	background-repeat:no-repeat;
	}
#nav-custom a {
	background-position:left -5px !important;
	}
#nav-custom a:hover {
	background-position:-162px -5px !important;
	}
#nav-studio a {
	background-position:left -34px !important;
	}
#nav-studio a:hover {
	background-position:-162px -34px !important;
	}
#nav-corporate a {
	background-position:left -63px !important;
	}
#nav-corporate a:hover {
	background-position:-162px -63px !important;
	}
#nav-faq a {
	background-position:left -92px !important;
	}
#nav-faq a:hover {
	background-position:-162px -92px !important;
	}

#nav li.current:hover ul {
	background-position:-324px top;
	}
#nav .current #nav-custom a {
	background-position:-324px -5px !important;
	}
#nav .current #nav-custom a:hover {
	background-position:-486px -5px !important;
	}
#nav .current #nav-studio a {
	background-position:-324px -34px !important;
	}
#nav .current #nav-studio a:hover {
	background-position:-486px -34px !important;
	}
#nav .current #nav-corporate a {
	background-position:-324px -63px !important;
	}
#nav .current #nav-corporate a:hover {
	background-position:-486px -63px !important;
	}
#nav .current #nav-faq a {
	background-position:-324px -92px !important;
	}
#nav .current #nav-faq a:hover {
	background-position:-486px -92px !important;
	}


/* home page modules */

#lmod {
	width:920px;
	height:390px;
	margin-top:100px;
	}
#smod {
	width:920px;
	height:280px;
	margin-top:10px;
	background:#f0e8db url("images/smod/smod.jpg") no-repeat left 39px;
	}
#smod h3 {
	height:0;
	padding-top:39px;
	text-indent:-9999em;
	}
#smod1, #smod2, #smod3 {
	float:left;
	height:192px;
	}
#smod1 {
	width:308px;
	margin-left:-19px;
	padding-left:19px;
	background:transparent url("images/smod/banner-left.gif") no-repeat left top;
	}
#smod2 {
	width:307px;
	}
#smod3 {
	width:305px;
	margin-right:-20px;
	padding-right:20px;
	background:transparent url("images/smod/banner-right.gif") no-repeat right top;
	}
#smod1 h3 {
	background:url("images/smod/head-studio.jpg") no-repeat left top;
	width:308px;
	}
#smod2 h3 {
	background:url("images/smod/head-social.jpg") no-repeat left top;
	width:307px;
	}
#smod3 h3 {
	background:url("images/smod/head-publications.jpg") no-repeat left top;
	width:305px;
	}
#smod img {
	margin-left:25px;
	}
#smod ul {
	margin:20px 0 0 20px;
	}
#smod p {
	margin:20px;
	}
#social a {
	height:0;
	padding-top:27px;
	background:url("images/smod/social.png") no-repeat;
	text-indent:-9999em;
	display:block;
	width:229px;
	outline:none;
	}
#jfollow a {
	background-position:left top;
	}
#wfollow a {
	background-position:left -27px;
	}
#facebook a {
	background-position:left -54px;
	}
#subscribe a {
	background-position:left -81px;
	}


/* subnav-containing page */

#content {
	width:920px;
	background:#fff url("images/subnav.gif") repeat-y left top;
	position:relative;
	margin:100px 0 60px 0;
	}
h1 {
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:0;
	padding-top:57px;
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:left top;
	}
h1 a {
	width:200px;
	height:57px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	outline:none;
	}

#subnav {
	float:right;
	padding:58px 0 0 0;
	margin-bottom:19px;
	}
#subnav li {
	height:55px;
	margin-bottom:-21px;
	padding-top:2px;
	width:200px;
	background:transparent url("images/subnav-divider.gif") no-repeat left top;
	}
#subnav li a {
	display:block;
	height:36px;
	width:180px;
	padding-left:20px;
	font-size:15px;
	line-height:36px;
	color:#f6fff8;
	text-decoration:none;
	}
#subnav li.current {
	padding-left:19px;
	margin-left:-19px;
	background:transparent url("images/subnav-current.gif") no-repeat left 1px;
	position:relative;
	z-index:2;
	}
#subnav li.current a {
	color:#6a6a6a;
	}
#subnav li a:hover {
	opacity:.7;
	-moz-opacity:.7;
	-webkit-opacity:.7;
	filter:alpha(opacity=70);
	}
#subnav li.current a:hover {
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:alpha(opacity=100);
	cursor:default;
	}


/* portfolio page */

.portfolio-page h1.custom {
	background-image:url("images/portfolio/wedding/heading.png");
	}
.portfolio-page h1.studio {
	background-image:url("images/portfolio/rto/heading.png");
	}
.portfolio-page h1.corporate {
	background-image:url("images/portfolio/corporate/heading.png");
	}
#portfolio-copy {
	float:right;
	width:270px;
	margin:20px 20px 0 0;
	line-height:20px;
	}
#portfolio-copy p {
	margin-bottom:20px;
	}
.portfolio-page .gallery {
	float:right;
	width:400px;
	height:530px;
	margin-right:10px;
	border:10px solid #fff;
	}


/* faq page */

.faq-page h1 {
	background-image:url("images/faq/heading.png");
	}
#faq-copy {
	float:right;
	width:704px;
	line-height:20px;
	padding:7px 8px 20px 8px;
	}
#faq-copy dt {
	color:#98adab;
	padding-top:10px;
	margin:0 20px 8px 20px;
	border-top:1px dotted #c2dcda;
	}
#faq-copy dt.first {
	border:none;
	}
#faq-copy dd {
	margin:0 20px;
	padding-bottom:10px;
	}


/* about page */

#about-content {
	width:920px;
	background-color:#fff;
	margin:100px 0 60px 0;
	}
#about-copy {
	float:right;
	width:410px;
	line-height:20px;
	padding:0 30px 20px 20px;
	margin-top:20px;
	}
#about-copy p {
	margin-bottom:20px;
	}
#about-image {
	float:left;
	width:440px;
	border:10px solid #fff;
	}


/* press page */

.press-page h1,
.web-page h1,
.print-page h1,
.testimonials-page h1 {
	background-image:url("images/press/heading.png");
	}
#testimonials-copy {
	float:right;
	width:720px;
	line-height:20px;
	}
#testimonials-col1,
#testimonials-col2 {
	float:left;
	margin-left:20px;
	padding-bottom:50px;
	width:330px;
	}

#press-copy {
	float:right;
	position:relative;
	width:430px;
	margin:20px 20px 20px 0;
	line-height:20px;
	}

#press-thumbs {
	display:block;
	float:right;
	width:250px;
	margin:20px 0 20px 20px;
	}
#press-thumbs li {
	display:block;
	float:left;
	border:2px solid #ebebeb;
	margin-bottom:20px;
	height:132px;
	}
#press-thumbs li:hover {
	border-color:#bbb;
	}
#press-thumbs li.current {
	border-color:#c5dfdd;
	}
#press-thumbs a {
	display:block;
	height:124px;
	}
#press-thumbs a img {
	border:3px solid #fff;
	height:126px;
	}

.web-page #press-thumbs li {
	width:226px;
	}
.web-page #press-thumbs a {
	width:226px;
	}
.web-page #press-thumbs a img {
	width:220px;
	}

.print-page #press-thumbs li {
	margin-right:18px;
	width:101px;
	}
.print-page #press-thumbs a {
	width:101px;
	}
.print-page #press-thumbs a img {
	width:95px;
	}

#press-copy .gallery {
	position:absolute;
	top:0;
	left:0;
	width:430px;
	height:550px;
	border:1px solid #ebebeb;

	}
#press-copy .gallery-nav {
	position:absolute;
	left:50%;
	margin:0 0 0 -104px;
	top:570px;
	}
#press-copy h2 {
	margin-top:635px;
	text-transform:uppercase;
	font-size:15px;
	line-height:20px;
	}
#press-copy p {
	margin-bottom:20px;
	}

.press-page #press-copy {
	width:500px;
	margin-left:200px;
	}
.press-page #press-copy h2 {
	margin-top:20px !important;
	}


/* contact page */

#contact-content {
	width:920px;
	background-color:#fff;
	margin:100px 0 60px 0;
	line-height:20px;
	}
#contact-copy {
	float:left;
	width:260px;
	padding-right:20px;
	margin:20px 0 0 20px;
	border-right:1px dotted #cfcfcf;
	}
#contact-form {
	float:left;
	display:block;
	width:600px;
	margin:20px 0 20px 19px;
	color:#9a9a9a;
	position:relative;
	}
#contact-content p {
	margin-bottom:20px;
	}
#contact-content #social {
	margin-top:-10px;
	}
#contact-content #social a {
	background-image:url("images/contact/social.png");
	outline:none;
	}
#contact-copy .section {
	margin-bottom:30px;
	}
#contact-copy .heading {
	display:block;
	margin-bottom:10px;
	}
#contact-form h3 {
	width:623px;
	height:0;
	padding-top:58px;
	text-indent:-9999em;
	background:url("images/contact/send-a-note.png") no-repeat left top;
	margin-right:-20px;
	margin-left:-3px;
	}
#contact-form .textfield,
#contact-form .checkfield {
	display:block;
	float:left;
	width:300px;
	margin-bottom:18px;
	}
#contact-form .submission {
	display:block;
	float:right;
	margin:0 20px 20px 0;
	line-height:25px;
	}
#contact-form .full {
	width:100%;
	}
#contact-form .textfield input,
#contact-form .textfield textarea {
	background:url("images/contact/input-shadow.gif") repeat-x left top;
	border:1px solid #eaeaea;
	padding:4px;
	font-size:1.2em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
#contact-form .textfield input {
	background-position:left -1px;
	width:268px;
	}
#contact-form .textfield textarea {
	width:572px;
	height:140px;
	}
#contact-form .textfield label,
#contact-form .checkfield .label {
	font-size:1.4em;
	font-family:"Archer Bold", "Trebuchet MS";
	display:block;
	margin-bottom:4px;
	}
#contact-form .checkfield .label {
	margin-bottom:8px;
	}
#contact-form .checkfield label {
	display:inline-block;
	line-height:26px;
	width:140px;
	}
#contact-form .one-col label {
	width:270px;
	}
#contact-form .checkfield input {
	margin-right:8px;
	}
#contact-form .submission label {
	display:inline-block;
	vertical-align:top;
	}
#contact-form .submission label input {
	margin-right:8px;
	}
#contact-form #contact-submit {
	margin-left:20px;
	}
#contact-form .label {
	width:280px;
	height:0;
	padding-top:20px;
	text-indent:-9999em;
	background:url("images/contact/labels.png") no-repeat;
	}
#label-first {
	background-position:0 0 !important;
	}
#label-last {
	background-position:0 -20px !important;
	}
#label-phone {
	background-position:0 -40px !important;
	}
#label-email {
	background-position:0 -60px !important;
	}
#label-hear {
	background-position:0 -80px !important;
	}
#label-interest {
	background-position:0 -100px !important;
	}
#label-comments {
	background-position:0 -120px !important;
	width:580px !important;
	}
#contact-form .overlay {
	position:absolute;
	left:0;
	top:40px;
	right:0;
	bottom:0;
	display:none;
	opacity:.9;
	-moz-opacity:.9;
	-webkit-opacity:.9;
	filter:alpha(opacity=90);
	background-color:#fff;
	z-index:10;
	}
#contact-form .spinner {
	position:absolute;
	left:50%;
	top:50%;
	width:220px;
	height:19px;
	margin:-10px 0 0 -110px;
	background:transparent url("images/contact/spinner.gif") no-repeat left top;;
	}
#contact-form .message {
	margin-top:150px;
	text-align:center;
	font-size:20px;
	display:none;
	}


/* gallery */

.gallery {
	position:relative;
	}
.gallery img {
	position:absolute;
	left:0;
	top:0;
	}
.gallery-nav {
	width:208px;
	height:48px;
	background:url("images/gallery-nav.png") no-repeat -60px top;
	margin:30px auto 10px auto;
	position:relative;
	}
.gallery-nav .back,
.gallery-nav .next {
	display:block;
	width:50px;
	height:48px;
	position:absolute;
	top:0;
	text-indent:-9999em;
	outline:none;
	}
.gallery-nav .back {
	left:0;
	}
.gallery-nav .next {
	right:0;
	}
.gallery-nav .number {
	position:absolute;
	width:27px;
	height:0;
	padding-top:20px;
	text-indent:-9999em;
	background:url("images/gallery-nav.png") no-repeat left top;
	}
.gallery-nav .current {
	right:115px;
	top:25px;
	}
.gallery-nav .total {
	left:119px;
	top:25px;
	}
.gallery-nav .number-1 {
	background-position:-3px 0;
	}
.gallery-nav .number-2 {
	background-position:-3px -20px;
	}
.gallery-nav .number-3 {
	background-position:-3px -40px;
	}
.gallery-nav .number-4 {
	background-position:-3px -60px;
	}
.gallery-nav .number-5 {
	background-position:-3px -80px;
	}
.gallery-nav .number-6 {
	background-position:-3px -100px;
	}
.gallery-nav .number-7 {
	background-position:-3px -120px;
	}
.gallery-nav .number-8 {
	background-position:-3px -140px;
	}
.gallery-nav .number-9 {
	background-position:-3px -160px;
	}
.gallery-nav .number-10 {
	background-position:-3px -180px;
	}
.gallery-nav .total.number-1 {
	background-position:-32px 0;
	}
.gallery-nav .total.number-2 {
	background-position:-32px -20px;
	}
.gallery-nav .total.number-3 {
	background-position:-32px -40px;
	}
.gallery-nav .total.number-4 {
	background-position:-32px -60px;
	}
.gallery-nav .total.number-5 {
	background-position:-32px -80px;
	}
.gallery-nav .total.number-6 {
	background-position:-32px -100px;
	}
.gallery-nav .total.number-7 {
	background-position:-32px -120px;
	}
.gallery-nav .total.number-8 {
	background-position:-32px -140px;
	}
.gallery-nav .total.number-9 {
	background-position:-32px -160px;
	}
.gallery-nav .total.number-10 {
	background-position:-32px -180px;
	}
#gallery-2, #gallery-3, #gallery-4, #gallery-5, #gallery-6, #gallery-7, #gallery-8, #gallery-9, #gallery-10 {
	display:none;
}

/* testimonial bubble */

.testimonial, .testimonial-alt {
	font:13px/20px Georgia, "Times New Roman", serif;
	font-style:italic;
	margin-top:20px;
	margin-bottom:0 !important;
	background:#f3f9f8 url("images/testimonial.png") no-repeat left top;
	}
.testimonial-alt {
	background:#fff5d1 url("images/testimonial.png") no-repeat -660px top;
	}
.testimonial p,
.testimonial-alt p {
	padding:10px 10px 0 10px;
	margin-top:10px;
	}
.credit {
	font-size:1.15em;
	font-family:"Trebuchet MS";
	font-style:normal;
	padding-top:34px !important;
	background:#fff url("images/testimonial.png") no-repeat -330px top;
	}
.testimonial-alt .credit {
	background:#fff url("images/testimonial.png") no-repeat -990px top;
	}
.credit .byline {
	color:#b2cdcb;
	font-style:italic;
	font-family:Georgia, "Times New Roman", serif;
	text-transform:lowercase;
	}
#portfolio-copy .testimonial {
	background:#f3f9f8 url("images/testimonial270.png") no-repeat left top;
	}
#portfolio-copy .credit {
	background:#fff url("images/testimonial270.png") no-repeat -270px top;
	}


/* coming soon */

#soon-content {
	width:920px;
	background-color:#fff;
	margin:100px 0 60px 0;
	}
.soon-banner {
	margin:20px -19px 0 -20px;
	}
.soon-message {
	border:none;
	display:block;
	width:640px;
	margin:10px auto;
	padding-bottom:100px;
	background:url("images/soon/message.png") no-repeat left top;
	}


/* 404 */

#error-content {
	width:920px;
	background-color:#fff;
	margin:100px 0 60px 0;
	}
.error-banner {
	margin:20px -19px 0 -20px;
	}
.error-message {
	border:none;
	display:block;
	width:590px;
	margin:10px auto;
	padding-bottom:100px;
	background:url("images/error/message.png") no-repeat left top;
	}


/* footer */

#colophon {
	background:#6a6a6a url("images/footer.png") repeat-x left -116px;
	color:#999;
	clear:left;
	}
#colophon a {
	color:#999;
	}
#colophon a:hover {
	color:#d5d5d5;
	text-decoration:underline;
	}
#jtweet, #wtweet, #newsletter, #contact {
	position:absolute;
	margin-top:26px;
	width:230px;
	height:128px;
	top:0;
	left:50%;
	}
#jtweet {margin-left:-460px;}
#wtweet {margin-left:-230px; border-left:1px dotted #a09c97;}
#newsletter {border-left:1px dotted #a09c97;}
#contact {margin-left:230px; border-left:1px dotted #a09c97;}
#colophon h4 {
	height:0;
	padding-top:26px;
	width:229px;
	text-indent:-9999em;
	}
#jtweet h4 {background:url("images/footer.png") no-repeat left 3px;}
#wtweet h4 {background:url("images/footer.png") no-repeat left -20px;}
#newsletter h4 {background:url("images/footer.png") no-repeat left -44px;}
#contact h4 {background:url("images/footer.png") no-repeat left -67px;}
#colophon p {
	padding:4px 10px 0 30px;
	}
#jtweet p {
	padding-left:22px;
	}
#newsletter input {
	vertical-align:top;
	margin:4px 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	}
#newsletter-email {
	padding:3px 0 0 10px;
	width:110px;
	height:18px;
	border:1px solid #ccc;
	color:#999;
	}
#privacy {
	font-size:10px;
	line-height:12px;
	}
#footer {
	position:absolute;
	left:50%;
	top:190px;
	height:40px;
	margin-left:-460px;
	width:920px;
	font-size:10px;
	}
#fnav1, #flogo, #fnav2 {
	position:absolute;
	top:0;
	left:50%;
	}
#fnav1 {
	margin-left:-460px;
	padding-top:2px;
	height:38px;
	width:328px;
	}
#flogo {
	margin-left:-132px;
	width:265px;
	height:40px;
	text-align:center;
	line-height:11px;
	color:#888;
	}
#fnav2 {
	margin-left:133px;
	padding-top:2px;
	height:38px;
	width:327px;
	text-align:right;
	}
#flogo h5 {
	height:0;
	padding-top:23px;
	width:265px;
	background:url("images/footer.png") no-repeat left -93px;
	text-indent:-9999em;
	}
#footer a {
	text-transform:lowercase;
	text-decoration:none;
	margin-right:4px;
	}