@charset "utf-8";
/*
Description: RM Kitchens CSS
Author: North Star Marketing
*/

/* -- [ imports ] -- */
@import url("clearfix.css");
/* -- [ /imports ] -- */

/* -- [ table of contents ] -- */
/*

global: =global
navigation: =nav
home: =home
footer: =footer
interior: =interior

*/
/* -- [ /table of contents ] -- */

/* -- [ =global ] -- */

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.5em;
color: #000;
background: #f2ecdb;
text-align: center;
}

p {
margin: 0 0 10px 0;
padding: 0;
}

a,
a:visited,
a:hover {
color: #092d80;
}

img {
	border: 0;
}

h1 {
margin: 0 0 10px 0;
padding: 0;
font-size: 140%;
line-height: 18px;
color: #a90533;
}

h1.services {
background: url(../img/bg-services.gif) repeat-y;
padding: 5px;
font-size: 140%;
line-height: 18px;
color: #fff;
}

h2 {
margin: 0 0 3px 0;
padding: 0;
font-size: 120%;
line-height: 18px;
}

h3 {
margin: 0 0 3px 0;
padding: 0;
font-size: 110%;
line-height: 18px;
}

#all-wrap {
width: 785px;
margin: 31px auto 20px auto;
padding: 0;
}

#top-links {
width: 785px;
margin: 0 0 5px 0;
padding: 0;
text-align: right;
}

#top-links img {
display: inline;
margin: 0 10px 0 0;
padding: 0;
border: 0;
}

#ess-wrap {
width: 785px;
margin: 0;
padding: 0;
border: solid 7px #fff;
text-align: left;
voice-family: "\"}\""; 
voice-family: inherit;
width: 771px;
background-color: #f6f3eb;
}

/* -- [ /global ] -- */

/* -- [ =home ] -- */

#home-top {
width: 771px;
height: 372px;
position: relative;
margin: 0;
padding: 0;
background: url(../img/home-main-bg-a.jpg) top left no-repeat;
font-size: 13px;
}

#logo {
position: relative;
top: 242px;
left: 285px;
width: 203px;
height: 107px;
}

#logo img {
display: block;
border: 0;
}

#home-bottom {
width: 771px;
margin: 0;
padding: 15px 0 0 0;
}

#home-left {
float: left;
display: inline;
width: 518px;
margin: 0;
padding: 30px 40px 0 35px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 443px;
}

#home-right {
float: left;
display: inline;
width: 253px;
margin: 0;
padding: 30px 0 0 0;
}

#home-right img {
display: block;
border: 0;
}

/* -- [ /home ] -- */

/* -- [ =nav ] -- */

#nav {
position: absolute;
top: 0;
left: 6px;
width: 758px;
height: 47px;
background: url(../img/nav-bg.gif) top left no-repeat;
}

#nav ul {
float: left;
display: inline;
margin: 0 0 0 18px;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
display: inline;
width: auto;
margin: 0;
padding: 0;
}

#nav ul li.last a,
#nav ul li.last a:visited {
background: none !important;
}

#nav ul li.last a:hover {
/* background: url(../img/nav-hvr.gif) top left repeat-x !important; */
color: #000;
}

#nav ul li a:hover {
/* background: url(../img/nav-hvr.gif) top left repeat-x; */
color: #000;
}

#nav ul li a,
#nav ul li a:visited {
float: left;
display: inline;
margin: 0;
padding: 0 12px 0 12px;
height: 47px;
background: url(../img/nav-sep.gif) top right no-repeat;
color: #000;
font-weight: bold;
text-decoration: none;
line-height: 47px;
}

/* -- [ /nav ] -- */

/* -- [ =footer ] -- */

#footer {
clear: both;
width: 771px;
height: 27px;
line-height: 27px;
background: #b08b4b;
font-size: 10px;
font-weight: bold;
color: #fff;
text-align: center;
}

#footer span {
margin: 0 12px 0 12px;
}

#footer span a,
#footer span a:visited,
footer span a:hover {
color: #fff;
text-decoration: underline;
}


/* -- [ /footer ] -- */

/* -- [ =interior ] -- */

#int-top {
width: 771px;
height: 261px;
position: relative;
margin: 0;
padding: 0;
background: url(../img/int-main-bg.jpg) top left no-repeat;
font-size: 13px;
}

#int-top-history {
width: 771px;
height: 261px;
position: relative;
margin: 0;
padding: 0;
background: url(../img/int-history-bg.jpg) top left no-repeat;
font-size: 13px;
}

#int-top-cabinetry {
width: 771px;
height: 261px;
position: relative;
margin: 0;
padding: 0;
background: url(../img/int-cab-bg.jpg) top left no-repeat;
font-size: 13px;
}

#int-top-services {
width: 771px;
height: 261px;
position: relative;
margin: 0;
padding: 0;
background: url(../img/int-services-bg.jpg) top left no-repeat;
font-size: 13px;
}

#int-top-your-perfect-space {
width: 771px;
height: 261px;
position: relative;
margin: 0;
padding: 0;
background: url(../img/int-perfect-bg.jpg) top left no-repeat;
font-size: 13px;
}

#int-top #logo, #int-top-history #logo, #int-top-cabinetry #logo, #int-top-services #logo, #int-top-your-perfect-space #logo {
position: relative;
top: 98px;
left: 23px;
width: 203px;
height: 107px;
}

#int-top #logo img, #int-top-history #logo img, #int-top-cabinetry #logo img,#int-top-services #logo img, #int-top-your-perfect-space #logo img {
display: block;
border: 0;
}

#int-wrap {
float: left;
display: inline;
width: 771px;
margin: 30px 0 0 0;
padding: 0 0 20px 0;
}

#int-left {
float: left;
display: inline;
width: 221px;
margin: 0 20px 0 30px;
}

#int-left img {
display: block;

}

#int-left img.services-photo {
	margin: 20px 0 0 0;
	border: 5px solid #fff;
}

#int-right {
float: left;
display: inline;
width: 460px;
margin: 0;
padding: 0;
}

.img-right-200 {
	float: right;
	width: 200px;
	border: 5px solid #fff;
	margin: 0 0 10px 20px;
}

.img-right-250 {
	float: right;
	width: 250px;
	border: 5px solid #fff;
	margin: 0 0 10px 20px;
}

.photo-right-100 {
	float: right;
	width: 100px;
	margin: 0 0 10px 20px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

.photo-right-150 {
	float: right;
	width: 150px;
	margin: 0 0 10px 20px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

.photo-left {
	float: left;
	margin: 0 15px 5px 0;
}

.photo-left img {
	border: 5px solid #fff;
}

.photo-right {
	float: right;
	margin: 0 0 5px 15px;
}

.photo-right img {
	border: 5px solid #fff;
}



/* -- [ /interior ] -- */

/* -- [ =gallery ] -- */

.gallery-entry {
clear: left;
overflow: auto;
margin-bottom: 15px;
}

.gallery-entry img {
border: ;
}

.gallery-entry a:link {
	float: left;
	border: 5px solid #fff;
	margin: 0 5px 5px 0;
}

.gallery-entry a:hover {
	border: 5px solid #b08b4b;
}

/* -- [ /gallery ] -- */