*
{
	border: 0;
	margin: 0;
	padding: 0;
}


a:link
{
color:#ffffff;
}

a:active
{
color:#ffffff;
}

a:visited
{
color:#ffffff;
}

a:hover
{
color:#484042;
}


body
{ 
margin:0;
padding:0px;
background-color: #ffffff;
font-family: "Verdana" "Constantia" "Arial" ;
font-size:8pt;
color:#ffffff; /*main text colour*/
text-align: center;
}

#map{
font-size:10pt;
color:#000000;
}

#main-background{
background-color: #000000;  /*main text background colour */
text-align: left;
}

#main-picline{
margin: 0px;
padding: 0px;

}

#main-text
{
float:left;
text-align: left;
margin-left: 20px;
margin-right: 20px;
padding-top: 0px;
vertical-align:top;
display:inline;
}

#main-text2
{
float:left;
text-align: left;
margin-left: 0px;
margin-right: 20px;
padding-top: 5px;
display:inline;
font-size:8pt;

}

#addresstext
{
display:inline;
float: right; 
margin: 0px;
margin-right: 10px;
color:#317232;
}

#addresstext2
{
display:inline;
float: right; 
margin: 0px;
color:#317232;
}

img.rightalign 
{
float:right;
border:2px solid #317232;
margin:30px 0px 15px 20px;
display:inline;
clear: left;
}

img.rightalign3 
{
float:right;
border:2px solid #317232;
margin:15px 0px 15px 20px;
display:inline;
clear: left;
}

img.leftalign 
{
border:2px solid #484042;
float:left;
margin:13px 15px 15px 0px;
}

img.rightalign2
{
float:right;
margin:0px 0px 15px 20px;
display:inline;
}

img.middle
{
border:1px #878383;
}

img
{
border-color: black;
}



p
{
Clear:left;
margin:0;
display:block;
}

p.maintext
{
font-size:8pt;
}

p.alignright
{
   float:right;
   text-align:right;
   margin:5px 10px 5px 10px;
   color:#f29714;
}
p.pageheading
{
font-family: "Verdana" "Constantia" "Arial";
font-size:15pt;
color:#ffffff;
clear: left;
}

p.pageheading2
{
font-family: "Verdana" "Constantia" "Arial";
font-size:15pt;
color:#ffffff;
float:left;
}

h2.pageheadingright
{
font-family: "Verdana" "Constantia" "Arial";
font-size:15pt;
color:#ffffff; /*878383*/
}

h3.pageheadingright
{
font-family: "Verdana" "Constantia" "Arial";
color:#ffffff;
}

p.pageheadingmiddle
{
font-family: "Verdana" "Constantia" "Arial";
font-size:15pt;
color:#878383;
margin:20px 0px 15px 0px;
display:inline;
}

ul.text
{
padding: 0;
margin: 0;
list-style-type: circle;
float: right;
width: 45%;
font-size:8pt;
}

ul.text2
{
padding: 0;
margin: 0;
list-style-type: circle;
width: 45%;
font-size:8pt;
}

/*ul
{
list-style-type: circle;
float:left;
text-align: left;
margin-left: 20px;
vertical-align:top;
font-size:8pt;
}*/



/*--------------------------------------------------------------------------------*/
/*Main Layout*/


b{font-size: 110%;}
em{color: red;}

#maincontainer
{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-color: #ffffff;  /*main title background*/
margin-left:0px;
height: 110px; /*Height of top section*/
vertical-align: bottom;
}

#topsection h1{
margin: 0px;
padding-top: 30px;
vertical-align:bottom;
}

#contentwrapper{
float: left;
width: 100%;
display:inline;
}

#contentcolumn{
margin-left: 160px; /*Set left margin to LeftColumnWidth*/
margin-top: 10px;
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column*/
display:inline;
}

#footer{
clear: left;
width: 830px;
background: #317232; /*#878383, D25A0B*/;
color: #ffffff;
text-align: left;
margin-left: 0px;
padding: 3px 10px;
font-size:8pt;
}

#footer a{
color: #D25A0B;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 0px;
padding-top: 10px;
padding-bottom: 0px;
vertical-align: bottom;
}


/*------------------------------------------------------------------------------*/

#modernbricksmenu{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 1px;
list-style: none;
}

#modernbricksmenu li{
display: inline;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #000000; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #317232; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #000000; /*Brown color theme*/ 
border-color: #000000; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
display:block;
height: 5px;
margin-left: 0px;
margin-bottom: 0px;
background: #317232; /*Grey color theme*/ 
}

#modernbricksmenuline3{
height: 5px;
background: #317232; /*Grey color theme*/ 
margin-top: -4px;
}


/*------------------------------------------------------------------------------*/

#subkitmenu{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none; 
}

#subkitmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0px;
list-style: none;
}

#subkitmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#subkitmenu a
{
text-decoration: none; 
float: left;
display: inline;
color: black;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 5px 7px;
text-align: center;
letter-spacing: 1px;
background-color: white; /*Default menu color*/
border-bottom: 1px solid white;
 
}

#subkitmenu a:hover
{
background-color: #ffffff; /*Menu hover bgcolor*/
color: #878383;
}

#subkitmenu #current a{ /*currently selected tab*/
background-color: #ffffff; /*Brown color theme*/ 
border-color: #ffffff; /*Brown color theme*/ 
color: red; 
}

#subkitmenumenuline{
clear: both;
color: red; 
padding: 0;
width: 100%;
height: 5px;
margin-left: 0px;
line-height: 5px;
background: #ffffff;/*#878383;*/ /*Grey color theme*/ 
}

/*------------------------------------------------------------------------------*/
/*doors images*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #878383;
margin: 0 5px 5px 0;
text-decoration: none;
}

.thumbnail:hover{
background-color: transparent;
text-decoration: none;
}

.thumbnail:hover img{
border: 2px solid black;
text-decoration: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-align: center;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 630px; /*position where enlarged image should offset horizontally */
z-index: 50;
text-decoration: none;
font-size:8pt;
}

/*------------------------------------------------------------------------------*/
/*doors images*/

.gallerycontainer2{
position: relative;
text-decoration: none; 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail2 img{
border: 1px solid #878383;
margin: 0 5px 5px 0;
text-decoration: none;
}

.thumbnail2:hover{
background-color: transparent;
text-decoration: none;
}

.thumbnail2:hover img{
border: 2px solid black;
text-decoration: none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-align: center;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
width: 275px;
text-decoration: none;
font-size:8pt;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*------------------------------------------------------------------------------*/
/*kitchen images*/

.gallerycontainer3
{
position: relative;
text-decoration: none;
clear: left;
display: inline;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail3
{
clear: left;
display: inline;
z-index: 0;
text-decoration: none;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #f29714;
visibility:hidden;
color: black;
text-align: center;
text-decoration: none;

}

.thumbnail3 span img{ /*CSS for enlarged image*/
border: 1px solid #878383;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility:visible;
width: 200px;
top: -330px;
left: 50px; /*position where enlarged image should offset horizontally */
text-decoration: none;
font-size:7pt;
border: 1px solid #878383;

}

/*------------------------------------------------------------------------------*/

#subkitmenu2
{
float: right;
margin: 20px 0px 0px 25px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
clear: left;
}

#subkitmenu2 ul
{

font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0px;
list-style: none;
}

#subkitmenu2 li
{
float: right;
margin: 0px 0px 0 0;
padding: 0;
text-transform:uppercase;
display: inline;
}

#subkitmenu2 a
{
display: inline;
float: left;
color: black;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 0px 0px;
text-align: center;
letter-spacing: 0px;
background-color: white; /*Default menu color*/
border-bottom: 1px solid white;
}

#subkitmenu2 a:hover
{
background-color: #ffffff; /*Menu hover bgcolor*/
}

#subkitmenu2 #current a{ /*currently selected tab*/
background-color: #ffffff; /*Brown color theme*/ 
border-color: #ffffff; /*Brown color theme*/ 
}

#subkitmenumenuline2
{

padding: 0;
width: 100%;
height: 5px;
margin-left: 0px;
line-height: 5px;
background: #ffffff;/*#878383;*/ /*Grey color theme*/ 

}

/*------------------------------------------------------------------------------*/

input
{
color: #ffffff;
background: #878383;
border: 1px solid #000000;
}

label
{
vertical-align: top;  
}

textarea
{
font-family: "Verdana" "Constantia" "Arial";
font-size:10pt;
color: #ffffff;
background: #878383;
border: 1px solid #000000;
}

.submit input
{
color: #000;
background: #f29714;
border: 2px outset #d7b9c9
font-family: "Verdana" "Constantia" "Arial";
font-size:10pt;
width: 50px
} 

.submit2 input
{
color: #000;
background: #f29714;
border: 2px outset #d7b9c9
font-family: "Verdana" "Constantia" "Arial";
font-size:10pt;
width: 130px
} 

/*------------------------------------------------------------------------------*/

a.more:link
{
float:right;
color:#f29714;
}

a.more:active
{
float:right;
color:#f29714;
}

a.more:visited
{
float:right;
color:#f29714;
}

a.more:hover
{
float:right;
color:#f29714;
}

#mainview
{
   width:393px; 
   height:142px; 
   border: 2px; 
   border-style:solid; 
   border-color:#8f806b;
   margin:0px 0px 0px 20px ;
   float:right;  
}

#mainview3
{
   width:702px;
   background-color:#484042; 
   height:21px; 
   border: 2px; 
   border-style:solid; 
   border-color:#484042;
   margin:0px 0px 0px 2px ;
   float:left;  
}

#mainview4
{
   width:702px; 
   height:68px; 
   border: 2px; 
   border-style:solid; 
   border-color:#8f806b;
   border-right-color:#000000;
   border-left-color:#000000;
   border-bottom-color:#000000;
   margin:0px 0px 0px 2px ;
   float:left; 

}

#mainview2
{
   width:393px; 
   height:142px; 
   border: 2px; 
   border-style:solid; 
   border-color:#8f806b; 
}

#detailview
{
   width:500px; 
   border: 1px; 
   border-style:solid;  
   border-color:#000000;
   background-color:#888;
   height:433px;
}

#detailviewdel
{
   width:450px; 
   border: 1px; 
   border-style:solid;  
   border-color:#000000;
   background-color:#888;
   height:453px;
}

#title2
{
    width:390px; 
    height:17px;
    background-color:#8f806b; 
    padding: 0px; 
    border: 2px; 
    border-style:solid; 
    border-color:#8f806b;
    margin-bottom:2px;
    font-size:10pt;
    text-align:right;
}  

#title
{
    width:694px; 
    height:17px;
    background-color:#484042; 
    padding: 0px; 
    border: 2px; 
    border-style:solid; 
    border-color:#484042;
    margin-bottom:2px;
    font-size:10pt;
    text-align:right;
}    

#detailtitle
{
    width:450px; 
    background-color:#f29714; 
    padding: 4px; 
    border: 2px; 
    border-style:solid; 
    border-color:#f29714;
    margin-bottom:2px;
    margin-right:4px;
    font-size:10pt;
    text-align:left;
}    


#detailtitledel
{
    width:439px; 
    background-color:#f29714; 
    padding: 4px; 
    border: 2px; 
    border-style:solid; 
    border-color:#f29714;
    margin-bottom:2px;
    margin-right:4px;
    font-size:10pt;
    text-align:right;
}  

#thumbdisp
{
    width: 72px; 
    float:left; 
    background-color:#000000; 
    padding: 2px; 
    border: 2px; 
    border-style:solid; 
    border-color:#000000;
    margin-left:2px;
}

#thumbdisp3
{
    width: 154px; 
    float:left; 
    background-color:#b8050d; 
    padding: 2px; 
    border: 2px; 
    border-style:solid; 
    border-color:#b8050d;
    margin-left:2px;
}


#thumbdisp2del
{
    width: 154px; 
    float:right; 
    background-color:#888; 
    padding: 2px; 
    border: 2px; 
    border-style:solid; 
    border-color:#888;
    
}


#thumbdisp2
{
    width: 154px; 
    float:right; 
    background-color:#000000; 
    padding: 2px; 
    border: 2px; 
    border-style:solid; 
    border-color:#000000;
    
}

#viewcenter
{
    width: 110px; 
    float:left; 
    background-color:#8f806b; 
    padding: 2px;
    border: 2px; 
    border-style:solid; 
    border-color:#000000;
    text-align:right;
    margin-top:2px; 
}

#detailviewcenter
{
    width: 100px; 
    float:left; 
    background-color:#888; 
    padding: 2px; 
    border: 2px; 
    border-style:solid; 
    border-color:#888;
    text-align:right; 
    margin-top:2px;
    margin-left:5px;
 
}

#detailtext
{
    width: 250px; 
    float:left; 
    padding: 2px; 
     
    margin-top:2px;
    margin-left:5px;
 
}


#detailtextdel
{
    width: 250px; 
    float:left; 
    padding-left: 20px; 
     
    margin-top:2px;
    margin-left:5px;
 
}

#viewright
{
    width: 100px; 
    float:left;
    background-color:#bfb196; 
    padding: 2px;
    border: 2px;
    border-style:solid;
    border-color:#000000;
    color:#484042;
    text-align:right;
    margin-top:2px;
    
}

#viewright2
{
    width: 140px; 
    float:left;
    background-color:#bfb196; 
    padding: 2px;
    border: 2px;
    border-style:solid;
    border-color:#000000;
    color:#484042;
    text-align:right;
    margin-top:2px;
    
}

#viewright3
{
    width: 147px; 
    float:left;
    background-color:#484042; 
    padding: 0px;
    border: 0px;
    color:#8f806b;
    text-align:right;
    margin-top:0px;
    
}

#viewright4
{
    width: 106px; 
    float:left;
    background-color:#484042; 
    padding: 0px;
    border: 0px;
    color:#8f806b;
    text-align:right;
    margin-top:0px;
    
}

#viewright5
{
    width: 80px; 
    float:left;
    background-color:#484042; 
    padding: 0px;
    border: 0px;
    color:#484042;
    text-align:right;
    margin-top:0px;
    
}

#detailviewright
{
    width: 300px; 
    float:left;
    background-color:#bfb196; 
    padding: 2px;
    border: 2px;
    border-style:solid;
    border-color:#888;
    color:#000000;
    text-align:right;
    margin-top:2px;
    margin-right:20px;
}

#detailviewrightdel
{
    width: 140px; 
    float:left;
    background-color:#bfb196; 
    padding: 2px;
    border: 2px;
    border-style:solid;
    border-color:#888;
    color:#000000;
    text-align:right;
    margin-top:2px;
    margin-right:20px;
}

#detailviewcenterdel
{
    width: 100px; 
    float:left; 
    background-color:#888; 
    padding: 2px; 
    border: 2px; 
    border-style:solid; 
    border-color:#888;
    text-align:right; 
    margin-top:2px;
    margin-left:5px;
}

/* ------------------------------------------------------------------------------*/
#modernbricksmenu2{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float:left;
}

#modernbricksmenu2 ul{
font: bold 8px Arial;
margin:0;
margin-left: 28px; /*margin between first menu item and left browser edge*/
margin-top: 16px;
padding: 1px;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
color: black;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #f29714; /*Default menu color*/
border-bottom: 1px solid black;
}

#modernbricksmenu2 a:hover{
background-color: #000000; /*Menu hover bgcolor*/
color: white;
border-bottom: 1px solid white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #8e340c; /*Brown color theme*/ 
border-color: #8e340c; /*Brown color theme*/ 
}


/* ------------------------------------------------------------------------------*/
#modernbricksmenu3{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}

#modernbricksmenu3 ul{
font: bold 8px Arial;
margin:0;
margin-left: 28px; /*margin between first menu item and left browser edge*/
margin-top: 22px;
padding: 1px;
list-style: none;
}

#modernbricksmenu3 li{
display: inline;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu3 a{
float: left;
display: block;
color: black;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #f29714; /*Default menu color*/
border-bottom: 1px solid black;
}

#modernbricksmenu3 a:hover{
background-color: #000000; /*Menu hover bgcolor*/
color: white;
border-bottom: 1px solid white;
}

#modernbricksmenu3 #current a{ /*currently selected tab*/
background-color: #8e340c; /*Brown color theme*/ 
border-color: #8e340c; /*Brown color theme*/ 
}

/* ------------------------------------------------------------------------------*/
#modernbricksmenu4{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float:right;
}

#modernbricksmenu4 ul{

margin:0;
margin-right: 17px; /*margin between first menu item and left browser edge*/
margin-top: 5px;
padding: 1px;
list-style: none;

}

#modernbricksmenu4 li{
display: inline;
padding: 0;

}

#modernbricksmenu4 a
{
font: bold 8px Arial;
float: left;
display: block;
color: black;
margin: 5px 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #f29714; /*Default menu color*/
border-bottom: 1px solid black;
}

#modernbricksmenu4 p{
float: left;
display: block;
color:#ffffff;
margin: 8px 100px 0 0; /*Margin between each menu item*/
font-family: "Verdana" "Constantia" "Arial";
font-size:15pt;
}

#modernbricksmenu4 a:hover{
background-color: #000000; /*Menu hover bgcolor*/
color: white;
border-bottom: 1px solid white;
}

#modernbricksmenu4 #current a{ /*currently selected tab*/
background-color: #8e340c; /*Brown color theme*/ 
border-color: #8e340c; /*Brown color theme*/ 
}