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

/*** UNIVERSAL STYLES ***/
BODY {font: 12px Georgia, "Times New Roman", Times, serif; background: url(images/backgrounds/interior-design-bkgd1.jpg) repeat-x rgb(37,31,18); line-height: 21px;}
.wrap {width: 940px; height: auto; margin: 0 auto;}


/*** FORMATTING STYLES ***/
H1,H2,H3,H4,H5,H6 {margin: 0; padding: 0; font-weight: normal;}
H2 {font-size: 24px; color: #edd47c;}
H3 {font-size: 21px; color: #d4b984;}
H4 {font-size: 18px; color: #bbb58b;}
H5 {font-size: 15px; color: #d4b984;}
H6 {font-size: 12px; color: #d4b984;}

A {color: #c44a2c; text-decoration: none; outline: none;}
A:hover {color: #fd6e4b; text-decoration: none;}

A IMG {border: 0; outline: none;}
IMG.addBorder {border: 1px solid #675c3c}

.tagline {font-size: 12px; color: #bbb58b; margin: 7px 0 0 0; display: block;}

TABLE {border-collapse: collapse;}
TABLE TD {padding: 0 10px 0 0;}
TABLE TD P {color: #bbb58b;}
P STRONG {font-size: 14px;}
P {color: #bbb58b;}
UL LI {color: #bbb58b;}
P A {color: #c44a2c; text-decoration: none; outline: none;}
P A:hover {color: #fd6e4b; text-decoration: none;}

.gmap1 {width: 349px; height: 349px; overflow: hidden; border: 0; margin: 0; padding: 0;}
.gmap2 {width: 550px; height: 250px; overflow: hidden; border: 0; margin: 0; padding: 0;}
#music {display: none;}
BODY.index #music {display: inline;}

/*** MASTHEAD STYLES ***/
.masthead {width: 100%; height: 140px;}
.masthead H1 {width: 100%; height: 140px;}
.masthead H1 A {width: 100%; height: 140px; display: block; text-indent: -10000px; overflow: hidden;}

BODY.index .masthead H1 { background: url(images/logos/the-blind-side-home-furnishings.gif) center no-repeat;}
BODY.portfolio .masthead H1 { background: url(images/logos/interior-design-portfolio.gif) center no-repeat;}
BODY.designers .masthead H1 { background: url(images/logos/our-interior-designers.gif) center no-repeat;}
BODY.testimonials .masthead H1 { background: url(images/logos/the-blind-side-testimonials.gif) center no-repeat;}
BODY.awards .masthead H1 { background: url(images/logos/the-blind-side-awards.gif) center no-repeat;}
BODY.seewhatsnew .masthead H1 { background: url(images/logos/the-blind-side-seewhatsnew.gif) center no-repeat;}
BODY.locations .masthead H1 { background: url(images/logos/interior-design-pittsburgh-the-cliffs.gif) center no-repeat;}
BODY.contact .masthead H1 { background: url(images/logos/contact-the-blind-side.gif) center no-repeat;}
BODY.legal .masthead H1 { background: url(images/logos/logo-legal.gif) center no-repeat;}
BODY.privacy .masthead H1 { background: url(images/logos/logo-privacy.gif) center no-repeat;}
BODY.sale .masthead H1 { background: url(images/logos/the-blind-side-annual-50-percent-off-sale-1.gif) center no-repeat;}

/*** SUB NAVIGATION STYLES ***/
.subNav {margin: 0; height: 84px; width: 100%; background: url(images/navigation/navi-bg-2.png) center no-repeat;}
.subNav A * {display: none;}
.subNav A .hover {display: block; height: 84px;}
.subNav A {text-indent: -1000px; overflow: hidden; height: 84px; float: left; display: block;}

.subNav A.portfolio {width: 177px; background: url(images/navigation/navi-normal-2.png) -20px 0px; margin-left: 33px;}
.subNav A.designers {width: 154px; background: url(images/navigation/navi-normal-2.png) -213px 0px; margin-left: 17px;}
.subNav A.testimonials {width: 141px; background: url(images/navigation/navi-normal-2.png) -383px 0px; margin-left: 17px;}
.subNav A.awards {width: 49px; background: url(images/navigation/navi-normal-2.png) -540px 0px; margin-left: 15px;}
.subNav A.seewhatsnew {width: 99px; background: url(images/navigation/navi-normal-2.png) -605px 0px; margin-left: 17px;}
.subNav A.locations {width: 86px; background: url(images/navigation/navi-normal-2.png) -721px 0px; margin-left: 17px;}
.subNav A.contactus {width: 69px; background: url(images/navigation/navi-normal-2.png) -826px 0px; margin-left: 19px;}

.subNav A.portfolio:hover, .subNav a.portfolio .hover {width: 177px; background: url(images/navigation/navi-roll-2.png) -20px 0px; margin-left: 33px;}
.subNav A.designers:hover, .subNav a.designers .hover {width: 154px; background: url(images/navigation/navi-roll-2.png) -213px 0px; margin-left: 17px;}
.subNav A.testimonials:hover, .subNav a.testimonials .hover {width: 141px; background: url(images/navigation/navi-roll-2.png) -383px 0px; margin-left: 17px;}
.subNav A.awards:hover, .subNav a.awards .hover {width: 49px; background: url(images/navigation/navi-roll-2.png) -540px 0px; margin-left: 15px;}
.subNav A.seewhatsnew:hover, .subNav a.seewhatsnew .hover {width: 99px; background: url(images/navigation/navi-roll-2.png) -605px 0px; margin-left: 17px;}
.subNav A.locations:hover, .subNav a.locations .hover {width: 86px; background: url(images/navigation/navi-roll-2.png) -721px 0px; margin-left: 17px;}
.subNav A.contactus:hover, .subNav a.contactus .hover {width: 69px; background: url(images/navigation/navi-roll-2.png) -826px 0px; margin-left: 19px;}


BODY.portfolio .subNav A.portfolio {background: url(images/navigation/navi-roll-2.png) -20px 0px; margin-left: 33px;}
BODY.designers .subNav A.designers {background: url(images/navigation/navi-roll-2.png) -213px 0px; margin-left: 17px;}
BODY.testimonials .subNav A.testimonials {background: url(images/navigation/navi-roll-2.png) -383px 0px; margin-left: 17px;}
BODY.awards .subNav A.awards {background: url(images/navigation/navi-roll-2.png) -540px 0px; margin-left: 15px;}
BODY.seewhatsnew .subNav A.seewhatsnew {background: url(images/navigation/navi-roll-2.png) -605px 0px; margin-left: 17px;}
BODY.locations .subNav A.locations {background: url(images/navigation/navi-roll-2.png) -721px 0px; margin-left: 17px;}
BODY.contact .subNav A.contactus {background: url(images/navigation/navi-roll-2.png) -826px 0px; margin-left: 19px;}

/*
.subNav A.portActive {width: 195px; background: url(images/navigation/navi-active.png) -71px 0px; margin-left: 83px;}
.subNav A.desiActive {width: 174px; background: url(images/navigation/navi-active.png) -284px 0px; margin-left: 18px;}
.subNav A.testActive {width: 158px; background: url(images/navigation/navi-active.png) -475px 0px; margin-left: 18px;}
.subNav A.locaActive {width: 98px; background: url(images/navigation/navi-active.png) -651px 0px; margin-left: 18px;}
.subNav A.contActive {width: 77px; background: url(images/navigation/navi-active.png) -766px 0px; margin-left: 17px;}
*/


.IEsubNav {margin: 20px auto; height: 29px; width: 916px; background: url(images/navigation/border-2.gif) no-repeat center bottom; }
.IEsubNav A {float: left; display: block; padding: 0px; font-size: 12px; color: #f1dc84; margin-top: -3px;}
.IEsubNav A:hover {color: #e0c255;}
.IEsubNav A.portfolio {margin-left: 15px;}
.IEsubNav A.designers {margin-left: 25px;}
.IEsubNav A.testimonials {margin-left: 24px;}
.IEsubNav A.awards {margin-left: 23px;}
.IEsubNav A.seewhatsnew {margin-left: 25px;}
.IEsubNav A.locations {margin-left: 24px;}
.IEsubNav A.contactus {margin-left: 24px;}

.tp-nav {color: #473B21; position: relative; top: -13px; width: 120px; left: 417px;}
.swn-nav {color: #473B21; position: relative; top: -13px; width: 120px; left: 660px;}


/*** CONTENT STYLES ***/
.content {padding: 0 30px; margin: 20px 0 0 0;}
.saleContent {padding: 0 30px; margin: 20px 0 0 0; font-size: 14px;}

.homeContent {padding: 0 10px;}

.twoColumn {border-collapse: collapse; margin: 30px 0 0 0; width: 100%;}
.twoColumn TD {padding: 0 10px 20px 0; vertical-align: top; width: 50%;}
.twoColumn TD IMG {margin-bottom: 15px;}
.twoColumn TD P {color: #bbb58b; max-width: 320px;}

.twoColumnAlt {border-collapse: collapse; margin: 0 0 0 0; width: 100%;}
.twoColumnAlt TD {padding: 0 20px 20px 0; vertical-align: top; width: 50%;}
.twoColumnAlt TD IMG {margin-bottom: 15px;}
.twoColumnAlt TD P {color: #bbb58b; max-width: 320px;}

.banner {width: 922px; height: 241px; margin: 0 auto; text-align: center; position: relative;}
.banner .frame {width: 922px; height: 241px; background: url(images/backgrounds/bannerFrame.png) no-repeat; position: absolute; z-index: 3;}
.banner .images {width: 890px; height: 227px; margin: 0 auto; padding: 14px 0 0 0; list-style: none; position: relative; z-index: 2; overflow: hidden;}
.banner .images LI {margin: 0; padding: 0; left: 0px; top: 0;}

.ie7banner {width: 922px; height: 241px; margin: 0 auto; text-align: center;}
.ie7banner .ie7frame {width: 922px; height: 241px; background: url(images/backgrounds/bannerFrame.png) no-repeat; z-index: 2;}
.ie7banner .ie7images {background: #221d11; width: 890px; height: 210px; margin: 16px 0 0 0; padding: 0; list-style: none; position: relative; z-index: 3; overflow: hidden;}
.ie7banner .ie7images LI {margin: 0; padding: 0; position: aboslute; left: 0px; top: 0;}

.iebanner {width: 922px; height: 241px; margin: 0 auto; text-align: center;}
.iebanner .ieframe {width: 922px; height: 241px; background: url(images/backgrounds/bannerFrame.png) no-repeat; z-index: 2;}
.iebanner .ieimages {background: #221d11; width: 890px; height: 210px; margin: 16px 0 0 0; padding: 0; list-style: none; position: relative; z-index: 3; overflow: hidden;}
.iebanner .ieimages LI {margin: 0; padding: 0; position: aboslute; left: 0px; top: 0;}

.homeTeasers {margin: 50px auto;}
.homeTeasers TD {vertical-align: top;}
.homeTeasers TD H2 {overflow: hidden; text-indent: -1000px; margin: 10px 0 0 0; width: 276px; height: 39px;}
.homeTeasers TD H2 A {display: block; width: 276px; height: 39px;}
.homeTeasers TD.teaser1 {padding: 0 20px 0 0; border-right: 1px solid #7b704b;}
.homeTeasers TD.teaser2 {padding: 0 20px 0 20px; border-right: 1px solid #7b704b;}
.homeTeasers TD.teaser3 {padding: 0 0 0 20px;}
.homeTeasers TD.teaser1 H2 {background: url(images/teasers/the-blind-side-header-1.gif) no-repeat;}
.homeTeasers TD.teaser2 H2 {background: url(images/teasers/the-blind-side-header-2.gif) no-repeat;}
.homeTeasers TD.teaser3 H2 {background: url(images/teasers/the-blind-side-header-3.gif) no-repeat;}

A.readmore {background: url(images/icons/linkArrowRed.gif) no-repeat left 53%; padding-left: 15px; font-size: 14px; font-weight: bold; text-decoration: none; color: #c44a2c;}

P.navigation {line-height: 23px;}
P.navigation A {background: url(images/icons/linkArrowYellow.gif) no-repeat left 53%; padding-left: 20px; font-size: 14px; color: #f4eaa4; text-decoration: underline;}
P.navigation A:hover {color: #f4e681;}

/*** WORK WITH OUR DESIGNERS STYLES ***/
.designerCopyTable {margin: 0;}
.designerCopyTable TD.thumb {width: 120px}
.designerCopyTable TD.thumb IMG {border: 1px solid #675c3c}
.designerCopyTable TD.copy {width: 345px}

.designersBioTable {border-top: 1px solid #7f744d; margin: 0 0 20px 0; padding: 0;}
.designersBioTable TD {width: 25%; padding: 20px 15px 0 0; vertical-align: top;}
.designersBioTable TD IMG {width: 90%; border: 1px solid #675c3c}

/*** TESTIMONIALS AND PRESS STYLES ***/
.testimonialsTable {margin: 20px 0; width: 100%;}
.testimonialsTable TD {vertical-align: top;}
.testimonialsTable TD.image {width: 120px; padding: 0 0 15px 0;}
.testimonialsTable TD.image IMG {border: 1px solid #675c3c}
.testimonialsTable TD.copy {padding: 0 0 0 15px;}

.pressTable {width: 700px; margin: 20px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #3B3624; height: 180px;}
.pressTable DIV {}
.pressTable DIV H3 {line-height: 24px;}
.pressTable DIV P {margin: 0; padding: 0; color: #979271;}
.pressTable DIV.thumb {padding-bottom: 0; width: 254px; float: left;}
.pressTable DIV.thumb2 {padding-bottom: 0; width: 254px; float: left;}
.pressTable DIV.thumb IMG {width: 234px; height: 100px; border: 1px solid #675c3c}
.pressTable DIV.copy {width: 446px; float: left;}
.pressTable DIV.copy P STRONG{width: 75%; padding-bottom: 0; color: #BBB58B;}


/*** PROJECT GALLERY STYLES ***/
.projectGallery {border-collapse: collapse; margin: 30px 0 0 0;}
.projectGallery TD {padding: 0 20px 0 0; vertical-align: top;}
.projectGallery TD .gallery {margin: 0 0 60px 0;}
.projectGallery TD IMG {margin-bottom: 15px;}
.projectGallery TD P {color: #bbb58b; max-width: 240px;}
.projectGallery TD A.viewProjectPhotos {background: url(images/icons/linkArrowRed.gif) no-repeat left 53%; padding-left: 15px; font-size: 14px; font-weight: bold; text-decoration: none;}


/*** CONTACT US STYLES ***/
FORM.contactForm {border-left: 1px solid #7f744d; padding-left: 20px;}
FORM.contactForm P {margin: 0 0 20px 0;}
FORM.contactForm P .contactText {padding: 3px; width: 85%}
FORM.contactForm P .contactTextField {padding: 3px; width: 85%; height: 80px;}


/*** LONG COPY STYLES ***/
.longCopy H4 {border-bottom: 1px solid #7f744d; padding: 20px 0 5px 0;}


/*** FOOTER STYLES ***/
.footer {text-align: center; color: #bbb58b; border-top: 1px solid #7f744d; padding: 5px 0 15px 0; font-size: 11px; line-height: 14px;}

/*** AD BANNER STYLES ***/
#adBanners	{ margin:0 auto; position:relative; top:197px; width:890px; }
#adBanners img	{ border: none;} }