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

a#skip { /* Skip to content link for use with access key S */
display:none;
}
body {
font-size:0.7em;
font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#666666;
}
img {
border:none;
}
a {
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1 {
color:#6CAD29;
font-weight:lighter;
margin:0;
padding:0 0 5px 0;
font-size:1.4em;
}
h2 {
color:#6CAD29;
margin:5px 0;
padding:0;
font-size:1.2em;
font-weight:normal;
}
h3 {
color:#6CAD29;
margin:10px 0 5px 0;
padding:0;
font-size:1.1em;
font-weight:normal;
}
h4 {
color:#595959;
margin:0;
padding:0;
font-size:1em;
font-weight:normal;
}
h5 {
color:#6CAD29;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
font-weight:normal;
}
h6 {
color:#595959;
margin:0;
padding:0;
font-size:0.8em;
font-weight:normal;
}
.heading {
color:#6CAD29;
font-weight:lighter;
border-bottom:1px solid #6CAD29;
margin:0;
padding:0 0 5px 0;
font-size:1.4em;
}
.white {
color:#FFFFFF;
}
.clear {
clear:both;
}
.hidden {
display:none;
visibility:hidden;
}
.divider {
display:none;
visibility:hidden;
}
.thumb {
min-height:150px;
_height:150px;
}


/*****NAVIGATION*****/

#navWrapper {
background:url(../images/web/headerstrip.gif) 0 0 repeat-x #FFFFFF;
width:100%;
min-height:178px;
_height:178px;
}
#nav {
width:968px;
margin:0 auto;
font-size:1.1em;
}
#nav ul {
margin:0;
padding:39px 0 0 0;
list-style:none;
}
#nav li {
float:left;
background:url(../images/web/left.gif) no-repeat left top;
margin:0;
padding:0 2px 0 9px;
}
#nav a {
float:left;
display:block;
background:url(../images/web/right.gif) no-repeat right top;
padding:10px 32px 10px 22px;
text-decoration:none;
color:#FFFFFF;
}
#nav li:hover {
background:url(../images/web/left.gif) no-repeat left -150px;
}
#nav a:hover {
background:url(../images/web/right.gif) no-repeat right -150px;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav li a:hover, #nav .active a, #nav .activeparent a {
color:#6CAD29;
}
#nav .active {
background:url(../images/web/left.gif) no-repeat left -150px;
}
#nav .active a {
background:url(../images/web/right.gif) no-repeat right -150px;
}
#nav .activeparent {
background:url(../images/web/left.gif) no-repeat left -150px;
}
#nav .activeparent a {
background:url(../images/web/right.gif) no-repeat right -150px;
}
#nav li {
position:relative;
}
#nav ul ul {
position:absolute;
z-index:500;
margin:0;
padding:0;
}
div#nav ul ul {
display:none;
width:100%;
}
div#nav ul li:hover ul {
display:block;
}
#nav ul ul li {
padding:0;
left:-9px;
background:#999999;
width:134px;
}
#nav ul ul a {
background:#999999;
}
#nav ul .active ul a, #nav ul .activeparent ul a {
background:#999999;
color:#FFFFFF;
}
#nav ul .active ul a:hover, #nav ul .activeparent ul a:hover {
background:#FFFFFF;
color:#6CAD29;
}


/*****HEADER*****/

#header {
margin:0 auto;
width:968px;
}


/*****LOGO*****/

#logo {
width:167px;
height:66px;
display:block;
margin:15px 0 0 0;
float:left;
}
#logo h1 {
margin:0;
padding:0;
}
h1 a.logo {
display:block;
width:167px;
height:66px;
background:url(../images/web/apple_logo.gif) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}


/*****CONTENT*****/

#bannerWrapper {
position:relative;
width:1000px;
height:460px;
margin:0 auto;
z-index:-1;
}
#bannerFrame {
position:absolute;
top:0;
left:0;
width:1000px;
height:460px;
background:url(../images/web/banner_frame.png) 0 0 no-repeat;
}
#bannerHome {
position:absolute;
top:30px;
left:29px;
width:940px;
height:382px;
margin:0 auto;
overflow:hidden;
}
#contentMain {
width:968px;
margin:20px auto;
}
#contentMain h1 {
font-size:1.4em;
border-bottom:1px solid #6CAD29;
}
#contentTextHome {
width:718px;
padding:0 10px;
float:left;
}
#contentTextHome a {
color:#6CAD29;
}
#introText {
font-size:1.3em;
color:#999999;
}
#introText h1 {
font-size:1em;
border-bottom:1px solid #6CAD29;
}


/*****NEWS BOX*****/

#newsBoxWrapper {
width:200px;
padding:0 10px;
float:left;
}
#newsBox {
background:#FFFFFF;
margin:0;
float:left;
}
#newsBox a {
color:#6CAD29;
text-decoration:none;
font-weight:bold;
}
#newsBox a:hover {
text-decoration:underline;
}
#newsBox p {
}
#newsBox dl {
margin:0;
padding:0;
float:left;
}
#newsBox dt {
margin:8px 0 0 0;
padding:0;
color:#6CAD29;
font-weight:normal;
font-size:1.1em;
float:left;
}
#newsBox .NewsSummaryField {
float:right;
width:83px;
overflow:hidden;
}
#newsBox dt .NewsSummaryPostdate {
font-style:italic;
font-size:0.8em;
font-weight:lighter;
color:#999999;
}
#newsBox dd {
margin:0 0 20px 0;
padding:0;
color:#666666;
float:left;
width:186px;
}
#newsBox dd a {
text-decoration:none;
}
#newsBox dd a:hover {
text-decoration:underline;
}


/*****PROJECT BOX*****/

#projectBoxWrapper {
width:200px;
padding:0 10px;
float:left;
}
#projectBox {
background:#FFFFFF;
margin:0;
float:left;
}
#projectBox a {
color:#6CAD29;
text-decoration:none;
font-weight:bold;
}
#projectBox a:hover {
text-decoration:underline;
}
#projectBox p {
}
#projectBox dl {
margin:0;
padding:0;
float:left;
}
#projectBox dt {
margin:8px 0 0 0;
padding:0;
color:#6CAD29;
font-weight:normal;
font-size:1.1em;
float:left;
}
#projectBox .NewsSummaryField {
float:right;
width:199px;
overflow:hidden;
}
#projectBox dt .NewsSummaryPostdate {
font-style:italic;
font-size:0.8em;
font-weight:lighter;
color:#999999;
}
#projectBox dd {
margin:0 0 20px 0;
padding:0;
color:#666666;
float:left;
width:186px;
}
#projectBox dd a {
text-decoration:none;
}
#projectBox dd a:hover {
text-decoration:underline;
}


/*****LOGO BOX*****/

#logoBox {
width:200px;
padding:15px 0 0 0;
float:left;
}


/*****NEWS ARCHIVE*****/

#internalArchive {
float:left;
width:568px;
}
#internalArchive a {
color:#6CAD29;
text-decoration:none;
}
#internalArchive a:hover {
text-decoration:underline;
}
#internalArchive #NewsPostDetailDate {
font-style:italic;
font-weight:lighter;
color:#999999;
margin:5px 0 0 0;
}
#internalArchive dl {
margin:0;
padding:0;
float:left;
width:568px;
}
#internalArchive dt {
margin:0;
padding:0;
color:#6CAD29;
font-weight:bold;
font-size:1.1em;
}
#internalArchive dd {
margin:0;
padding:0;
color:#666666;
}
#internalArchive dd a {
text-decoration:none;
}
#internalArchive dd a:hover {
text-decoration:underline;
}
#internalArchive .NewsDetailField {
float:right;
padding:0 15px 8px 15px;
}
#internalArchive #NewsPostDetailReturnLink a {
padding:35px 0 0 0;
color:#6CAD29;
font-weight:bold;
float:left;
}
#bookmarksBar {
margin:15px 0 0 0;
}


/*****NEWS LIST*****/

#newsList {
float:left;
width:568px;
}
#newsList a {
color:#6CAD29;
text-decoration:none;
}
#newsList a:hover {
text-decoration:underline;
}
#newsList .NewsSummaryPostdate {
font-style:italic;
font-size:0.9em;
font-weight:lighter;
color:#999999;
}
#newsList .heading {
margin:0;
padding:5px 0;
font-size:0.9em;
}
#newsList dl {
margin:0 0 15px 0;
padding:0 0 15px 0;
float:left;
width:568px;
}
#newsList dt {
margin:0;
padding:15px 0 0 0;
color:#6CAD29;
font-weight:bold;
}
#newsList dd {
margin:0;
padding:0 0 15px 0;
color:#666666;
border-bottom:1px solid #DDDDDD;
}
#newsList dd a {
text-decoration:none;
}
#newsList dd a:hover {
text-decoration:underline;
}
#newsList .NewsSummaryMorelink a {
padding:15px 0 0 0;
color:#6CAD29;
font-weight:bold;
}


/*****EXAMPLES BOX*****/

#examplesBox {
background:#FFFFFF;
margin:0;
float:left;
}
#examplesBox img {
margin:10px 0 0 0;
}


/*****BROCHURE BOX*****/

#brochureBox {
padding:0 10px;
float:left;
}
#brochureBox a {
color:#6CAD29;
font-weight:bold;
}
#brochureBox img {
margin:10px 0 0 0;
}
#brochure1 p, #brochure2 p, #brochure3 p, #brochure4 p, #brochure5 p, #brochure6 p {
margin:0 8px 3px 8px;
padding:0;
color:#444444;
font-weight:bold;
font-size:0.9em;
}
#brochure1 {
margin:10px 0 0 0;
background:url(../reflect2.php?img=images/web/brochureCabinets.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
padding:70px 0 0 0;
}
#brochure2 {
margin:23px 0 0 0;
background:url(../reflect2.php?img=images/web/brochureSlatted.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
padding:70px 0 0 0;
}
#brochure3 {
margin:23px 0 0 0;
background:url(../reflect2.php?img=images/web/brochureIslands.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
padding:70px 0 0 0;
}
#brochure4 {
margin:23px 0 0 0;
background:url(../reflect2.php?img=images/web/brochureCabinets.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
padding:70px 0 0 0;
}
#brochure5 {
margin:23px 0 0 0;
background:url(../reflect2.php?img=images/web/brochureCounter.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
padding:70px 0 0 0;
}
#brochureBox {
padding:0 10px;
float:left;
}
#brochureBox a {
color:#6CAD29;
font-weight:bold;
}
#brochureBox img {
margin:10px 0 0 0;
}
#brochureBox .heading {
margin:0 0 10px 0;
width:720px;
}
#brochureBox #brochure1 {
float:left;
width:123px;
margin:0;
background:url(../reflect2.php?img=images/web/brochureCabinets.jpg) 0 0 no-repeat;
min-height:108px;
_height:108px;
padding:145px 0 0 0;
}
#brochureBox #brochure2 {
float:left;
width:123px;
margin:0;
background:url(../reflect2.php?img=images/web/brochureSlatted.jpg) 0 0 no-repeat;
min-height:108px;
_height:108px;
padding:145px 0 0 0;
}
#brochureBox #brochure3 {
float:left;
width:123px;
margin:0;
background:url(../reflect2.php?img=images/web/brochureIslands.jpg) 0 0 no-repeat;
min-height:108px;
_height:108px;
padding:145px 0 0 0;
}
#brochureBox #brochure4 {
float:left;
width:123px;
margin:0;
background:url(../reflect2.php?img=images/web/brochurePriceList.jpg) 0 0 no-repeat;
min-height:108px;
_height:108px;
padding:145px 0 0 0;
}
#brochureBox #brochure5 {
float:left;
width:123px;
margin:0;
background:url(../reflect2.php?img=images/web/brochureCounter.jpg) 0 0 no-repeat;
min-height:108px;
_height:108px;
padding:145px 0 0 0;
}
#brochureBox #brochure6 {
float:left;
width:123px;
margin:0;
background:url(../reflect2.php?img=images/web/ex-display.jpg) 0 0 no-repeat;
min-height:108px;
_height:108px;
padding:150px 0 0 0;
}


#brochure1Inner p, #brochure2Inner p, #brochure3Inner p, #brochure4Inner p {
margin:0 8px 3px 8px;
padding:0;
color:#444444;
font-weight:bold;
font-size:0.9em;
}
#brochure1Inner {
margin:10px 25px 0 0;
background:url(../reflect2.php?img=images/web/brochureCabinets.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
width:145px;
padding:70px 0 0 0;
float:left;
}
#brochure2Inner {
margin:10px 25px 0 0;
background:url(../reflect2.php?img=images/web/brochureSlatted.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
width:145px;
padding:70px 0 0 0;
float:left;
}
#brochure3Inner {
margin:10px 25px 0 0;
background:url(../reflect2.php?img=images/web/brochureIslands.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
width:145px;
padding:70px 0 0 0;
float:left;
}
#brochure4Inner {
margin:10px 25px 0 0;
background:url(../reflect2.php?img=images/web/brochureCabinets.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
width:145px;
padding:70px 0 0 0;
float:left;
}
#brochure5Inner {
margin:10px 25px 0 0;
background:url(../reflect2.php?img=images/web/brochureCounter.jpg) 0 0 no-repeat;
min-height:20px;
_height:20px;
width:145px;
padding:70px 0 0 0;
float:left;
}
#brochureBox a {
padding:0 0 0 25px;
margin:0;
}
#brochureBox .pdf {
background:url(../images/web/adobe.jpg) 0 0 no-repeat;
padding-top:2px;
padding-bottom:4px;
}


/*****CONTACT BOX*****/

#contactBoxHeader {
float:right;
text-align:right;
padding:35px 0 0 0;
}
#contactBoxHeader p {
margin:0;
padding:0;
color:#6CAD29;
}
#contactBoxHeader a {
color:#6CAD29;
}


/*****MAP*****/

#map {
height:200px;
width:566px;
float:left;
margin:10px 0 20px 0;
}
#map0 {
border:1px solid #6CAD29;
}


/*****CONTACT BOX*****/

#contactBox {
width:23px;
height:16px;
display:block;
margin:45px 18px 0 0;
float:right;
}
#contactBox p {
margin:0;
padding:0;
}
p a.contact {
display:block;
width:23px;
height:16px;
background:url(../images/web/iconContact.png) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
.contactform {
margin:12px 0 0 0;
float:left;
width:350px;
}
.contactform fieldset {
margin:0 0 10px 0;
padding:0;
border:none;
}
.contactform legend {
display:none;
visibility:hidden;
}
.contactform label {
width:140px;
margin:4px 0 3px 0;
float:left;
}
.contactform input, .contactform textarea {
width:200px;
background:#FFFFFF;
border:1px solid #6CAD29;
padding:3px;
float:left;
color:#444444;
}
.contactform #checkboxes label {
width:220px;
margin:4px 0 3px 0;
float:left;
}
.contactform #checkboxes input {
width:20px;
background:#FFFFFF;
border:1px solid #6CAD29;
padding:3px;
float:left;
color:#444444;
clear:left;
clear:both;
}
.contactform input:focus, select:focus, textarea:focus {
background:#B4AF9F;
}
.contactform .fb_invalid input, .contactform .fb_invalid textarea {
background:#FF9999;
border:1px solid #990000;
color:#990000;
}
.contactform .fbsubmit {
width:95px;
background:#6CAD29;
border:1px solid #999999;
color:#FFFFFF;
display:block;
}
.contactform .fbsubmit:hover {
background:#DDDDDD;
color:#444444;
}
.contactform .captcha {
margin:0 0 0 140px;
}
.contactform .captcha label {
width:140px;
float:left;
margin:5px 0 0 0;
}
.contactform .captcha input {
width:190px;
float:left;
margin:5px 0 0 0;
}
.captchapict {
margin:5px 0;
float:left;
width:198px;
border:1px solid #6CAD29;
}
.error_message {
background:url(../images/web/error.gif) no-repeat 4px 4px #FF9999;
border:1px solid #990000;
padding:5px 4px 5px 35px;
color:#990000;
font-weight:normal;
margin:10px 0 10px 0;
width:380px;
font-size:0.9em;
}
.error_message ul {
margin:0;
padding:0;
list-style:none;
}
.error_message li {
margin:0;
padding:0;
}


/*****FOOTER*****/

#footerWrapper {
background:#6CAD29;
width:100%;
padding:5px 0 15px 0;
margin:15px 0 0 0;
}
#footer {
width:938px;
padding:8px 15px 15px 15px;
margin:0 auto;
}
#footerLeft {
font-size:0.9em;
font-weight:lighter;
margin:0;
float:left;
width:654px;
}
#footerLeft p {
margin:0;
padding:0 0 4px 0;
color:#C4DEA9;
}
#footerLeft .white {
color:#FFFFFF
}
#footerLeft a {
color:#FFFFFF;
text-decoration:none;
}
#footerLeft a:hover {
text-decoration:underline;
}
#footerRight {
font-size:0.9em;
font-weight:lighter;
margin:0;
float:right;
width:254px;
text-align:right;
}
#footerRight p {
margin:0;
padding:0;
color:#C4DEA9;
}
#footerRight a {
color:#FFFFFF;
text-decoration:none;
}
#footerRight a:hover {
text-decoration:underline;
}