/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
}

/* 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: 12px;
		font-family: inherit;
}

body
{
  margin: 0;
  background-color: #584C3D;
  color: #756959;
  FONT-FAMILY: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: underline; color: #006666; background-color: transparent;}
a:visited {text-decoration: underline; color: #006666; background-color: transparent;}
a:hover {text-decoration: none; color: #006666; 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_on.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_on.gif) top left no-repeat;}

#topNav03 a {background: url(images/topnav_contact_off.gif) top left no-repeat; width: 96px; height: 17px;}
#topNav03 a:hover {background: url(images/topnav_contact_on.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 38px 0 0; padding: 0; line-height: 1.1em;}
	.mainNavBar a:link {text-decoration: none; color: #006666; background-color: transparent;}
	.mainNavBar a:visited {text-decoration: none; color: #006666; 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 #869D98; 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: 1px solid #869D98; padding: 5px 0;
text-decoration: none; color: #006666;}

#dropmenudiv a:hover{background-color: #9EB8B2; color: #FFFFFF;}


/*-- MAIN AREA --*/
.mainAreaHolder {float: left; position: relative; display: inline; width: 900px; padding: 30px 0 30px 0; margin: 0; background-color: #FFF7DA;}

/*-- 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: #E4D3A5; 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: 405px; height: 550px; margin: 0 30px 0 0;}

.homeIntro {position: relative; float: left; display: inline; width: 405px; margin: 0;}
	.homeIntro h1 {
	padding: 0;
	text-indent: -9000px;
	line-height: 1em;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
	.homeIntro p {font-size: 12px; color: #756959; line-height: 1.6em;}
	.homeIntro 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/contact_us_icon.png) 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;}