*           { margin: 0; padding: 0; font-family: sans-serif; }
ul,ol       { list-style-type: none; }
h1, h2, h3  { font-size: 1.4em; color: #632107; margin: 0 0 10px 0; font-weight: normal; font-family: Trebuchet MS; }
a           { text-decoration: none; color: #883E11; }
h2          { font-size: 1.2em; margin: 15px 0 10px 0; }
h3          { font-size: 1em; font-weight: bold; }
p           { margin: 0 0 10px 0; line-height: 1.4em; }
ul.bull     { list-style-type: circle; }
a.cta       { float: right; }
ul.bull li  { margin: 0 0 5px 30px; line-height: 1.4em; }
img         { border: 0; }
body        { background: url(../i/wood4.jpg); }
#body       { background: url(../i/shadow_bg.png) repeat-x top left; padding: 20px 0 0 0; }
#page       { overflow: hidden; border: 2px solid #883E11; -moz-border-radius: 15px; -webkit-border-radius: 15px; width: 960px; margin: 0 auto; background: #fff; }
#header,
#footer,
#content,
#navigation { float: left; width: 920px; padding: 12px 20px; }
#footer     { text-align: right; }
#logo       { font-family: Trebuchet MS; font-size: 2em; float: left; width: 230px; color: #410; }
#contacts   { font-size: 1.4em; float: left; width: 690px; text-align: right; line-height: 40px; color: #632107; }

#navigation li { float: left; }
#navigation li.first a { padding-left: 0; }
#navigation li.last { float: right; margin: 0; }
#navigation li.last a { background: #883e11; color: #fff; }
#navigation li a { padding: 5px 7px; text-decoration: none; color: #883e11; }
#navigation li.current a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; padding: 5px 7px; background: #883e11; color: #fff; border-bottom: 2px solid #410; }
#navigation li a:hover { border-bottom: 2px solid #410; }

#subnavigation h3 { padding:3px 10px 3px 10px; margin: 0; font-size:1.4em; font-weight:normal; }
#subnavigation h3 span { position: absolute; left: -999em; }
#subnavigation li.current a { background: #883e11; color: #fff; }
#subnavigation { float: left; width: 150px; margin: 2px 20px 0 -10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 0 0 10px 0; }
#subnavigation li a { float: left; width: 130px; padding: 5px 10px }
#subnavigation ul { float: left; margin: 0 0 20px 0; }
#opinions li    { padding: 0 0 0 10px; margin: 0 0 20px 0; }

#kitchens,
#bathrooms,
#contactdetails,
#address,
#lofts,
#tiling     { border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 15px; float: left; width: 428px; height: 219px; padding: 10px; }
#kitchens   { margin: 0 20px 0 0; background: url(../i/kitchen.jpg) no-repeat top left; }
#bathrooms  { background: url(../i/bathroom.jpg) no-repeat top left; }
#lofts      { margin: 20px 20px 0 0; background: url(../i/loft.jpg) no-repeat top left; }
#tiling     { margin-top: 20px; background: url(../i/tiling.jpg) no-repeat top left; }
#bathrooms a,
#kitchens a,
#lofts a,
#tiling a   { float: left; width: 100%; font-size: 1.2em; color: #883E11; text-align: right; height: 180px; }
#kitchens strong, #bathrooms strong, #lofts strong, #tiling strong { margin: 180px 0 0 0; display: block; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px 10px; font-size:0.8em; }
#footer     { color: #883e11; font-size: 0.8em; }
#team li    { float: left; width: 278px; height: 350px; margin: 0 10px 0 0; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 230px 10px 7px 10px; }
#team li p  { filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; background: #fff; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#team li h3, #team li h4
{ margin: 0 0 10px 0; background: #fff; color: #632107; padding: 2px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#team li h4 { font-size: 0.9em; padding: 5px 10px; }
#team li.last { margin-right: 0; }
#amir { background: url(../i/amir2.jpg) no-repeat top center; }
#emil { background: url(../i/emil2.jpg) no-repeat top center; }
#samir { background: url(../i/samir2.jpg) no-repeat top center; }
#contactdetails { margin: 0 20px 10px 0; height: 190px; }
#contactdetails strong { width: 120px; float: left; }
#address    { height: 190px; margin: 0 0 10px 0; }
#contactdetails h2, #address h2 { margin-top: 0; }

form li     { margin: 0 0 10px 0; }
form li input,
form li select,
form li textarea { padding: 3px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
form li label { text-align: right; padding: 0 10px 0 0; float: left; width: 150px; line-height: 22px; }
form li input:focus, form li select:focus, form li textarea:focus { border-color: #883E11; }
.actions input  { border: 1px solid #883E11; background: #9b5a32; color: #fff; padding: 3px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.wood1      { background: url(../i/wood1.jpg); }
.wood2      { background: url(../i/wood2.jpg); }
.wood3      { background: url(../i/wood3.jpg); }
.wood4      { background: url(../i/wood4.jpg); }

p img       { float: right; margin: 0 0 0 10px; }
.com100     { float: left; margin: 0 0 10px 0; }

.wood1 .gallery li { background: url(../i/wood1.jpg); }
.wood2 .gallery li { background: url(../i/wood2.jpg); }
.wood3 .gallery li { background: url(../i/wood3.jpg); }
.wood4 .gallery li { background: url(../i/wood4.jpg); }

.gallery { float: left; }
.gallery li { float: left; width: 150px; padding: 10px 10px 6px 10px; margin: 0 17px 17px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.gallery .caption { color: #fff; font-size: 0.8em; }
.gallery li.last, #main .gallery li.last { margin-right: 0; }

#main .gallery li { margin: 0 14px 14px 0; }
#main { float: left; width: 737px; padding: 6px 0 0 20px; border-left: 1px solid #632107; }

a#flexewebs { color: #c00; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../i/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../i/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../i/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../i/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../i/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../i/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../i/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../i/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;font-size:0.8em;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../i/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}