/* reset styles */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form,fieldset,address{    margin: 0;    padding: 0;    }
img{    border: none;    }
*{    outline: none;    }


/* link style */
a{
    color: #468cda;
}
a:hover{
    text-decoration: none;
}


/* set background */
body{
    background: url(../images/gradient.png) repeat-x bottom;
}

table.price
{
border-collapse: collapse;
}

table.price td
{
padding: 10px;
border: 1px solid gray;
text-align: center;
}

table.pricenoc
{
border-collapse: collapse;
}

table.pricenoc td
{
padding: 10px;
border: 1px solid gray;

}



/* header section */
#header{
    font: 18px 'Trebuchet MS';
    width: 844px;
    margin: 0 auto;
}

/* logo image */
#logo{
    position: relative;
    z-index: 80;
    float: left;
    padding-top: 15px;
	color: black;
text-decoration: none;
font-size: 12px;
text-align: center;
}

/* main menu */
#menu{
    margin-left: 210px;
    width: 670px;
    margin-right: -40px;
    padding-top: 45px;
    position: relative;
    z-index: 100;
}
#menu li{
    position: relative;
    list-style: none;
    float: left;
    padding: 5px 30px;
}
#menu li+li{
    border-left: 1px solid #dededd;
    padding-left: 31px;
}
#menu li ul{
    display: none;
    position: absolute;
    z-index: 1000;
    top: 30px;
    padding: 15px 20px;
    left: 10px;
    background-color: white;
    white-space: nowrap;
    border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
}
#menu li li{
    padding: 0;
    border: none;
    float: none;
    font-size: 14px;
    margin: 8px 0;
}
#menu li .current a,
#menu li li a:hover{
    text-decoration: none;
}
#menu li:hover ul{
    display: block;
}
#menu a{
    color: #cf384b;
}
#menu .parent{
    background: url(../images/expand.png) no-repeat 100% 4px;
    padding-right: 15px;
    margin-right: -10px;
}
#menu .current a,
#menu li a:hover{
    text-decoration: none;
}

/* phone number */
#phone{
    position: relative;
    z-index: 100;
    float: right;
    margin-top: 20px;
    font-style: normal;
    font-size: 30px;
}
#phone var{
    font-size: 24px;
    font-style: normal;
}


/* footer section */
#footer{
    font: 16px 'Trebuchet MS';
    border-top: 1px solid #e4e4e4;
    width: 844px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/ribbons.png) no-repeat right bottom;
    padding: 40px 0;
}
#footer address{
    float: left;
    font-style: normal;
    width: 310px;
}
#footer address+address{
    float: right;
}


/* body section */
#body{
    width: 844px;
    margin: 0 auto;
    clear: both;
}
/* clearfix */
#body:after {
    content: ' ';
    clear:both;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

/* content heading */
#heading{
    margin-top: -35px;
    width: 605px;
    float: right;
    border-bottom: 1px solid #e4e4e4;
}
#heading h1{
    font: 24px/1.5 'Trebuchet MS';
}
/* main content */
#content{
    width: 605px;
    float: right;
    margin-top: 15px;
    margin-bottom: 60px;
    font: 12px 'Tahoma';
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
    font-family: 'Trebuchet MS';
    font-weight: normal;
    margin: 16px 0;
    line-height: 1;
}
#content h1{
    font-size: 32px;
}
#content h2{
    font-size: 30px;
}
#content h3{
    font-size: 20px;
}
#content h4{
    font-size: 18px;
}
#content h5{
    font-size: 16px;
}
#content h6{
    font-size: 14px;
}
#content p{
    margin: 12px 0;
}

/* left sidebar */
#sidebar{
    float: left;
    width: 220px;
    margin-top: 60px;
    margin-bottom: 60px;
    font: 14px 'Tahoma';
    padding-bottom: 490px;
    margin-left: -40px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: bottom left;
}



/** modules section **/

/* context menu */
.menu li{
    background: url(../images/arrow.png) no-repeat 0 5px;
    list-style: none;
    padding-left: 15px;
    margin: 10px 0;
}
.menu .current a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

/* contact form */
.contact h3{
    font: 20px 'Trebuchet MS';
    color: #727272;
}
.contact p{
    margin: 16px 0;
    color: #939393
}
.contact label{
    display: block;
    margin: 4px 0;
}
.contact input,
.contact textarea{
    background: url(../images/gradient-inputs.png) repeat-x;
    padding: 0;
    border: 1px solid #ddd;
    padding: 4px;
    width: 186px;
}
.contact button{
    background: url(../images/button.png) no-repeat;
    width: 195px;
    padding: 0;
    border: none;
    text-align: center;
    color: #fff;
    height: 31px;
}

/* pagination list */
.pagination{
    margin-top: 40px;
}
.pagination li{
    list-style: none;
    float: left;
    margin: 0 3px;
    font: 18px/1 'Tahoma';
}
.pagination a,
.pagination span{
    padding: 2px 8px;
    text-decoration: none;
    display: block;
    height: 20px;
    border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
}
.pagination a{
    background: #71a7e3;
    color: #fff;
}
.pagination span{
    background: #f0f0f0;
    color: #000;
}
.pagination #prev a,
.pagination #next a{
    font-size: 14px;
    line-height: 1.4
}



/** page contents **/

/* special offers */
.special-list li{
    padding: 20px 0;
    list-style: none;
}
.special-list li+li{
    border-top: 1px dashed #d3d3d3;
}
.special-list a{
    font-size: 18px;
}
.special-list var{
    width: 194px;
    margin-left: -214px;
    float: left;
    text-align: right;
    display: block;
}

/* article list */
.article-list{
    margin-left: -144px;
    color: #939393;
}
.article-list li{
    list-style: none;
    overflow: hidden;
    padding: 20px 0;
}
.article-list li+li{
    border-top: 1px dashed #d3d3d3;
}
.article-list .image{
    float: left;
    width: 144px;
}
.article-list .text{
    margin-left: 144px;
}
.article-list .date{
    font-style: italic;
}
.article-list h4{
    margin-top: 10px !important;
}

/* product list */
.product-list td{
    width: 30%;
    padding: 10px;
    font: italic 14px 'Trebuchet MS';
}

/* service list */
ul.service-list{
    padding-top: 20px;
    float: left;
}
ul.service-list li{
    float: left;
    position: relative;
    list-style: none;
    height: 234px !important;
    overflow: visible;
    margin: 20px 0;
}
ul.service-list .title{
    position: absolute;
    display: block;
    background: #cf384b;
    color: #fff;
    text-decoration: none;
    padding: 6px 30px;
    border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
    font: 18px 'Arial Narrow';
    white-space: nowrap;
    z-index: 100;
    overflow: visible;
}
ul.service-list .title:before{
    content: ' ';
    display: block;
    width: 5px;
    height: 9px;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
    background: url(../images/arrow-left.png) no-repeat;
}
ul.service-list ul{
    position: absolute;
}
ul.service-list ul li{
    float: none;
    height: auto !important;
    font: 12px 'Tahoma';
    margin: 10px 0;
}

/* contact page */
.address{
    font-size: 14px;
    color: #939393
}



/** shared styles **/

/* date with star */
.star-date{
    padding: 2px 0;
    padding-left: 25px;
    background: url(../images/star.png) no-repeat;
    line-height: 23px;
    color: #990004;
    font-size: 14px;
    font-style: normal;
}

/* 1/3 width column */
.column-1d3{
    width: 30.3%;
    padding-right: 3%;
    float: left;
}

/* appends arrows */ 
.r:after{
    content: ' ';
    display: block;
    width: 5px;
    height: 9px;
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -4px;
    background: url(../images/arrow-right.png) no-repeat;
}
.l:before{
    content: ' ';
    display: block;
    width: 5px;
    height: 9px;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
    background: url(../images/arrow-left.png) no-repeat;
}
.t:before{
    content: ' ';
    display: block;
    width: 9px;
    height: 5px;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -4px;
    background: url(../images/arrow-top.png) no-repeat;
}
.b:after{
    content: ' ';
    display: block;
    width: 9px;
    height: 5px;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    background: url(../images/arrow-bottom.png) no-repeat;
}



/** home page **/

/* grey box */
.grey-bg{
    background: #f8f6f6;
    overflow: hidden;
    clear: both;
    margin: 50px -20px 0;
    padding: 20px;
    color: #7a7a79;
    font: 12px 'Tahoma';
    border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
}
.grey-bg h3{
    font: 20px 'Trebuchet MS';
    margin: 0 0 15px;
}

/* services diagram */
.sketch{
    position: relative;
    width: 960px;
    margin: -60px -68px 10px;
    height: 650px;
    background: url(../images/sketch.jpg) no-repeat;
}
.sketch a{
    position: absolute;
    display: block;
    background: #cf384b;
    color: #fff;
    text-decoration: none;
    padding: 6px 30px;
    border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
    font: 18px 'Arial Narrow';
}

/* service items */
.sketch-window{
    background: url(../images/sketch-window.jpg) no-repeat;
    width: 264px;
    height: 234px;
}
.sketch-window .title{
    left: 90px;
    top: 90px;
}
.sketch-window ul{
    left: 130px;
    top: 130px;
}

.sketch-cupboard{
    background: url(../images/sketch-cupboard.jpg) no-repeat;
    width: 310px;
    height: 234px;
}
.sketch-cupboard .title{
    left: 130px;
    top: 90px;
}
.sketch-cupboard ul{
    left: 200px;
    top: 130px;
}

.sketch-safedoor{
    background: url(../images/sketch-safedoor.jpg) no-repeat;
    width: 264px;
    height: 234px;
}
.sketch-safedoor .title{
    left: 140px;
    top: 90px;
}
.sketch-safedoor ul{
    left: 200px;
    top: 130px;
}

.sketch-door{
    background: url(../images/sketch-door.jpg) no-repeat;
    width: 304px;
    height: 234px;
}
.sketch-door .title{
    left: 80px;
    top: 70px;
}
.sketch-door ul{
    left: 140px;
    top: 110px;
}

.sketch-seiling{
    background: url(../images/sketch-seiling.jpg) no-repeat;
    width: 270px;
    height: 234px;
}
.sketch-seiling .title{
    left: 60px;
    top: 70px;
}
.sketch-seiling ul{
    left: 100px;
    top: 110px;
}

.sketch-decor{
    background: url(../images/sketch-decor.jpg) no-repeat;
    width: 264px;
    height: 234px;
}
.sketch-decor .title{
    left: 90px;
    top: 70px;
}
.sketch-decor ul{
    left: 170px;
    top: 110px;
}

.sketch-project{
    background: url(../images/sketch-project.jpg) no-repeat;
    width: 274px;
    height: 234px;
    left: -55px;
}
.sketch-project .title{
    left: 140px;
    top: 30px;
}
.sketch-project ul{
    left: 180px;
    top: 110px;
}

/* text decoration */
.text-special{
    margin: 20px 0;
    width: 281px;
    height: 32px;
    background: url(../images/text-special.png) no-repeat;
    text-indent: -9999px;
}