.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/* Main Text Definitions */
body {
 background: #D8D5A0;
 color: #253255;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

h1, h2, h3, h4 {
 color: #253255;
 font-family: "Times New Roman", Times, serif;
}
h1 {font-size: 150%; margin-top: 0;}
h2 {font-size: 120%; margin-bottom: 8px;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #989048;}
a:hover {color: #253255;}
a img {border: 0;}

img {display: block;}

/* Generic Layout Definitions */

/* Child selector hack to increase font-size in FF on Mac */
/* #container {width: 764px; margin: 20px auto; font-size: 60%;} */
body #container {width: 764px; margin: 20px auto; font-size: 60%;}
/* Use child sector to hide next line from IE */
html>body #container {width: 764px; margin: 20px auto; font-size: 65%;}


#galleryContainer {width: 798px; height: 498px; background: #fff; border: 1px solid #fff; margin: 10px auto; font-size: 60%;}
#mainNav {width: 764px; height: 34px; padding: 5px 0; text-align: center;}
#logo {width: 764px; height: 68px; margin-bottom: 10px;}
#hpMain {width: 762px; border: 1px solid #fff; background: #fff;}
#main {width: 762px; border: 1px solid #fff; background: #fff url(../images/bg_main.gif) repeat-y;}
#sideNav {float: left; width: 150px; border-right: 1px}
#content {float: right; width: 611px;}
#copy {padding: 10px 26px 26px 26px; line-height:140%;}
#copy a, #hpCopy a, #testimonials a {font-weight: bold;}
#footer {clear: both; width: 764px; margin: 10px 0; padding: 10px 5px; color: #405E60;}


/* Page layout */
#hpPic {float: left; width: 512px; height: 346px; border-right: 1px solid #FFF;}
#hpContent {position: relative; float: right; width: 249px; height: 346px;}
#hpNav {width: 249px; margin-bottom: 10px;}
#hpCopy {width: 227px; padding: 11px;}
#hpGallControl {position: absolute; width: 227px; background: #E4E2BD; bottom: 0px; left: 0px; padding: 8px 11px; font-weight: bold;}
#hpGallControl .hpGallNo {padding: 0 30px;}
#hpGallControl #slidecount {display: inline; padding: 0 40px;}
#hpSub {width: 764px; margin-top: 10px;}
#hpSub #testimonials {float: left; width: 231px; height: 120px; padding: 10px; margin-right: 10px; background: #fff;}
#hpSub #brochure {float: right; width: 462px; height: 130px; padding: 5px 20px; background: #fff;}
#hpSub #brochure img {float: right;}
#hpSub #brochure h2 {margin-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%;}
#hpSub #brochure p {margin-top: 20px;}
#galleryMain {float: left; width: 548px; height: 498px;}
#galleryThumbs {position: relative; float: right; width: 226px; height: 478px; padding: 10px;}
#galleryThumbs img {float: left; border: 1px solid #253255; margin-right: 10px; margin-bottom: 12px;}
#galleryClose {position: absolute; bottom: 0px; left: 0px; width: 226px; padding: 10px; text-align: right;}

#slidebox {display: inline; padding: 0; margin: 0;}

.mediaBlock {float: left; width: 175px;}

/* Navigation Definitions */

/* Main navigation */
#mainNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 774px;
} 
#mainNav ul li {
 display: inline;  
 position: relative;
 white-space: nowrap;
/* float: left;*/
 margin: 0 7px;
}
#mainNav ul li a {
/* display: block;*/
 color: #253255;
 padding: 6px 0;
 text-decoration: none;
 border-bottom: 1px solid #D8D5A0;
}
#mainNav ul li a:hover {
 border-bottom: 1px solid #F3F2E3;
}
#home #mainNav ul li.home a,
#aboutus #mainNav ul li.aboutus a,
#products #mainNav ul li.products a,
#design #mainNav ul li.design a,
#manufacture #mainNav ul li.manufacture a,
#fitting #mainNav ul li.fitting a,
#contactus #mainNav ul li.contactus a,
#brochure #mainNav ul li.brochure a {
 border-bottom: 1px solid #fff;
}





/* Home navigation */
#hpNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 249px;
} 
#hpNav ul li {
 margin: 0;
 border-bottom: 1px solid #fff;
}
#hpNav ul li a {
 display: block;
 color: #253255;
 width: 229px;
 padding: 4px 10px;
 text-decoration: none;
 background: #F3F2E3;
}
#hpNav ul li a:hover {
 background: #E4E2BD;
}
#hpNav ul li.on a {
 background: #E4E2BD;
}
#hpGallControl a {
 color: #253255;
 text-decoration: none;
}
#hpGallControl a:hover {
 color: #253255;
 text-decoration: underline;
}

/* Side navigation */
#sideNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 150px;
} 
#sideNav ul li {
 margin: 0;
 border-bottom: 1px solid #fff;
}
#sideNav ul li a {
 display: block;
 color: #253255;
 width: 130px;
 padding: 4px 10px;
 text-decoration: none;
 background: #F3F2E3;
}
#sideNav ul li a:hover {
 background: #E4E2BD;
}
#sideNav ul li.on a {
 background: #E4E2BD;
 color: #000;
}

/* Content Styles */
blockquote {
 color: #C9C27F;
 font-size: 180%;
 font-family: "Times New Roman", Times, serif;
 margin: 10px 0 20px 0;
}
#prodIcons {
 margin-top: 40px;
 width: 559px;
}

#prodIcons img {
 float: left;
 margin-bottom: 40px;
}
#prodIcons img.centre {
 margin: 0 10px;
}
/*#copy h1 {
 display: none;
}*/


/* Footer navigation */
#footer ul {
 list-style: none;
 float: left;
 width: 575px;
 padding: 0;
 margin: 0;
} 
#footer ul li {
 float: left; 
 margin-right: 24px;
 padding: 0;
}

#footer a {
 color: #405E60;
 text-decoration: none;
}
#footer a:hover {
 color: #253255;
 text-decoration: none;
}



/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.loginForm {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.loginForm label {
 float: left;
 width: 80px;
}
.loginForm input {
 float: left;
 width: 80px;
 height: 12px;
 font-size: 110%;
}
.loginForm .loginButton {
 float: left;
 height: 20px;
 font-size: 110%;
}

p.formRow {
 margin-top: 0px;
 margin-bottom: 4px;
}
label {
 float: left;
 width: 130px;
 padding-top: 4px;
}
.fmField {
 width: 150px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
.fmFieldSml {
 width: 60px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
.fmComments {
 width: 150px;
 height: 60px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
select {
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
.fmButton {
 background: #253255;
 color: #fff;
 font-weight: bold;
 border: 0;
}
textarea.quote {
 width: 230px;  
 height: 50px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* Styles for WYSIWYG Editor */
.FTBeditor {
 font-size: 70%;
 background: #fff;
}
.adminInput {width: 350px;}