/* CSS Document */



/* Neutralize styling: 

   Elements we want to clean out entirely: */

html, body, form, fieldset {

        margin: 0;

        padding: 0;

        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;

}



/* Neutralize styling: 

   Elements with a vertical margin: */

h1, h2, h3, h4, h5, h6, p, pre,

blockquote, ul, ol, dl, address {

        margin: 1em 0;

        padding: 0;

}



/* Apply left margin:

   Only to the few elements that need it: */

li, dd, blockquote {

        margin-left: 1em;

}



/* Miscellaneous conveniences: */

form label {

        cursor: pointer;

}

fieldset {

        border: none;

}

input, select, textarea {

        font-size: 100%;

		font-family: inherit;

}



body

{

  margin: 0;

  background-color: #b9a594;

  color: #756959;

  FONT-FAMILY: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;

  min-width: 900px;

  text-align: center;

}



a:link {text-decoration: underline; color: #a45f72; background-color: transparent;}

a:visited {text-decoration: underline; color: #804354; background-color: transparent;}

a:hover {text-decoration: none; color: #804354; background-color: transparent;}





/*-- GENERAL BITS --------------*/

.container {margin: 0 auto; width: 900px; padding: 0; border: 0; position: relative; text-align: left;}



/*-- HEADER---------------------*/

.headerArea {position: relative; display: inline; float: left; height: 100px; width: 900px;}



.topNavBar {position: realtive; float: right; display: inline; margin: 46px 30px 0 0; width: 390px; height: 17px;}

	.topNavBar ul {display: inline; float: right; list-style: none; margin: 0 0 0 0; padding: 0;}

	.topNavBar li {display: inline; float: left; margin: 0 0 0 40px;}

	.topNavBar li a {display: inline; float: left; height: 17px;}

	.topNavBar li span {display: none;}

	

#topNav01 a {background: url(images/topnav_home_off.gif) top left no-repeat; width: 42px; height: 17px;}

#topNav01 a:hover {background: url(images/topnav_home_off.gif) top left no-repeat;}



#topNav02 a {background: url(images/topnav_about_us_off.gif) top left no-repeat; width: 70px; height: 17px;}

#topNav02 a:hover {background: url(images/topnav_about_us_off.gif) top left no-repeat;}



#topNav03 a {background: url(images/topnav_brochure_off.gif) top left no-repeat; width: 138px; height: 17px;}

#topNav03 a:hover {background: url(images/topnav_brochure_off.gif) top left no-repeat;}



.headerLogo {position: relative; float: left; display: inline; margin: 20px 0 0 30px; width: 260px; height: 70px;}



.mainNavBar {position: relative; float: left; display: inline; width: 900px; height: 41px; background: url(images/bg_main_nav_bar.gif) top left repeat-x #9EB8B2;}

	.mainNavBar ul {margin: 14px 0 0 30px; font-size: 14px; line-height: 1.1em;}

	.mainNavBar li {display: inline; margin: 0 40px 0 0; padding: 0; line-height: 1.1em;}

	.mainNavBar a:link {text-decoration: none; color: #fff; background-color: transparent;}

	.mainNavBar a:visited {text-decoration: none; color: #fff; background-color: transparent;}

	.mainNavBar a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}



/*-- DROP DOWN CODE --*/

#dropmenudiv{position: absolute; margin: 11px 0 0 -12px; border:1px solid #bb8795; border-bottom-width: 0; font-size: 12px; 

font-weight: normal; z-index:100; color: #006666; text-align: left; width: 180px;}



#dropmenudiv a{width: 100%; display: block; text-indent: 10px; border-bottom: 0px solid #8d6d75; padding: 5px 0;

text-decoration: none; color: #fff;}



#dropmenudiv a:hover{background-color: #8d6d75; color: #FFFFFF;}





/*-- MAIN AREA --*/

.mainAreaHolder {float: left; position: relative; display: inline; width: 900px; padding: 30px 0 30px 0; margin: 0; background-color: #fef0e3;}



/*-- FOOTER --*/

.footerArea {position: relative; float: left; display: inline; width: 900px; margin: 0; padding: 20px 0 30px 0;}

	.footerArea p {margin: 0 30px 0 30px; font-size: 11px; color: #FEF0E3; display: inline;}

	.footerArea h4 {float: right; font-weight: normal; margin: 0 30px 0 30px; font-size: 11px; color: #E4D3A5; display: inline;}

	.footerArea a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

	.footerArea a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

	.footerArea a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}



/*-- HOME PAGE --*/

.homeTopHalf {position: relative; float: left; display: inline; width: 840px; margin: 0 30px 30px 30px; padding: 0 0 30px 0; border-bottom: 1px solid #E4D3A5;}

.homeFlashHolder {position: relative; float: left; display: inline; width: 550px; height: 280px; margin: 0 0 0 30px;}



.homeIntro {position: relative; float: left; display: inline; width: 260px; margin: 0;}

	.homeIntro h1 {margin: 20px 0 0 0; padding: 0; text-indent: -9000px; line-height: 1em;}

	.homeIntro p {font-size: 12px; color: #756959; line-height: 1.6em;}

	.homeIntro img {border: 0; margin: 10px 0 0 0;}

.homeIntro2 {position: relative; float: left; display: inline; width: 260px; margin: 20px 0 0 10px;}

	.homeIntro2 h1 {margin: 20px 0 0 0; padding: 0; text-indent: -9000px; line-height: 1em;}

	.homeIntro2 p {font-size: 12px; color: #756959; line-height: 1.6em;}

	.homeIntro2 img {border: 0; margin: 10px 0 0 0;}



.homeBottomLeft {position: relative; float: left; display: inline; width: 260px; margin: 0 30px 0 30px; padding: 0;}

	.homeBottomLeft h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.homeBottomLeft h3 {font-size: 12px; margin: 5px 0 0 0; line-height: 1.6em; color: #756959;}

	.homeBottomLeft p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}

	.homeBottomLeft img {border: 0; margin: 0 0 5px 0;}



.homeBottomMiddle {position: relative; float: left; display: inline; width: 260px; margin: 0 30px 0 0; padding: 0;}

	.homeBottomMiddle h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.homeBottomMiddle h3 {font-size: 12px; margin: 5px 0 0 0; line-height: 1.6em; color: #756959;}

	.homeBottomMiddle p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}

	.homeBottomMiddle img {border: 0; margin: 0 0 5px 0;}



.homeBottomRight {position: relative; float: left; display: inline; width: 260px; margin: 0; padding: 0;}



.sideBookAppointmentHome {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 25px 0; border-bottom: 1px solid #E4D3A5; background: url(images/bg_book_appointment.gif) bottom right no-repeat;}

	.sideBookAppointmentHome h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.sideBookAppointmentHome h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}

	.sideBookAppointmentHome p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}





.sideBookAppointment {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 25px 0; background: url(images/bg_book_appointment.gif) bottom right no-repeat;}

	.sideBookAppointment h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.sideBookAppointment h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}

	.sideBookAppointment p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}



.sidePriceCalculator {position: relative; float: left; display: inline; width: 260px; padding: 0 0 15px 0; margin: 0; background: url(images/bg_price_calculator.gif) bottom right no-repeat;}

	.sidePriceCalculator h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.sidePriceCalculator h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}

	.sidePriceCalculator p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}



.sideBrochureDownload {position: relative; float: left; display: inline; width: 260px; padding: 0 0 30px 0; margin: 0; background: url(images/bg_download_brochure.gif) bottom right no-repeat;}

	.sideBrochureDownload h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.sideBrochureDownload h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959; display: block; background: url(images/icon_pdf.gif) top left no-repeat; padding: 0 0 0 22px; height: 16px;}

	.sideBrochureDownload p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}



/*-- CONTENT PAGE --*/

.contentMainColumn {position: relative; display: inline; float: left; width: 550px; margin: 0 30px 0 30px;}

	.contentMainColumn h1 {margin: 0 0 0.2em 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.contentMainColumn h3 {font-size: 14px; font-variant: small-caps; line-height: 1.6em; color: #584C3D;}

	.contentMainColumn h4 {font-size: 14px; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}

	.contentMainColumn h5 {font-size: 12px; font-weight: bold; color: #5E4D35; line-height: 1.6em;}

	.contentMainColumn h6 {font-size: 10px; font-weight: normal; color: #5E4D35; line-height: 1.6em;}

	.contentMainColumn p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}

	.contentMainColumn ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}

	.contentMainColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}

	.contentMainColumn form {padding: 0; margin: 20px 0 20px 0;}

	.contentMainColumn legend {font-size: 13px; color: #333333;}

	.contentMainColumn label {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #584C3D; width: 100px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}



.formContactText {width: 400px; border: 1px solid #E4D3A5; background-color: #FFFFFF; font-size: 13px; padding: 4px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}

.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 13px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}



.formStatement {width: 400px; float: left; display: inline; position: relative; margin: 20px 0 0 110px;}

	.formStatement h6 {font-size: 10px; font-weight: normal; color: #5E4D35; line-height: 1.6em;}



.contactFormButtons {position: relative; float: right; display: inline; width: 437px;}

.formButton {padding: 4px 5px 4px 5px; margin: 10px 0 0 0; background-color: #006666; border: 1px solid #006666; color: #FFFFFF; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;}



.images2colLeft {display: inline; float: left; position: relative; margin: 20px 30px 20px 0;}

.images2colRight {display: inline; float: left; position: relative; margin: 20px 0 20px 0;}



.images3colLeft {display: inline; float: left; position: relative; margin: 20px 20px 20px 0;}

.images3colRight {display: inline; float: left; position: relative; margin: 20px 0 20px 0;}

.images3colRow2Left {display: inline; float: left; position: relative; margin: 0 20px 20px 0;}

.images3colRow2Right {display: inline; float: left; position: relative; margin: 0 0 20px 0;}



.contentRightColumn {position: relative; display: inline; float: left; width: 260px; margin: 30px 0 0 0;}

	.contentRightColumn h4 {font-size: 14px; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}

	.contentRightColumn p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}

	.contentRightColumn ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}

	.contentRightColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}



.relatedLinks {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 25px 0; border-bottom: 1px solid #E4D3A5;} 

	.relatedLinks h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.relatedLinks h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}

	.relatedLinks p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0 0 0.5em 0; padding: 0;}

	.relatedLinks ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}

	.relatedLinks li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}



/*-- PRICE CALCULATOR --*/

.contentPriceCalculator {position: relative; display: inline; float: left; width: 550px; margin: 0 30px 0 30px;}

	.contentPriceCalculator h1 {margin: 0 0 0.2em 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.contentPriceCalculator h3 {font-size: 14px; font-variant: small-caps; line-height: 1.6em; color: #584C3D;}

	.contentPriceCalculator h4 {font-size: 14px; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}

	.contentPriceCalculator p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}

	.contentPriceCalculator ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}

	.contentPriceCalculator li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}

	.contentPriceCalculator form {padding: 0; margin: 20px 0 20px 0;}

	.contentPriceCalculator legend {font-size: 13px; color: #333333;}

	.contentPriceCalculator label {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #584C3D; width: 150px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}



.formPriceText {width: 300px; border: 1px solid #E4D3A5; background-color: #FFFFFF; font-size: 13px; padding: 4px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}

.formPriceSelect {width: 300px; background-color: #FFFFFF; font-size: 13px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}



.priceFormButtons {position: relative; float: right; display: inline; width: 387px;}



.priceCalculatorResult {float: left; position: relative; display: inline; width: 550px; margin: 30px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #E4D3A5;}

	.priceCalculatorResult h2 {font-size: 18px; font-weight: bold; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}



/*-- GALLERY PAGE --*/

.galleryMainColumn {position: relative; display: inline; float: left; width: 550px; margin: 30px 0 0 0;}

.galleryRow {position: relative; float: left; display: inline; width: 550px; margin: 0 0 30px 0;}



.galleryThumb {position: relative; float: left; display: inline; width: 115px; height: 100px; margin: 0 30px 0 0; border: 0;}

.galleryThumbEnd {position: relative; float: left; display: inline; width: 115px; height: 100px; margin: 0; border: 0;}



/*-- SHUTTER STYLES --*/

.shutterStyle {position: relative; display: inline; float: left; width: 550px; margin: 0; padding: 20px 0 20px 0; border-top: 1px dashed #E4D3A5;}

	.shutterStyle h3 {font-size: 14px; font-variant: small-caps; line-height: 1.6em; color: #584C3D; margin: 0 0 0.5em 0;}

	.shutterStyle p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}

	.shutterStyle img {float: left; margin: 0 10px 0 0; border: 0;}



/*-- PRICE CALCULATOR --*/

.tableMeasurements {FONT-FAMILY: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; margin: 20px 0 15px 0;}

.tableMeasurements thead td {font-size: 16px; font-weight: bold; color: #584C3D; font-variant: small-caps;}

.tableMeasurements td {font-size: 13px; line-height: 1.6em; color: #756959; padding: 0.7em 0 0.7em 0; border-bottom: 1px solid #E4D3A5;}

.tableMeasurements td span {font-size: 14px; font-weight: bold; color: #CC0000;}

.tableMeasurementsRowOdd {background-color: #FFFFFF;}

.tableMeasurementsRowEven {background-color: #FFF7DA;}



.formMeasurements {width: 76px; border: 1px solid #E4D3A5; background-color: #FFFFFF; font-size: 13px; padding: 3px 5px 3px 5px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}

.formMeasurementsButton {padding: 4px 5px 4px 5px; margin: 0 4px 0 0; background-color: #006666; border: 1px solid #006666; color: #FFFFFF; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;}



/*-- SIDE INCHES CONVERTER --*/

.sideConverter {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 25px 0; border-bottom: 1px solid #E4D3A5;}

	.sideConverter h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.sideConverter p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}

	.sideConverter p span {width: 140px; font-size: 14px; font-weight: bold; color: #CC0000;}

	.sideConverter form {padding: 0; margin: 10px 0 0 0;}

	.sideConverter legend {font-size: 13px; color: #333333;}

	.sideConverter label {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #584C3D; width: 80px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}



.formInches {width: 76px; border: 1px solid #E4D3A5; background-color: #FFFFFF; font-size: 13px; padding: 3px 5px 3px 5px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}

.formButtonInches {padding: 2px 3px 2px 3px; margin: 10px 0 0 0; background-color: #006666; border: 1px solid #006666; color: #FFFFFF; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}



/*-- COLOURS AND FINISHES PAGE --*/

.contentMainColumnFinishes {position: relative; display: inline; float: left; width: 550px; margin: 0 30px 0 30px;}

	.contentMainColumnFinishes h1 {margin: 0 0 0.2em 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}

	.contentMainColumnFinishes h3 {font-size: 14px; font-variant: small-caps; line-height: 1.6em; color: #584C3D;}

	.contentMainColumnFinishes h5 {font-weight: normal; font-variant: normal; color: #756959; font-size: 11px; margin: -15px 0 1em 0;}

	.contentMainColumnFinishes h4 {font-size: 14px; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}

	.contentMainColumnFinishes p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}

	.contentMainColumnFinishes ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}

	.contentMainColumnFinishes li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}



.colourSwatches {position: relative; display: inline; float: left; width: 550px; margin: 5px 0 15px 0;}

	.colourSwatches img {float: left; margin: 0 18px 18px 0; border: 0;}





/*-- OFFER LANDING PAGES --*/

.offerIntro {position: relative; float: left; display: inline; width: 260px; margin: 0;}

	.offerIntro h1 {margin: 20px 0 0 0; padding: 0; text-indent: -9000px; line-height: 1em;}

	.offerIntro p {font-size: 12px; color: #756959; line-height: 1.6em;}

	.offerIntro img {border: 0; margin: 10px 0 0 0;}

	

.offerGallery {position: relative; display: inline; float: left; width: 840px; margin: 0 0 0 30px;}

.offerGalleryRow {position: relative; float: left; display: inline; width: 840px; margin: 0 0 30px 0;}