/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */
@import url('/styles/initial.css');

body {
    font-family: Arial, Helevtica;
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
}

/**
* homepage banner
*/
div#homepage div#banner {
	display: none; 
	position: absolute; 
	top: 70px; 
	left: 0px; 
	background-color: #f18400;
	border: 2px solid #fff;
	border-left: none;
	color: #000;
	padding: 10px;
}

div#homepage div#banner .highlight {
    color: #c53600;
    font-weight: bold; 
}

div#homepage div#banner .tel {
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    margin-top: 3px; 
}

/**
* Success and error styles
*/

div.success {
    border: 1px solid #00D100;
    background-image: url('/images/success.gif');
    background-repeat: no-repeat;
    background-position: 7px 6px;
    color: #222327;
    padding: 10px;
    padding-left: 40px;
    margin: 10px 0;
}

div.errors {
    background-color: #FCC;
    background-image: url('/images/warning.gif');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    font-family: helvetica,arial,helvetica,sans-serif;
    padding: 10px;
    padding-left: 40px;
    margin: 10px 0;
}

/**
* Main menu styles
*/

ul#mainMenu {
    width: 980px;
    height: 105px;
    background: #FFF url('/images/menu_background.gif') no-repeat;
    list-style: none;
    margin: 0 auto;
    z-index: 1000;
}

ul#mainMenu img#logo {
    position: relative;
    top: 0;
    left: 130px;
    width: 153px;
    z-index: 2000;
    float: left;
}

ul#mainMenu li {
    margin: 0;
    float: left;
}

ul#mainMenu li a
{
    display: block;
    height: 41px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #FFF;
    text-indent: -5000em;
}

ul#mainMenu li a#our_services {
    width: 154px;
    background-image: url('/images/our_services.gif');
    margin-left: 190px;
}

ul#mainMenu li a#kitchens {
    width: 115px;
    background-image: url('/images/kitchens.gif');
} 

ul#mainMenu li a#contact_us {
    width: 137px;
    background-image: url('/images/contact_us.gif');
}

ul#mainMenu li a#bedrooms {
    width: 129px;
    background-image: url('/images/bedrooms.gif');
} 

/**
* Page contents
*/
div#page {
    position: relative;
    top: 0px;
    width: 980px;
    min-height: 500px;
    margin: 0 auto;
}

div.centered {
    width: 720px;
    margin: 0 auto;
}

/**
* Footer
*/
div#footer {
    border-top: 1px #C21B12 solid;
    font-size: 70%;
    margin-top: 20px;
    padding-top: 3px;
    clear: both;
}

/**
* Form item related styles
*/
td.label {
    text-align: right;
    font-size: 80%;
}

td.top {
    vertical-align: top;
}

input, textarea {
    border: 1px #000 solid;
}

input {
    font-size: 75%;
}

/**
* Homepage styles
*/
div#homepage {
    position: relative;
    top: -55px;
    width: 980px;
    margin: 0 auto;
}

ul#images {
    list-style: none;
    margin: 0;
}

ul#images li {
    margin: 0;
    padding: 0;
    float: left;
}

div#links {
    float: right;
    padding-top: 15px;
    padding-right: 145px;
}

div#intro {
    position: relative;
    top: -90px;
    left: 130px;
    width: 275px;
    float: left;
}

/**
* Kitchen selector styles
*/

div#kitchenSelect select {
    font-size: 12px;
}

div#kitchenSelect div#kitchens {
    margin: 10px 0;
}

div#kitchenSelect div#kitchens div.kitchen {
    float: left;
    width: 220px;
    padding-right: 20px;
    margin: 0 0 20px 0;
}

div#kitchenSelect div#kitchens div.kitchen div.name {
    height: 22px;
    background: url('/images/select_bg.gif');
    padding-left: 10px;
}

div#kitchenSelect div#kitchens div.kitchen a {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
}

/**
* Kitchen view styles
*/

div#kitchen h1 {
    margin-bottom: 10px;
}

div#kitchen h1,
div#kitchen h2 {
    font-family: Rockwell, verdana, arial, helvetica;
}

div#kitchen h2 {
    font-size: 18px;
}

div#kitchen div#leftCol {
    float: left;
    width: 280px;
    font-size: 12px;
    margin-left: 130px;
}

div#kitchen div.chooser {
    border: none;
}

div#kitchen div.chooser h3 {
    border-bottom: 1px #C21B12 solid;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
    margin: 0 20px 5px 0;
    padding-top: 40px;
}

div#kitchen div.chooser a {
    font-size: 14px;
    color: #C21B12;
    text-decoration: none;
}

div#kitchen div.chooser a.selected {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

div#kitchen div.chooser div.col {
    float: left;
    width: 120px;
    line-height: 14px;
    padding-right: 20px;
}

div#kitchen div#rightCol {
    float: left;
    width: 450px;
    padding: 0;
    margin: 0;
}

div#kitchen div#mainPic {
    width: 450px;
    height: 280px; 
    margin-bottom: 20px;
}

div#kitchen div#secondPic {
    float: right;
    margin-left: 10px;
}

div#kitchen h2 {
    font-family: Rockwell, Arial, Helvetica;
    color: #C21B12;
    margin: 0 0 10px 0;
}

div#kitchen div#construction {
    color: #C21B12;
    font-weight: bold;
}

div#kitchen table#doors {
    width: 100%;
    margin-top: 10px;
}

/**
* Bedroom selector styles
*/

div#bedroomSelect select {
    font-size: 12px;
}

div#bedroomSelect div#bedrooms {
    margin: 10px 0;
}

div#bedroomSelect div#bedrooms div.bedroom {
    float: left;
    width: 220px;
    padding-right: 20px;
    margin: 0 0 20px 0;
}

div#bedroomSelect div#bedrooms div.bedroom div.name {
    height: 22px;
    background: url('/images/select_bg.gif');
    padding-left: 10px;
}

div#bedroomSelect div#bedrooms div.bedroom a {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
}

/**
* Bedroom view styles
*/

div#bedroom h1 {
    margin-bottom: 10px;
}

div#bedroom h1,
div#bedroom h2 {
    font-family: Rockwell, verdana, arial, helvetica;
}

div#bedroom h2 {
    font-size: 18px;
}

div#bedroom div#leftCol {
    float: left;
    width: 280px;
    font-size: 12px;
    margin-left: 130px;
}

div#bedroom div#chooser {
    margin-top: 20px;
    border: none;
}

div#bedroom div#chooser a {
    font-size: 14px;
    color: #C21B12;
    text-decoration: none;
}

div#bedroom div#chooser a.selected {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

div#bedroom div#chooser div.col {
    float: left;
    width: 120px;
    line-height: 14px;
    padding-right: 20px;
}

div#bedroom div#rightCol {
    float: left;
    width: 450px;
    padding: 0;
    margin: 0;
}

div#bedroom div#mainPic {
    width: 450px;
    height: 280px; 
    margin-bottom: 20px;
}

div#bedroom div#secondPic {
    float: right;
    margin-left: 10px;
}

div#bedroom h2 {
    font-family: Rockwell, Arial, Helvetica;
    color: #C21B12;
    margin: 0 0 10px 0;
}

div#bedroom div#construction {
    color: #C21B12;
    font-weight: bold;
}

div#bedroom table#doors {
    width: 100%;
}