/* Kitchen and Bedroom design CSS */

body, html {
background-color:#FFF;
margin:10px 0px 0px 0px;
padding:0px;
}

iframe {
border:none;
border-collapse:collapse;
}

#main_container {
width:970px;
padding:10px;
margin:0 auto;
clear:both;
}

/* Header Styles and settings */
#header {
width:970px;
height:42px;
clear:both;
}

.logo {
width:280px;
float:left;
height:42px;
}

.nav {
float:right;
padding:12px 0px 12px 0px;
background-image:url(../images/nav_bg.jpg);
background-position:center;
background-repeat:repeat-x;
text-align:left;
}

.nav ul {
margin:0px;
padding:0px;
}

.nav li{
display:inline;
margin:0px;
padding:0px;
}

.nav a {
padding:0px 22px 0px 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#FFF;
}

.nav a:hover {
padding:0px 22px 0px 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#0066FF;
}

.nav a.visit {
padding:0px 22px 0px 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#0066FF;
}

.nav a.visit:hover {
padding:0px 22px 0px 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#FFF;
}

/* Image/Flash Container */
#img_container {
width: 970px;
margin:20px 0px;
}

#img_container img{
display:inline;
border:none;
}

#img_container a img{
display:inline;
border:none;
filter:alpha(opacity=100); 
-moz-opacity: 1; 
opacity: 1;
}

#img_container a img:hover{
display:inline;
border:none;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
}

/* Content area styles and settings */
#content_container {
position:relative;
width:970px;
padding-bottom:20px;
border-bottom:1px solid #CCC;
}

.textarea1 {
line-height:18px;
width:520px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:justify;
}

.textarea1 .highlight {
color:#0066FF;
font-style:italic;
}

.textarea2 {
line-height:18px;
width:970px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:justify;
}

.textarea2 .highlight {
color:#0066FF;
font-style:italic;
}

.textarea2 .small {
font-size:10px;
}

.textarea2 .large {
font-size:14px;
}

.textarea2 .underline {
background-color:#CCC;
color:#FFF;
padding-left:2px;
line-height:25px;
}

/* for home page */
.contentright {
position:absolute;
right:5px;
top:0px;
width: 420px;
}
/* homepage kitchen div classes */
.kitchensDiv {
position:relative;
background-image:url(../images/kitchen-div-bg-off.jpg);
background-repeat:no-repeat;
background-position:right;
width:418px;
height:98px;
padding:2px;
border: 2px dashed  #CCC;
margin-bottom:20px;
}

.kitchensDiv .heading {
margin-top:12px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#666;
font-style:italic;
font-weight:bold;
text-align:left;
}

.kitchensDiv .text {
width:228px;
padding-top:10px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
text-align:left;
}

.kitchensDiv:hover {
position:relative;
background-image:url(../images/kitchen-div-bg-on.jpg);
background-repeat:no-repeat;
background-position:right;
width:418px;
height:98px;
padding:2px;
border: 2px dashed  #0066FF;
}

.kitchensDiv:hover .heading {
margin-top:12px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#0066FF;
font-style:italic;
font-weight:bold;
text-align:left;
}

.kitchensDiv:hover .text {
padding-top:10px;
margin-left:16px;
left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:left;
}


/* home page bedroom div classes */
.bedroomDiv {
position:relative;
background-image:url(../images/bedroom-div-bg-off.jpg);
background-repeat:no-repeat;
background-position:right;
width:418px;
height:98px;
padding:2px;
border: 2px dashed  #CCC;
margin-bottom:20px;
}

.bedroomDiv .heading {
margin-top:12px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#666;
font-style:italic;
font-weight:bold;
text-align:left;
}

.bedroomDiv .text {
width:228px;
padding-top:10px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
text-align:left;
}

.bedroomDiv:hover {
position:relative;
background-image:url(../images/bedroom-div-bg-on.jpg);
background-repeat:no-repeat;
background-position:right;
width:418px;
height:98px;
padding:2px;
border: 2px dashed  #0066FF;
}

.bedroomDiv:hover .heading {
margin-top:12px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#0066FF;
font-style:italic;
font-weight:bold;
text-align:left;
}

.bedroomDiv:hover .text {
padding-top:10px;
margin-left:16px;
left:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:left;
}

/* footer styles and settings */
#footer_container {
width:970px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
text-align:left;
padding-top:20px;
}

#footer_container .highlight {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}

#footer_container .light {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCC;
}

#footer_container a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
text-decoration:none;
}

#footer_container a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0066FF;
text-decoration:none;
}

#footer_container .contactdetails {
float:left;
width:500px;
text-align:left;
}

#footer_container .links {
float:right;
width:460px;
text-align:right;
}

/* contact form styles */
.contact_form {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:left;
}

.contact_form form {
margin:0px;
}

.contact_form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 100px; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
}

.contact_form input, textarea, select {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

.contact_form br {
clear:left;
}




h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0066FF;
font-weight:bold;
padding:0px;
margin:0px 0px 20px 0px;
text-align:left;
line-height:24px;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066FF;
text-decoration:none;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
text-decoration:none;
}